@charset "UTF-8";
* {
  -webkit-tap-highlight-color: transparent;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

a:focus {
  outline: none;
}

elements-of-type(html5-block) {
  display: block;
}

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

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

html {
  font-family: "Open Sans", sans-serif;
  color: #333333;
}

a:link, a:visited, a:active,
.link:link,
.link:visited,
.link:active {
  color: #333;
}

a:hover, a:focus,
.link:hover,
.link:focus {
  color: #4d4d4d;
}

.link-secondary:link, .link-secondary:visited, .link-secondary:active,
.link-tertiary:link,
.link-tertiary:visited,
.link-tertiary:active {
  text-decoration: none;
}

.link-secondary:hover, .link-secondary:focus,
.link-tertiary:hover,
.link-tertiary:focus {
  text-decoration: underline;
}

.link-tertiary:link, .link-tertiary:visited, .link-tertiary:active {
  color: #444444;
}

b,
strong {
  font-weight: bold;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: bold;
  margin: 24px 0;
}

h1 {
  font-size: 1.2375em;
  line-height: 0.8727272727em;
  font-family: "Open Sans", sans-serif;
}

h2 {
  font-size: 1.0125em;
  line-height: 1.0666666667em;
  font-family: "Open Sans", sans-serif;
}

p {
  margin-bottom: 24px;
  margin-top: 0;
}

hr {
  margin: 24px 0;
}

.content-table {
  background-color: #fff;
  border-collapse: collapse;
  margin-bottom: 24px;
  width: 100%;
}

.content-table > caption {
  font-weight: bold;
}

.content-table tr:nth-child(even) {
  background-color: #f5f5f5;
}

.content-table th {
  background-color: #f5f5f5;
  border-bottom: 1px solid #b1b1b1;
  color: #b1b1b1;
}

.content-table td,
.content-table th,
.content-table caption {
  padding: 5px;
  text-align: left;
}

.content-table tfoot {
  background-color: #f5f5f5;
  border-top: 1px solid #b1b1b1;
}

.content-table--important {
  border: 1px solid #b1b1b1;
}

.content-table--important > caption {
  background-color: #009640;
  color: #fff;
  font-weight: bold;
}

.content-table--very-important {
  border: 3px solid #009640;
}

.content-table--very-important > caption {
  background-color: #009640;
  color: #fff;
  font-weight: bold;
}

.content-table--very-important tfoot {
  border-top: 3px solid #009640;
}

.content-table__element-right {
  text-align: right;
}

table {
  margin-bottom: 24px;
}

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

.text--right {
  text-align: right;
}

.text--small {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
}

.text--normal {
  font-size: 0.9em;
  line-height: 1.2em;
}

.nowrap {
  white-space: nowrap;
}

.checkmark:before {
  content: '\2713\00a0';
}

* {
  box-sizing: border-box;
}

#panel {
  max-width: 100em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

#panel:after {
  content: " ";
  display: block;
  clear: both;
}

#menu {
  border-right: 1px solid #dddddd;
}

body {
  margin: 0;
}

body,
.page-header {
  background-color: #ffffff;
}

body {
  background-image: none;
  background-attachment: fixed;
}

.page-header {
  margin-bottom: 0;
  color: #009640;
  background: transparent;
}

.page-header::after {
  clear: both;
  content: "";
  display: table;
}

.page {
  padding-top: 1em;
}

.xtc2.index .page {
  padding-top: 1em;
}

.checkout_shipping .page,
.checkout_payment .page,
.checkout_confirmation .page,
.ref_checkout_shipping .page,
.checkout_amazon .page {
  padding-top: 0;
}

.page {
  background: #ffffff;
}

.page-header__navbar {
  background: #009640;
}

.container--max-width {
  max-width: 100em;
  margin-left: auto;
  margin-right: auto;
}

.container--max-width:after {
  content: " ";
  display: block;
  clear: both;
}

.page-body {
  max-width: 100em;
  margin-left: auto;
  margin-right: auto;
}

.page-body:after {
  content: " ";
  display: block;
  clear: both;
}

@media (min-width: 21em) {
  body:before {
    display: none;
    content: "mini";
  }
}

@media (min-width: 30em) {
  body:before {
    display: none;
    content: "mobile";
  }
}

@media (min-width: 34em) {
  body:before {
    display: none;
    content: "tablet";
  }
}

@media (min-width: 40em) {
  body:before {
    display: none;
    content: "gallery";
  }
}

@media (min-width: 50em) {
  body:before {
    display: none;
    content: "mid";
  }
}

@media (min-width: 60em) {
  body:before {
    display: none;
    content: "footer_max";
  }
}

@media (min-width: 70em) {
  body:before {
    display: none;
    content: "desktop";
  }
}

@media (min-width: 80em) {
  body:before {
    display: none;
    content: "alpha_max";
  }
}

@media (min-width: 105em) {
  body:before {
    display: none;
    content: "banner";
  }
}

#cookiebar {
  position: fixed;
  z-index: 10000;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #eaeaea;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.1);
  padding: 0 0.5em;
  text-align: center;
}

#cookiebar p {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
  line-height: 1em;
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 1em 3em;
}

#cookiebar img {
  position: absolute;
  left: 0;
  top: 0.5em;
  height: 2em;
}

#cookiebar span {
  position: absolute;
  display: inline-block;
  right: 0;
  top: 0.5em;
  height: 1em;
  font-size: 2em;
  cursor: pointer;
}

@media (min-width: 50em) {
  #cookiebar {
    position: relative;
    border-top: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  }
}

.main-content-wrapper {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.page-content {
  clear: both;
  padding: 0 1em;
}

.page-content p, .page-content td, .page-content th, .page-content li {
  font-size: 0.9em;
  line-height: 1.2;
}

.page-content th {
  font-weight: bold;
}

.page-content > h1:first-child {
  margin-top: 0;
}

.fancybox-content .page-content > h1:first-child {
  margin-top: 24px;
}

.content--fancybox .page-content {
  padding: 0;
  padding-top: 1em;
}

.content--fancybox table {
  width: auto;
}

.content--fancybox h2 {
  clear: both;
}

.content--fancybox .contentButtons {
  text-align: center;
}

/* popup_content / print */
#popupWrapper .logo,
#popupWrapper address,
#popupWrapper .contact {
  white-space: nowrap;
  float: left;
  margin-left: 4em;
  overflow: visible;
}

#popupWrapper .logo {
  margin-left: 0;
}

#popupWrapper .logo--hgo {
  margin: 13px 0 13px 0;
}

#popupWrapper a {
  text-decoration: none;
}

#popupWrapper h1 {
  clear: both;
  background-color: #009640;
  color: #fff;
  padding: 0.5em 1em;
}

.floated-box--left {
  display: inline-block;
  float: left;
  margin: 0 1em 1em 0;
}

.floated-box--left + .floated-content::after {
  clear: both;
  content: "";
  display: table;
}

.shop_content_18 .page-body .page-content a {
  display: inline-block;
  float: none !important;
}

.shop_content_3 .page-body .page-content h2,
.shop_content_24 .page-body .page-content h2 {
  margin-top: 48px !important;
}

.shop_content_3 .page-body .page-content #agbWiderrufsbelehrung h2,
.shop_content_24 .page-body .page-content #agbWiderrufsbelehrung h2 {
  margin-top: 24px !important;
}

.shop_content_3 .page-body .page-content h1 + h2,
.shop_content_24 .page-body .page-content h1 + h2 {
  margin-top: 24px !important;
}

.shop_content_3 .page-body .page-content table,
.shop_content_24 .page-body .page-content table {
  margin-bottom: 0 !important;
}

.shop_content_3 .page-body .page-content .content tr td:first-child,
.shop_content_24 .page-body .page-content .content tr td:first-child {
  padding-left: 0;
  width: 3em;
  text-align: right;
}

.shop_content_31 .page-body .page-content h3 {
  margin-top: 48px !important;
}

.shop_content_31 .page-body .page-content h1 + div > div + h3 {
  margin-top: 24px !important;
}

.shop_content_7 .page-body .page-content .inside > a {
  font-size: 0.9em;
  line-height: 1.2em;
}

.shop_content_7 .page-body .page-content .contentBox {
  padding-bottom: 24px !important;
}

.shop_content_7 .page-body .page-content .inside {
  text-align: left !important;
}

.shop_content_7 .page-body .page-content .inside > span {
  font-size: 100% !important;
}

.shop_content_7 .page-body .page-content .clearfix + .halfsize + .halfsize {
  padding-left: 1em;
}

.shop_content_7 .page-body .page-content .halfsize-last + p {
  width: 100%;
  float: left;
  margin-top: 24px;
}

.shop_content_7 .page-body .page-content form {
  clear: both;
  padding-top: 24px;
}

.shop_content_7 .page-body .page-content form h2 {
  margin-top: 0;
}

.shop_content_4 .page-body .page-content table td {
  width: 50%;
  padding-left: 0 !important;
}

.shop_content_4 .page-body .page-content td > b {
  font-weight: normal;
}

.shop_content_207 .page-body .page-content .inside > p {
  overflow: hidden;
}

.shop_content_207 .page-body .page-content .inside > p:first-child {
  overflow: inherit;
}

.shop_content_20 .page-body .page-content h1 + p {
  display: none;
}

.shop_content_10 .page-body .page-content h2 {
  margin-top: 48px !important;
}

.shop_content_10 .page-body .page-content .tabber > .tabbertab:first-child > h2:first-child {
  margin-top: 24px !important;
}

.shop_content_22 .page-body .page-content h1 + h2 {
  display: none;
}

.shop_content_17 .page-body .page-content h1 + h2 {
  display: none;
}

#menu {
  background-color: #f5f5f5;
}

#panel {
  background-color: #fff;
}

.page {
  max-width: 100em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2em;
}

.page:after {
  content: " ";
  display: block;
  clear: both;
}

.page__title,
.page__header {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.page__title > h1,
.page__header > h1 {
  margin-top: 0;
}

.page__title p,
.page__header p {
  font-size: 0.9em;
  line-height: 1.2em;
}

.page__content > header h1 {
  margin-top: 0;
}

.panel-alpha,
.panel-beta {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  min-height: 1em;
}

.panel-beta {
  text-align: center;
}

@media (min-width: 60em) {
  .panel-alpha {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-right: 0;
  }
  .page__content--alpha {
    width: 75%;
    float: left;
  }
}

@media (min-width: 70em) {
  .panel-beta {
    width: 16.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
  }
  .page__content--beta {
    width: 83.3333333333%;
    float: left;
  }
  .page__content--alpha.page__content--beta {
    width: 58.3333333333%;
    float: left;
  }
}

@media (min-width: 80em) {
  .panel-alpha {
    width: 20.8333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-right: 0;
  }
  .page__content--alpha {
    width: 79.1666666667%;
    float: left;
  }
  .page__content--alpha.page__content--beta {
    width: 62.5%;
    float: left;
  }
}

footer:after {
  background-color: #f2f5f8;
  display: none;
}

.page-footer {
  max-width: 100em;
  margin: 0 auto;
}

.page-footer__container {
  max-width: 100em;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-bottom: 24px;
}

.page-footer__container:after {
  content: " ";
  display: block;
  clear: both;
}

.page-footer__container .footer-anchor-text {
  font-size: 0.8em;
}

.page-footer__container .tax-note {
  display: inline-block;
  margin-bottom: 0;
}

.page-footer__top > .page-footer__container {
  background-color: #76b72a;
}

.page-footer__middle {
  width: 100%;
  text-align: center;
}

.page-footer__middle .page-footer__container {
  padding-top: 3em;
  padding-bottom: 3em;
  padding-left: 1em;
  padding-right: 1em;
  background-color: #646464;
  color: #fff;
}

.page-footer__middle p {
  font-size: 0.9em;
  line-height: 1.2em;
  margin-bottom: 1em;
}

.page-footer__middle a {
  color: #fff !important;
  background-color: transparent !important;
  text-decoration: "underlined" !important;
}

.page-footer__middle a:link, .page-footer__middle a:visited {
  color: #fff !important;
  background-color: transparent !important;
  text-decoration: "underlined" !important;
}

.page-footer__middle a:hover {
  color: #fff !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.page-footer__middle .country-switch {
  line-height: 2.4em;
}

.page-footer__middle select {
  height: 2.6em;
  width: auto;
  min-width: 12em;
}

.page-footer__middle h2 {
  font-weight: normal;
  margin: 0 0 1em 0;
}

.page-footer__middle img {
  vertical-align: middle;
}

.page-footer__middle aside {
  margin-bottom: 2em;
}

.xtc4 .page-footer__middle .page-footer__container {
  background-color: #646464;
  background-image: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.xtc5 .page-footer__middle .page-footer__container {
  background-color: #009640;
}

@media (min-width: 30em) {
  .page-footer,
  .page-footer__top,
  .page-footer__middle {
    background-color: transparent;
  }
  .page-footer__top .page-footer__container {
    background-color: #fff;
  }
}

@media (min-width: 50em) {
  .page-footer__middle p {
    display: inline-block;
    padding: 0 1em;
  }
  .tax-note {
    line-height: 2.4em;
  }
}

.availability-state1 {
  color: #008800 !important;
  background-color: transparent !important;
  text-decoration: none !important;
  color: #008800;
  font-weight: bold;
}

.availability-state1:link, .availability-state1:visited {
  color: #008800 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.availability-state1:hover {
  color: #4d4d4d !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.availability-state2 {
  color: #cca300 !important;
  background-color: transparent !important;
  text-decoration: none !important;
  color: #cca300;
}

.availability-state2:link, .availability-state2:visited {
  color: #cca300 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.availability-state2:hover {
  color: #4d4d4d !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.availability-state3 {
  color: #cca300 !important;
  background-color: transparent !important;
  text-decoration: none !important;
  color: #cca300;
}

.availability-state3:link, .availability-state3:visited {
  color: #cca300 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.availability-state3:hover {
  color: #4d4d4d !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.availability-state4 {
  color: #880000 !important;
  background-color: transparent !important;
  text-decoration: none !important;
  color: #880000;
}

.availability-state4:link, .availability-state4:visited {
  color: #880000 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.availability-state4:hover {
  color: #4d4d4d !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.availability-state5 {
  color: #008800 !important;
  background-color: transparent !important;
  text-decoration: none !important;
  color: #008800;
  font-weight: bold;
}

.availability-state5:link, .availability-state5:visited {
  color: #008800 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.availability-state5:hover {
  color: #4d4d4d !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.availability-state6 {
  color: #880000 !important;
  background-color: transparent !important;
  text-decoration: none !important;
  color: #880000;
}

.availability-state6:link, .availability-state6:visited {
  color: #880000 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.availability-state6:hover {
  color: #4d4d4d !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.shipping-info .availability-state1,
.shipping-info .availability-state2,
.shipping-info .availability-state3,
.shipping-info .availability-state4,
.shipping-info .availability-state5,
.shipping-info .availability-state6 {
  text-decoration: underline;
}

.shipping-info .availability-state1:hover,
.shipping-info .availability-state2:hover,
.shipping-info .availability-state3:hover,
.shipping-info .availability-state4:hover,
.shipping-info .availability-state5:hover,
.shipping-info .availability-state6:hover {
  text-decoration: none;
}

.availability-from {
  color: #880000;
  font-weight: bold;
}

button:hover {
  cursor: pointer;
}

.qty--add-to-cart {
  display: inline-block;
  text-align: center;
  height: 50px;
  width: 50px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.qty--add-to-cart:disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.button, .button--add-to-cart, .page-content .btn {
  color: #fff;
  background-color: #b1b1b1;
  font-weight: bold;
  margin: 0;
  display: inline-block;
  appearance: none;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  padding: 0 1em;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  height: 50px;
  border: 0;
  font-size: 16px;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  border-radius: 12px;
  -webkit-user-select: element;
  -moz-user-select: element;
  -ms-user-select: element;
  user-select: element;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.button:link, .button--add-to-cart:link, .page-content .btn:link, .button:visited, .button--add-to-cart:visited, .page-content .btn:visited {
  color: #fff;
}

.button:hover, .button--add-to-cart:hover, .page-content .btn:hover, .button:focus, .button--add-to-cart:focus, .page-content .btn:focus {
  background-color: #cbcbcb;
  text-decoration: none;
  outline: none;
}

.button:active, .button--add-to-cart:active, .page-content .btn:active, .button.button--is-active, .button--is-active.button--add-to-cart, .page-content .button--is-active.btn {
  text-decoration: none;
  background-color: #b1b1b1;
  color: #989898;
  text-shadow: none;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.button .button__text, .button--add-to-cart .button__text, .page-content .btn .button__text {
  font-size: 0.9em;
  line-height: 1.2em;
  line-height: 23px;
}

.button--wide, .button--primary, .button--add-to-cart {
  width: 100%;
  text-align: center;
  max-width: 300px;
}

.button--full-wide, .button--add-to-cart {
  width: 100%;
  text-align: center;
  max-width: 100%;
}

a.button:before, a.button--add-to-cart:before, .page-content a.btn:before,
span.button:before,
span.button--add-to-cart:before,
.page-content span.btn:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

a.button .button__text, a.button--add-to-cart .button__text, .page-content a.btn .button__text,
span.button .button__text, span.button--add-to-cart .button__text, .page-content span.btn .button__text {
  display: inline-block;
  vertical-align: middle;
}

.button--primary, .button--add-to-cart {
  color: #fff;
  background-color: #ffb600;
}

.button--primary:link, .button--add-to-cart:link, .button--primary:visited, .button--add-to-cart:visited {
  color: #fff;
}

.button--primary:hover, .button--add-to-cart:hover, .button--primary:focus, .button--add-to-cart:focus {
  background-color: #ffc533;
}

.button--primary:active, .button--add-to-cart:active, .button--primary.button--is-active, .button--is-active.button--add-to-cart {
  background-color: #f2b10d;
  color: #cc9200;
}

.button--primary .button__text, .button--add-to-cart .button__text {
  font-size: 1.0125em;
}

.button--secondary {
  border: 1px solid #ffb600;
  background-color: #fff;
  color: #ffb600;
  text-shadow: none;
}

.button--secondary:link, .button--secondary:hover, .button--secondary:focus, .button--secondary:active, .button--secondary:visited {
  color: #cc9200;
  border-color: #cc9200;
  background-color: #fff;
  text-shadow: none;
}

.button--open,
.button--closed {
  position: relative;
}

.button--open:after,
.button--closed:after {
  content: '\2212';
  position: absolute;
  font-size: 20px;
  height: 20px;
  width: 20px;
  display: block;
  font-weight: normal;
  right: 6px;
  top: 50%;
  margin-top: -10px;
  top: calc(50% - 10px);
  margin-top: calc(0px + 0px);
  line-height: 20px;
  text-align: center;
}

.button--closed:after {
  content: "+";
}

.button--add-to-cart {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.button--add-to-cart .button__text {
  font-size: 1.125em;
}

.button--add-to-cart:disabled {
  background-color: #b1b1b1;
  color: #fff;
  cursor: not-allowed;
  pointer-events: none;
}

.product-info__cross-selling .cross-selling__add-to-cart-btn-column,
.in-cart-box-cross-selling .cross-selling__add-to-cart-btn-column,
.shopping-cart__cross-selling .cross-selling__add-to-cart-btn-column {
  height: auto;
  width: auto;
  display: inline-block;
  vertical-align: top;
}

.product-info__cross-selling .cross-selling__add-to-cart-btn-column .button--add-to-cart,
.in-cart-box-cross-selling .cross-selling__add-to-cart-btn-column .button--add-to-cart,
.shopping-cart__cross-selling .cross-selling__add-to-cart-btn-column .button--add-to-cart {
  height: 30px;
  width: auto;
  vertical-align: top;
  padding: 0 0.5em;
}

.product-info__cross-selling .cross-selling__add-to-cart-btn-column .button--add-to-cart .button__text,
.in-cart-box-cross-selling .cross-selling__add-to-cart-btn-column .button--add-to-cart .button__text,
.shopping-cart__cross-selling .cross-selling__add-to-cart-btn-column .button--add-to-cart .button__text {
  font-size: 0.9em;
  line-height: 1.2em;
}

.product-info__cross-selling .cross-selling__add-to-cart-btn-column .in-cart,
.in-cart-box-cross-selling .cross-selling__add-to-cart-btn-column .in-cart,
.shopping-cart__cross-selling .cross-selling__add-to-cart-btn-column .in-cart {
  text-align: left;
}

.in-cart-box-cross-selling .cross-selling__add-to-cart-btn-column {
  float: left;
}

.product-comparison .button--add-to-cart {
  height: 40px;
  width: 100%;
  padding: 0 0.5em 0.1875em 0.5em;
  line-height: 1em;
}

.product-comparison .button--add-to-cart .button__text {
  font-size: 0.9em;
  line-height: 1.2em;
}

.button--highlight {
  color: #b1b1b1;
  background-color: #fff;
  font-weight: normal;
}

.button--highlight:link, .button--highlight:focus, .button--highlight:active, .button--highlight:visited {
  background-color: #fff;
  color: #444444;
  border-color: #b1b1b1;
}

.button--inline {
  padding: 2px .5em;
  height: auto;
}

.button--auto-wide {
  width: auto;
}

.button--input {
  padding: 5px;
}

.button--neutral {
  border-color: #b1b1b1;
  color: #444444;
  background-color: #fff;
  font-weight: normal;
}

.button--neutral:link, .button--neutral:focus, .button--neutral:hover, .button--neutral:active, .button--neutral:visited {
  background-color: #fff;
  color: #444444;
  border-color: #b1b1b1;
}

.button--transparent {
  color: #333333;
  background-color: #fff;
  font-weight: normal;
  cursor: inherit;
  border: 1px solid #fff;
  padding-left: 0;
  padding-right: 0;
  text-shadow: none;
}

.button--transparent:link, .button--transparent:hover, .button--transparent:focus, .button--transparent:active, .button--transparent:visited {
  color: #333333;
  background-color: #fff;
  border: 1px solid #fff;
  text-shadow: none;
}

.button--inactive {
  cursor: inherit;
}

.button[type="submit"]::-moz-focus-inner, [type="submit"].button--add-to-cart::-moz-focus-inner, .page-content [type="submit"].btn::-moz-focus-inner,
.button[type="reset"]::-moz-focus-inner,
[type="reset"].button--add-to-cart::-moz-focus-inner,
.page-content [type="reset"].btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button--checked {
  background-color: #008800;
}

.button--checked:link, .button--checked:hover, .button--checked:focus, .button--checked:active, .button--checked:visited {
  background-color: #008800;
}

.button--checked:before {
  content: '\2713\00a0';
}

.close-button-wrapper,
.download-print-button-wrapper {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid #dddddd;
  text-align: center;
}

.loader__overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #ffc439;
  text-align: center;
  z-index: 101;
  display: none;
  border-radius: 4px;
  cursor: wait;
}

.loader__overlay:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.loader__overlay.overlay--fixed {
  height: 35px;
}

.loader {
  border: 2px solid #fff;
  border-radius: 50%;
  border-top: 2px solid #333333;
  width: 12px;
  height: 12px;
  -webkit-animation: spin 1s linear infinite;
  -ms-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  display: inline-block;
  margin-right: 12px;
}

.js-create-account,
.js-create-guest {
  position: relative;
}

.js-create-account:after,
.js-create-guest:after {
  content: '\2212';
  position: absolute;
  font-size: 20px;
  height: 20px;
  width: 20px;
  display: block;
  font-weight: normal;
  right: 6px;
  top: 50%;
  margin-top: -10px;
  top: calc(50% - 10px);
  margin-top: calc(0px + 0px);
  line-height: 20px;
  text-align: center;
  content: '+';
}

.nav-pill, .nav-pill--animated, .nav-pill--active {
  word-wrap: break-word;
  padding: 1em;
  border: none;
  border-radius: 12px;
  width: 100%;
  background-color: #ffffff;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  text-align: left;
}

.nav-pill:focus, .nav-pill--animated:focus, .nav-pill--active:focus {
  outline: none;
}

.nav-pill--animated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.nav-pill--animated:hover {
  color: #009640;
}

.nav-pill--active {
  border-color: #009640;
  background-color: #009640;
}

@media (min-width: 21em) {
  .product-info__cross-selling .cross-selling__add-to-cart-btn-column,
  .shopping-cart__cross-selling .cross-selling__add-to-cart-btn-column {
    float: left;
  }
  .loader__overlay.overlay--fixed {
    height: 45px;
  }
}

@media (min-width: 34em) {
  #in-cart-box .cross-selling__add-to-cart-btn-column {
    float: none;
  }
  .loader__overlay.overlay--fixed {
    height: 55px;
  }
}

@media (min-width: 40em) {
  .loader__overlay.overlay--fixed {
    height: 35px;
  }
}

@media (min-width: 50em) {
  .loader__overlay.overlay--fixed {
    height: 45px;
  }
}

@media (min-width: 80em) {
  .loader__overlay.overlay--fixed {
    height: 55px;
  }
}

.breadcrumb {
  clear: both;
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 1em;
}

.breadcrumb__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.breadcrumb__element {
  display: inline-block;
}

.breadcrumb__element:not(:last-child):after {
  color: #444444;
  content: ' › ';
  margin-right: 4px;
}

.breadcrumb__element.back-to-search:after {
  content: ' | ';
  font-size: .8em;
}

.breadcrumb__element.back-to-search:before {
  content: '‹ ';
}

.breadcrumb__link {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
}

@media (min-width: 50em) {
  .breadcrumb.jquery--hide {
    display: block;
  }
}

.customer-information__list {
  width: 100%;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 0 0.5em;
  float: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.customer-information__item {
  width: 100%;
  float: left;
  padding: 0 0.5em;
  margin: 0;
  text-align: center;
  margin-bottom: 1em;
}

.customer-information__title {
  font-size: 16px;
  line-height: 20px;
  display: block;
  padding: 5px 15px;
  background-color: #76b72a;
  color: #fff;
  border-radius: 0 12px 12px 0;
  height: 50px;
  text-align: left;
  overflow: hidden;
}

.customer-information__title span, .customer-information__title a {
  display: inline-block;
  vertical-align: middle;
}

.customer-information__title a {
  color: #fff !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.customer-information__title a:link, .customer-information__title a:visited {
  color: #fff !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.customer-information__title a:hover {
  color: #fff !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.customer-information__title:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.customer-information__item svg {
  max-width: 50px;
  max-height: 50px;
  width: auto;
  height: auto;
  float: left;
  margin-right: 1em;
  border: 5px solid #fff;
  border-radius: 50%;
  background-color: #fff;
}

.customer-information__item svg .hhw-icon-stroke,
.customer-information__item svg .hhw-icon-stroke--highlight,
.customer-information__item svg .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.5px;
  stroke: #646464;
}

.customer-information__item svg .hhw-icon-stroke--highlight {
  stroke: #ffb600;
}

.customer-information__item svg .hhw-icon-stroke--inverted {
  stroke: #f7f7f7;
}

.customer-information__item svg .hhw-icon-fill,
.customer-information__item svg .hhw-icon-fill--highlight,
.customer-information__item svg .hhw-icon-fill--inverted {
  fill: transparent;
}

.customer-information__item svg .hhw-icon-fill--highlight {
  fill: #ffb600;
}

.customer-information__item svg .hhw-icon-stroke--inverted {
  fill: #f7f7f7;
}

.customer-information__item #hhw-icon-2018-security {
  padding: 0 5px 10px 5px;
}

.customer-information__description {
  font-size: 0.9em;
  line-height: 1.2em;
  margin: 0;
  padding: 15px;
  background-color: #e6e6e6;
  border-radius: 0 0 12px 12px;
  display: none;
}

@media (min-width: 30em) {
  .customer-information__item {
    width: 50%;
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-bottom: 2em;
  }
  .customer-information__item:nth-of-type(2n+1) {
    clear: both;
  }
  .customer-information__item svg {
    max-width: 100px;
    max-height: 100px;
    width: auto;
    height: auto;
    float: none;
    margin-right: 0;
    margin-bottom: 1em;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
  }
  .customer-information__title {
    border-radius: 12px 12px 0 0;
    background-color: #76b72a;
    color: #ffffff;
    height: 50px;
    width: 100%;
    text-align: center;
    overflow: visible;
  }
  .customer-information__title a {
    color: #ffffff !important;
    background-color: transparent !important;
    text-decoration: none !important;
  }
  .customer-information__title a:link, .customer-information__title a:visited {
    color: #ffffff !important;
    background-color: transparent !important;
    text-decoration: none !important;
  }
  .customer-information__title a:hover {
    color: #ffffff !important;
    background-color: transparent !important;
    text-decoration: none !important;
  }
  .customer-information__description {
    display: block;
    height: calc(100% - 100px - 1em - 50px);
  }
}

@media (min-width: 50em) {
  .customer-information__item {
    width: 25%;
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .customer-information__item:nth-of-type(n) {
    clear: none;
  }
  .customer-information__item:nth-of-type(4n+1) {
    clear: both;
  }
  .customer-information__item svg {
    max-width: 120px;
    max-height: 120px;
    width: auto;
    height: auto;
  }
  .customer-information__description {
    height: calc(100% - 120px - 1em - 50px);
  }
}

@media (min-width: 70em) {
  .customer-information__list--five-columns .customer-information__item {
    width: 20%;
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .customer-information__list--five-columns .customer-information__item:nth-of-type(n) {
    clear: none;
  }
  .customer-information__list--five-columns .customer-information__item:nth-of-type(5n+1) {
    clear: both;
  }
}

.eek-box {
  position: absolute;
  margin-top: 10px;
  z-index: 2;
}

.eek-badge {
  text-align: left;
  margin-bottom: .5em;
}

.eek-badge__element {
  height: 68px;
  line-height: 66px;
  margin-right: 34px;
  display: inline-block;
  padding: 0 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  z-index: 2;
}

.eek-badge__text {
  font-size: 2.5875em;
  color: #fff;
  font-weight: bold;
}

.eek-badge__text sup {
  position: relative;
  top: -.15em;
}

.eek-badge:not(.eek-badge--has-scale) .eek-badge__element--color-1 {
  background-color: #01963e;
}

.eek-badge:not(.eek-badge--has-scale) .eek-badge__element--color-1::after {
  border-left: 34px solid #01963e;
  position: absolute;
}

.eek-badge:not(.eek-badge--has-scale) .eek-badge__element--color-2 {
  background-color: #4eae31;
}

.eek-badge:not(.eek-badge--has-scale) .eek-badge__element--color-2::after {
  border-left: 34px solid #4eae31;
  position: absolute;
}

.eek-badge:not(.eek-badge--has-scale) .eek-badge__element--color-3 {
  background-color: #c7d201;
}

.eek-badge:not(.eek-badge--has-scale) .eek-badge__element--color-3::after {
  border-left: 34px solid #c7d201;
  position: absolute;
}

.eek-badge:not(.eek-badge--has-scale) .eek-badge__element--color-4 {
  background-color: #feee02;
}

.eek-badge:not(.eek-badge--has-scale) .eek-badge__element--color-4::after {
  border-left: 34px solid #feee02;
  position: absolute;
}

.eek-badge:not(.eek-badge--has-scale) .eek-badge__element--color-5 {
  background-color: #faba01;
}

.eek-badge:not(.eek-badge--has-scale) .eek-badge__element--color-5::after {
  border-left: 34px solid #faba01;
  position: absolute;
}

.eek-badge:not(.eek-badge--has-scale) .eek-badge__element--color-6 {
  background-color: #eb6605;
}

.eek-badge:not(.eek-badge--has-scale) .eek-badge__element--color-6::after {
  border-left: 34px solid #eb6605;
  position: absolute;
}

.eek-badge:not(.eek-badge--has-scale) .eek-badge__element--color-7 {
  background-color: #e2020d;
}

.eek-badge:not(.eek-badge--has-scale) .eek-badge__element--color-7::after {
  border-left: 34px solid #e2020d;
  position: absolute;
}

.eek-badge:not(.eek-badge--has-scale) .eek-badge__element::after {
  border-bottom: 34px solid transparent;
  border-top: 34px solid transparent;
  content: '';
  height: 0;
  top: 0;
  width: 0;
  bottom: 0;
  left: 100%;
}

.eek-badge:not(.eek-badge--has-scale).eek-badge--small {
  position: absolute;
}

.eek-badge:not(.eek-badge--has-scale).eek-badge--small .eek-badge__element {
  height: 26px;
  line-height: 26px;
  margin-right: 13px;
  top: 0;
}

.eek-badge:not(.eek-badge--has-scale).eek-badge--small .eek-badge__element:after {
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
}

.eek-badge:not(.eek-badge--has-scale).eek-badge--small .eek-badge__text {
  font-size: 1.0125em;
  font-weight: bold;
}

.eek-badge:not(.eek-badge--has-scale).eek-badge--small .eek-badge__element--color-1::after {
  border-left: 13px solid #01963e;
}

.eek-badge:not(.eek-badge--has-scale).eek-badge--small .eek-badge__element--color-2::after {
  border-left: 13px solid #4eae31;
}

.eek-badge:not(.eek-badge--has-scale).eek-badge--small .eek-badge__element--color-3::after {
  border-left: 13px solid #c7d201;
}

.eek-badge:not(.eek-badge--has-scale).eek-badge--small .eek-badge__element--color-4::after {
  border-left: 13px solid #feee02;
}

.eek-badge:not(.eek-badge--has-scale).eek-badge--small .eek-badge__element--color-5::after {
  border-left: 13px solid #faba01;
}

.eek-badge:not(.eek-badge--has-scale).eek-badge--small .eek-badge__element--color-6::after {
  border-left: 13px solid #eb6605;
}

.eek-badge:not(.eek-badge--has-scale).eek-badge--small .eek-badge__element--color-7::after {
  border-left: 13px solid #e2020d;
}

.eek-badge.eek-badge--has-scale .eek-badge__element {
  height: 69px;
  width: 122px;
  line-height: 69px;
  margin-right: 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.eek-badge.eek-badge--has-scale .eek-badge__element--color-1 {
  background-image: url("img/eek/A.svg");
}

.eek-badge.eek-badge--has-scale .eek-badge__element--color-2 {
  background-image: url("img/eek/B.svg");
}

.eek-badge.eek-badge--has-scale .eek-badge__element--color-3 {
  background-image: url("img/eek/C.svg");
}

.eek-badge.eek-badge--has-scale .eek-badge__element--color-4 {
  background-image: url("img/eek/D.svg");
}

.eek-badge.eek-badge--has-scale .eek-badge__element--color-5 {
  background-image: url("img/eek/E.svg");
}

.eek-badge.eek-badge--has-scale .eek-badge__element--color-6 {
  background-image: url("img/eek/F.svg");
}

.eek-badge.eek-badge--has-scale .eek-badge__element--color-7 {
  background-image: url("img/eek/G.svg");
}

.eek-badge.eek-badge--has-scale.eek-badge--small .eek-badge__element {
  height: 26px;
  width: 46px;
  line-height: 26px;
  margin-right: 0;
  top: 0;
}

.eek-badge.eek-badge--has-scale.eek-badge--small .eek-badge__text {
  font-size: 1.0125em;
}

.eek-link, .also-purchased__products-eek-link {
  background-color: #ffffff;
  font-size: 12px;
  padding-top: .2em;
  padding-right: .3em;
  padding-bottom: .3em;
}

.product-info__showroom .eek-link, .product-info__showroom .also-purchased__products-eek-link {
  background-color: transparent;
  font-size: 12px;
  text-align: left;
  padding: 0;
}

.product-info__showroom .eek-link a, .product-info__showroom .also-purchased__products-eek-link a {
  background-color: #ffffff;
  border-radius: 4px;
  padding: .3em .3em .3em 0;
  display: inline-block;
}

.also-purchased__product .eek-badge--small,
.cross-selling__item .eek-badge--small,
.comparison__table .eek-badge--small {
  position: absolute;
  top: 0;
}

.also-purchased__product .eek-badge--small + .eek-badge--small,
.cross-selling__item .eek-badge--small + .eek-badge--small,
.comparison__table .eek-badge--small + .eek-badge--small {
  top: 2em;
}

.also-purchased__product .eek-badge--small + .eek-badge--small + .eek-badge--small,
.cross-selling__item .eek-badge--small + .eek-badge--small + .eek-badge--small,
.comparison__table .eek-badge--small + .eek-badge--small + .eek-badge--small {
  top: 4em;
}

.gallery-listing-v2__item .eek-badge--small,
.result-listing__item .eek-badge--small,
.wishlist-item .eek-badge--small {
  position: absolute;
  top: 1em;
  left: 1em;
}

.gallery-listing-v2__item .eek-badge--small + .eek-badge--small,
.result-listing__item .eek-badge--small + .eek-badge--small,
.wishlist-item .eek-badge--small + .eek-badge--small {
  top: 3em;
}

.gallery-listing-v2__item .eek-badge--small + .eek-badge--small + .eek-badge--small,
.result-listing__item .eek-badge--small + .eek-badge--small + .eek-badge--small,
.wishlist-item .eek-badge--small + .eek-badge--small + .eek-badge--small {
  top: 5em;
}

.product-info__cross-selling .tabbed-content .cross-selling__list > li:first-of-type .eek-badge--small,
.fancybox-content .in-cart-box-cross-selling .tabbed-content .cross-selling__list > li:first-of-type .eek-badge--small {
  top: 1em;
}

.product-info__cross-selling .tabbed-content .cross-selling__list > li:first-of-type .eek-badge--small + .eek-badge--small,
.fancybox-content .in-cart-box-cross-selling .tabbed-content .cross-selling__list > li:first-of-type .eek-badge--small + .eek-badge--small {
  top: 3em;
}

.product-info__cross-selling .tabbed-content .cross-selling__list > li:first-of-type .eek-badge--small + .eek-badge--small + .eek-badge--small,
.fancybox-content .in-cart-box-cross-selling .tabbed-content .cross-selling__list > li:first-of-type .eek-badge--small + .eek-badge--small + .eek-badge--small {
  top: 5em;
}

input,
select,
textarea {
  font-family: "Open Sans", sans-serif;
  border: 1px solid #cfcfcf;
  padding: 5px;
  outline: 0;
  border-radius: 0;
  border-radius: 12px;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #646464;
}

textarea {
  font-size: inherit;
}

input[type=search] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

/* hide placeholder on focus */
input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder {
  color: transparent;
}

/* FF 4-18 */
input:focus::-moz-placeholder {
  color: transparent;
}

/* FF 19+ */
input:focus:-ms-input-placeholder {
  color: transparent;
}

/* IE 10+ */
textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

textarea:focus:-moz-placeholder {
  color: transparent;
}

/* FF 4-18 */
textarea:focus::-moz-placeholder {
  color: transparent;
}

/* FF 19+ */
textarea:focus:-ms-input-placeholder {
  color: transparent;
}

/* IE 10+ */
/* hide spinner in input number */
/* Safari + Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

select {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 20px;
  background-color: #fff;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  vertical-align: top;
}

.form--stacked label {
  display: block;
}

input[type="submit"]::-moz-focus-inner,
input[type="file"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
  border: 0;
  padding: 0;
}

form .error {
  border-color: #ff3c3c;
}

form .warning {
  border-color: #ffcc00;
}

form .success {
  border-color: #b3dbb3;
}

/* compact forms */
.compact-form__header,
.compact-form__header-underlined,
.compact-form__subheader,
.compact-form__subheader-underlined {
  margin: 0;
  padding: 1em 0;
}

.compact-form__header-underlined {
  margin-bottom: 1em;
  border-bottom: 1px solid #dddddd;
}

.compact-form__subheader,
.compact-form__subheader-underlined {
  font-weight: normal;
}

.compact-form__subheader-underlined {
  border-bottom: 1px solid #dddddd;
}

.compact-form__section {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.compact-form__fieldset {
  max-width: 400px;
  width: auto;
  margin-bottom: 1em;
}

form .message-inline-box {
  max-width: 400px;
  width: auto;
}

.form--full-width .compact-form__fieldset {
  max-width: 100%;
}

.form--full-width .message-inline-box {
  max-width: 100%;
}

.compact-form__legend {
  display: block;
  width: 100%;
  font-weight: normal;
  margin-bottom: 1em;
  border-bottom: 1px solid #333333;
}

.compact-form__label, .compact-form__label--radio, .compact-form__label--half, .compact-form__label--inline {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 0.5em;
  position: relative;
  color: #444444;
  line-height: 24px;
}

.compact-form__label:hover .compact-label__text, .compact-form__label--radio:hover .compact-label__text, .compact-form__label--half:hover .compact-label__text, .compact-form__label--inline:hover .compact-label__text, .compact-form__label:focus .compact-label__text, .compact-form__label--radio:focus .compact-label__text, .compact-form__label--half:focus .compact-label__text, .compact-form__label--inline:focus .compact-label__text {
  color: #000;
}

.compact-form__label input, .compact-form__label--radio input, .compact-form__label--half input, .compact-form__label--inline input, .compact-form__label select, .compact-form__label--radio select, .compact-form__label--half select, .compact-form__label--inline select, .compact-form__label textarea, .compact-form__label--radio textarea, .compact-form__label--half textarea, .compact-form__label--inline textarea {
  width: 100%;
  padding-top: 1em;
  padding-left: 1em;
  margin-top: 1em;
  filter: none;
}

.compact-form__label input[type="radio"], .compact-form__label--radio input[type="radio"], .compact-form__label--half input[type="radio"], .compact-form__label--inline input[type="radio"] {
  width: auto;
}

.compact-form__label--radio {
  display: block;
}

.compact-label__text {
  display: inline-block;
  background-color: #fff;
  position: absolute;
  padding-left: 0.5em;
  padding-right: 0.5em;
  top: 0;
  font-size: .9em;
  left: 0.5em;
  font-weight: bold;
}

.compact-label__output {
  display: inline-block;
  margin-top: 1em;
}

.compact-label__hint {
  font-size: 0.75em;
  margin-left: 1.3em;
  color: #646464;
}

.input-note {
  text-align: right;
  display: block;
  font-size: .9em;
}

.compact-form__label--inline {
  width: auto;
  display: inline-block;
  padding-right: 1em;
}

.compact-form__label--inline input {
  width: auto;
}

.compact-label__text--static {
  display: block;
}

.compact-label__text--static:after {
  content: ':';
}

.compact-label__text--inline {
  display: inline;
  font-weight: bold;
}

.compact-label__text--inline:after {
  content: ': ';
}

@media (min-width: 21em) {
  .compact-form__label--half {
    width: 50%;
    padding-right: 0.5em;
  }
  .compact-form__label--half + .compact-form__label--half {
    padding-right: 0;
    padding-left: 0.5em;
  }
  .compact-form__label--half + .compact-form__label--half span {
    left: 1em;
  }
}

.char-left {
  display: none;
  font-size: 0.7875em;
  line-height: 1.3714285714em;
}

/* remove !!!!!!!!!!!!!!! */
.compact-form__section label span.inputRequirement {
  display: none;
}

@media (min-width: 40em) {
  .fb-checkout-address {
    width: 80vw;
  }
}

.address-label-box-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  grid-gap: 1em;
  margin-bottom: 2em;
}

@media (min-width: 30em) {
  .address-label-box-wrap {
    grid-auto-rows: 1fr;
  }
}

.address-label-box {
  position: relative;
  padding: 1em;
  border-radius: 5px;
  border: solid 1px #dddddd;
}

.address-label-box--is-selected {
  border: solid 1px transparent;
  position: relative;
  z-index: 1;
}

.address-label-box--is-selected:before {
  content: '';
  background: linear-gradient(45deg, #009640, #76b72a);
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  z-index: -2;
  border-radius: 5px;
}

.address-label-box--is-selected:after {
  content: '';
  background: white;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  border-radius: 3px;
}

.address-label-box .button-wrapper {
  font-size: 0.9em;
  line-height: 1.2em;
  white-space: nowrap;
  position: absolute;
  bottom: 1em;
  left: 1em;
}

.new-address-box {
  width: 100%;
  float: left;
}

.address-label {
  font-size: 0.9em;
  line-height: 1.2em;
  line-height: 1.2em;
  margin-bottom: 2.5em;
  word-break: break-word;
}

.radio-label-buttons {
  text-align: center;
}

.radio-label-buttons input[type='radio'] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.radio-label-buttons input[type="radio"]:checked + span {
  background-color: #008800;
}

.radio-label-buttons input[type="radio"]:checked + span:before {
  content: '\2713\00a0';
}

.radio-label-buttons .button, .radio-label-buttons .button--add-to-cart, .radio-label-buttons .page-content .btn, .page-content .radio-label-buttons .btn {
  margin: 0.25em;
}

.fancybox-container .fancybox-thumbs > ul > li > img {
  min-width: auto !important;
  min-height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto !important;
}

.fancybox-container .fancybox-bg {
  background-color: #fff;
  opacity: 1 !important;
}

.fancybox-container .fancybox-bg--text-content {
  background-color: #1e1e1e;
  opacity: 0.5 !important;
}

.fancybox-container .fancybox-bg--transparent {
  background-color: transparent;
  opacity: 0 !important;
}

.fancybox-container .fancybox-bg--blurred {
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  opacity: 1 !important;
}

.fancybox-container .fancybox-infobar {
  bottom: 5px;
  top: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}

.fancybox-container .fancybox-infobar .fancybox-button--left,
.fancybox-container .fancybox-infobar .fancybox-button--right {
  border-radius: 0;
}

.fancybox-container .fancybox-toolbar {
  top: 5px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}

.fancybox-container .fancybox-toolbar .fancybox-button--close {
  width: auto;
  padding: 0 10px 0 35px;
}

.fancybox-container .fancybox-toolbar .fancybox-button--close:before {
  left: 10px;
}

.fancybox-container .fancybox-toolbar .fancybox-button--close:after {
  left: 10px;
}

.fancybox-container .fancybox-button--close-content {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 30px;
  height: 30px;
  display: none;
}

@media (min-width: 50em) {
  .fancybox-container .fancybox-button--close-content {
    display: inline-block;
  }
}

.fancybox-container .fancybox-close-button {
  z-index: 1;
  font-size: 50px;
  color: rgba(255, 255, 255, 0.8);
  background: transparent;
  border: 0;
  height: auto;
  width: auto;
  padding: 0;
  line-height: 1;
  right: 20px;
  top: 0;
}

.fancybox-container .fancybox-close-button:hover {
  color: white;
  cursor: pointer;
}

.fancybox-container .fancybox-slide:before {
  display: none;
}

@media (min-width: 50em) {
  .fancybox-container .fancybox-slide:before {
    display: inline-block;
  }
}

.fancybox-container .fancybox-slide--ajax .fancybox-content,
.fancybox-container .fancybox-slide--inline .fancybox-content {
  min-width: 100%;
  min-height: 100%;
  padding-top: 50px;
}

@media (min-width: 50em) {
  .fancybox-container .fancybox-slide--ajax .fancybox-content,
  .fancybox-container .fancybox-slide--inline .fancybox-content {
    min-width: auto;
    min-height: auto;
    max-width: 800px;
    padding-top: 2em;
  }
}

.fancybox-container .fancybox-slide--ajax .fancybox-content .page-content,
.fancybox-container .fancybox-slide--inline .fancybox-content .page-content {
  padding: 0;
}

.fancybox-container .fancybox-slide--ajax .fancybox-content table,
.fancybox-container .fancybox-slide--inline .fancybox-content table {
  width: 100% !important;
}

.fancybox-container .fancybox-slide--ajax .fancybox-content .contentButtons,
.fancybox-container .fancybox-slide--inline .fancybox-content .contentButtons {
  text-align: center;
}

.fancybox-container .fancybox-slide--ajax h1:first-child,
.fancybox-container .fancybox-slide--inline h1:first-child {
  color: #009640;
  border-bottom: 1px solid #dddddd;
  padding-bottom: .5em;
}

.fancybox-container .fancybox-slide--ajax .in-cart-box-cross-selling h1,
.fancybox-container .fancybox-slide--inline .in-cart-box-cross-selling h1 {
  color: #fff;
}

.fancybox-container .fancybox-slide--ajax .cliplister-video video,
.fancybox-container .fancybox-slide--inline .cliplister-video video {
  display: block !important;
}

.fancybox-container .fancybox-slide--inline > div {
  min-width: 100%;
  min-height: 100%;
  padding-top: 50px;
}

@media (min-width: 50em) {
  .fancybox-container .fancybox-slide--inline > div {
    min-width: auto;
    min-height: auto;
    max-width: 800px;
    padding-top: 2em;
  }
}

.fancybox-container .fancybox-slide > * {
  padding: 1em;
  margin: 0;
}

@media (min-width: 50em) {
  .fancybox-container .fancybox-slide > * {
    margin: 2em;
    padding: 2em;
  }
}

.fancybox-container #in-cart-box div.added-cart-product,
.fancybox-container #in-comparison-box div.added-cart-product {
  margin-top: 20px;
  margin-bottom: 20px;
}

.fancybox-container #in-cart-box > p,
.fancybox-container #in-comparison-box > p {
  font-size: 0.9em;
  line-height: 1.2em;
  line-height: 1em;
}

.fancybox-container #in-cart-box > h1,
.fancybox-container #in-comparison-box > h1 {
  color: #008800;
  border: 0;
  padding-bottom: 0;
}

.fancybox-container #in-cart-box > h1:before,
.fancybox-container #in-comparison-box > h1:before {
  content: '\2713';
  padding-right: 0.5em;
}

.fancybox-container #in-cart-box h2.product-item__name,
.fancybox-container #in-comparison-box h2.product-item__name {
  width: 83.3333333333%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  color: #333333;
}

.fancybox-container #in-cart-box h2.product-item__quantity,
.fancybox-container #in-comparison-box h2.product-item__quantity {
  width: 16.6666666667%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  width: auto;
  color: #333333;
  padding: 0;
  margin: 0;
}

.fancybox-container #in-cart-box .cross-selling__add-to-cart-qty-column,
.fancybox-container #in-comparison-box .cross-selling__add-to-cart-qty-column {
  height: auto;
  width: auto;
  display: inline-block;
  vertical-align: top;
  float: left;
}

.fancybox-container #in-cart-box .cross-selling__add-to-cart-qty-column .qty--add-to-cart,
.fancybox-container #in-comparison-box .cross-selling__add-to-cart-qty-column .qty--add-to-cart {
  height: 30px;
  width: 50px;
  vertical-align: top;
}

.fancybox-container #in-cart-box h2,
.fancybox-container #in-comparison-box h2 {
  color: #008800;
}

@media (min-width: 34em) {
  .fancybox-container #in-cart-box li.cross-selling__item,
  .fancybox-container #in-comparison-box li.cross-selling__item {
    width: 100%;
    position: relative;
  }
  .fancybox-container #in-cart-box li.cross-selling__item div.cross-selling__products-description,
  .fancybox-container #in-comparison-box li.cross-selling__item div.cross-selling__products-description {
    text-align: right;
  }
  .fancybox-container #in-cart-box li.cross-selling__item a.cross-selling__image-link,
  .fancybox-container #in-comparison-box li.cross-selling__item a.cross-selling__image-link {
    width: 20%;
    min-width: 50px;
    min-height: 50px;
    float: left;
    text-align: center;
  }
  .fancybox-container #in-cart-box li.cross-selling__item div.cross-selling__products-description,
  .fancybox-container #in-comparison-box li.cross-selling__item div.cross-selling__products-description {
    width: 80%;
    float: left;
  }
  .fancybox-container #in-cart-box li.cross-selling__item div.cross-selling__products-description div.cross-selling__products-title,
  .fancybox-container #in-comparison-box li.cross-selling__item div.cross-selling__products-description div.cross-selling__products-title {
    float: left;
    text-align: left;
  }
  .fancybox-container #in-cart-box li.cross-selling__item div.cross-selling__products-description div.cross-selling__order-box,
  .fancybox-container #in-comparison-box li.cross-selling__item div.cross-selling__products-description div.cross-selling__order-box {
    float: right;
  }
  .fancybox-container #in-cart-box li.cross-selling__item div.cross-selling__products-description div.cross-selling__order-box div.cross-selling__price-box,
  .fancybox-container #in-comparison-box li.cross-selling__item div.cross-selling__products-description div.cross-selling__order-box div.cross-selling__price-box {
    display: inline-block;
    margin-top: 0;
  }
  .fancybox-container #in-cart-box li.cross-selling__item div.cross-selling__products-description div.cross-selling__order-box div.cross-selling__add-to-cart,
  .fancybox-container #in-comparison-box li.cross-selling__item div.cross-selling__products-description div.cross-selling__order-box div.cross-selling__add-to-cart {
    float: right;
  }
  .fancybox-container #in-cart-box li.cross-selling__item div.cross-selling__products-description div.cross-selling__order-box .cross-selling__add-to-cart-qty-column,
  .fancybox-container #in-comparison-box li.cross-selling__item div.cross-selling__products-description div.cross-selling__order-box .cross-selling__add-to-cart-qty-column {
    float: none;
  }
}

@media (min-width: 30em) {
  .fancybox-container #in-cart-box div.cross-selling__products-title,
  .fancybox-container #in-comparison-box div.cross-selling__products-title {
    width: 100%;
  }
  .fancybox-container #in-cart-box div.cross-selling__order-box,
  .fancybox-container #in-comparison-box div.cross-selling__order-box {
    width: 100%;
  }
}

.fancybox-container #in-cart-box div.button-wrap,
.fancybox-container #in-comparison-box div.button-wrap {
  width: 100%;
}

.fancybox-container #in-cart-box div.button-wrap .button-back,
.fancybox-container #in-comparison-box div.button-wrap .button-back {
  width: 50%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.fancybox-container #in-cart-box div.button-wrap .button-forward,
.fancybox-container #in-comparison-box div.button-wrap .button-forward {
  width: 50%;
  float: right;
  padding-left: 1em;
  padding-right: 1em;
}

@media (min-width: 21em) {
  .fancybox-container #in-cart-box .button-wrap,
  .fancybox-container #in-comparison-box .button-wrap {
    text-align: center;
  }
  .fancybox-container #in-cart-box span.cross-selling__add-to-cart span.in-cart,
  .fancybox-container #in-comparison-box span.cross-selling__add-to-cart span.in-cart {
    text-align: left;
  }
}

@media (min-width: 30em) {
  .fancybox-container #in-cart-box .button-back,
  .fancybox-container #in-comparison-box .button-back {
    float: left !important;
  }
  .fancybox-container #in-cart-box .button-forward,
  .fancybox-container #in-comparison-box .button-forward {
    float: right !important;
  }
}

.fancybox-enabled #tsbadge4_db8d3657bdbe440c985ae127463eaad4,
.fancybox-enabled #___ratingbadge_0 {
  z-index: 2 !important;
}

.fancybox-container ~ #tsbadge4_db8d3657bdbe440c985ae127463eaad4,
.fancybox-container ~ #___ratingbadge_0 {
  z-index: 2 !important;
}

.fb-close-bar {
  width: 100%;
  position: fixed;
  z-index: 100000000;
  top: 0;
  left: 0;
  text-align: left;
  padding: 0 1em;
  margin: 0 auto;
  line-height: 40px;
  background-color: #b1b1b1;
  color: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

@media (min-width: 50em) {
  .fb-close-bar {
    display: none;
  }
}

.fancybox-navigation {
  display: none;
}

@media (min-width: 50em) {
  .fancybox-navigation {
    display: block;
  }
}

.fb-button--close {
  position: absolute;
  top: 1em;
  right: 1em;
  display: none;
}

@media (min-width: 50em) {
  .fb-button--close {
    display: inherit;
  }
}

.fb-navigation {
  width: 100%;
  float: left;
  text-align: center;
}

.fb-navigation .alpha {
  width: 100%;
  float: right;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 1em;
}

@media (min-width: 21em) {
  .fb-navigation .alpha {
    width: 50%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
    text-align: right;
    padding-right: 0;
    padding-left: 0.5em;
  }
}

.fb-navigation .beta {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

@media (min-width: 21em) {
  .fb-navigation .beta {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    text-align: left;
    padding-left: 0;
    padding-right: 0.5em;
  }
}

#in-comparison-box .close-button-wrapper,
#on-wishlist-box .close-button-wrapper,
#add-to-wishlist-box .close-button-wrapper,
#create-wishlist-box .close-button-wrapper,
#login-wishlist-box .close-button-wrapper,
#moved-to-wishlist-box .close-button-wrapper,
#added-all-to-cart-box .close-button-wrapper,
#too-many-wishlists-box .close-button-wrapper,
#wishlist-full-box .close-button-wrapper,
#comparison-limit-info .close-button-wrapper {
  display: none;
}

#in-comparison-box svg,
#on-wishlist-box svg,
#add-to-wishlist-box svg,
#create-wishlist-box svg,
#login-wishlist-box svg,
#moved-to-wishlist-box svg,
#added-all-to-cart-box svg,
#too-many-wishlists-box svg,
#wishlist-full-box svg,
#comparison-limit-info svg {
  height: 1em;
  width: 1em;
}

#in-comparison-box svg .hhw-icon-stroke,
#in-comparison-box svg .hhw-icon-stroke--highlight,
#in-comparison-box svg .hhw-icon-stroke--inverted,
#on-wishlist-box svg .hhw-icon-stroke,
#on-wishlist-box svg .hhw-icon-stroke--highlight,
#on-wishlist-box svg .hhw-icon-stroke--inverted,
#add-to-wishlist-box svg .hhw-icon-stroke,
#add-to-wishlist-box svg .hhw-icon-stroke--highlight,
#add-to-wishlist-box svg .hhw-icon-stroke--inverted,
#create-wishlist-box svg .hhw-icon-stroke,
#create-wishlist-box svg .hhw-icon-stroke--highlight,
#create-wishlist-box svg .hhw-icon-stroke--inverted,
#login-wishlist-box svg .hhw-icon-stroke,
#login-wishlist-box svg .hhw-icon-stroke--highlight,
#login-wishlist-box svg .hhw-icon-stroke--inverted,
#moved-to-wishlist-box svg .hhw-icon-stroke,
#moved-to-wishlist-box svg .hhw-icon-stroke--highlight,
#moved-to-wishlist-box svg .hhw-icon-stroke--inverted,
#added-all-to-cart-box svg .hhw-icon-stroke,
#added-all-to-cart-box svg .hhw-icon-stroke--highlight,
#added-all-to-cart-box svg .hhw-icon-stroke--inverted,
#too-many-wishlists-box svg .hhw-icon-stroke,
#too-many-wishlists-box svg .hhw-icon-stroke--highlight,
#too-many-wishlists-box svg .hhw-icon-stroke--inverted,
#wishlist-full-box svg .hhw-icon-stroke,
#wishlist-full-box svg .hhw-icon-stroke--highlight,
#wishlist-full-box svg .hhw-icon-stroke--inverted,
#comparison-limit-info svg .hhw-icon-stroke,
#comparison-limit-info svg .hhw-icon-stroke--highlight,
#comparison-limit-info svg .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3px;
  stroke: #646464;
}

#in-comparison-box svg .hhw-icon-stroke--highlight,
#on-wishlist-box svg .hhw-icon-stroke--highlight,
#add-to-wishlist-box svg .hhw-icon-stroke--highlight,
#create-wishlist-box svg .hhw-icon-stroke--highlight,
#login-wishlist-box svg .hhw-icon-stroke--highlight,
#moved-to-wishlist-box svg .hhw-icon-stroke--highlight,
#added-all-to-cart-box svg .hhw-icon-stroke--highlight,
#too-many-wishlists-box svg .hhw-icon-stroke--highlight,
#wishlist-full-box svg .hhw-icon-stroke--highlight,
#comparison-limit-info svg .hhw-icon-stroke--highlight {
  stroke: #ff6803;
}

#in-comparison-box svg .hhw-icon-stroke--inverted,
#on-wishlist-box svg .hhw-icon-stroke--inverted,
#add-to-wishlist-box svg .hhw-icon-stroke--inverted,
#create-wishlist-box svg .hhw-icon-stroke--inverted,
#login-wishlist-box svg .hhw-icon-stroke--inverted,
#moved-to-wishlist-box svg .hhw-icon-stroke--inverted,
#added-all-to-cart-box svg .hhw-icon-stroke--inverted,
#too-many-wishlists-box svg .hhw-icon-stroke--inverted,
#wishlist-full-box svg .hhw-icon-stroke--inverted,
#comparison-limit-info svg .hhw-icon-stroke--inverted {
  stroke: #fff;
}

#in-comparison-box svg .hhw-icon-fill,
#in-comparison-box svg .hhw-icon-fill--highlight,
#in-comparison-box svg .hhw-icon-fill--inverted,
#on-wishlist-box svg .hhw-icon-fill,
#on-wishlist-box svg .hhw-icon-fill--highlight,
#on-wishlist-box svg .hhw-icon-fill--inverted,
#add-to-wishlist-box svg .hhw-icon-fill,
#add-to-wishlist-box svg .hhw-icon-fill--highlight,
#add-to-wishlist-box svg .hhw-icon-fill--inverted,
#create-wishlist-box svg .hhw-icon-fill,
#create-wishlist-box svg .hhw-icon-fill--highlight,
#create-wishlist-box svg .hhw-icon-fill--inverted,
#login-wishlist-box svg .hhw-icon-fill,
#login-wishlist-box svg .hhw-icon-fill--highlight,
#login-wishlist-box svg .hhw-icon-fill--inverted,
#moved-to-wishlist-box svg .hhw-icon-fill,
#moved-to-wishlist-box svg .hhw-icon-fill--highlight,
#moved-to-wishlist-box svg .hhw-icon-fill--inverted,
#added-all-to-cart-box svg .hhw-icon-fill,
#added-all-to-cart-box svg .hhw-icon-fill--highlight,
#added-all-to-cart-box svg .hhw-icon-fill--inverted,
#too-many-wishlists-box svg .hhw-icon-fill,
#too-many-wishlists-box svg .hhw-icon-fill--highlight,
#too-many-wishlists-box svg .hhw-icon-fill--inverted,
#wishlist-full-box svg .hhw-icon-fill,
#wishlist-full-box svg .hhw-icon-fill--highlight,
#wishlist-full-box svg .hhw-icon-fill--inverted,
#comparison-limit-info svg .hhw-icon-fill,
#comparison-limit-info svg .hhw-icon-fill--highlight,
#comparison-limit-info svg .hhw-icon-fill--inverted {
  fill: #fff;
}

#in-comparison-box svg .hhw-icon-fill--highlight,
#on-wishlist-box svg .hhw-icon-fill--highlight,
#add-to-wishlist-box svg .hhw-icon-fill--highlight,
#create-wishlist-box svg .hhw-icon-fill--highlight,
#login-wishlist-box svg .hhw-icon-fill--highlight,
#moved-to-wishlist-box svg .hhw-icon-fill--highlight,
#added-all-to-cart-box svg .hhw-icon-fill--highlight,
#too-many-wishlists-box svg .hhw-icon-fill--highlight,
#wishlist-full-box svg .hhw-icon-fill--highlight,
#comparison-limit-info svg .hhw-icon-fill--highlight {
  fill: #ff6803;
}

#in-comparison-box svg .hhw-icon-stroke--inverted,
#on-wishlist-box svg .hhw-icon-stroke--inverted,
#add-to-wishlist-box svg .hhw-icon-stroke--inverted,
#create-wishlist-box svg .hhw-icon-stroke--inverted,
#login-wishlist-box svg .hhw-icon-stroke--inverted,
#moved-to-wishlist-box svg .hhw-icon-stroke--inverted,
#added-all-to-cart-box svg .hhw-icon-stroke--inverted,
#too-many-wishlists-box svg .hhw-icon-stroke--inverted,
#wishlist-full-box svg .hhw-icon-stroke--inverted,
#comparison-limit-info svg .hhw-icon-stroke--inverted {
  fill: #fff;
}

.fancybox-slide .tabbed-accordion__content table {
  width: 100%;
}

.fancybox-content .download-print-button-wrapper,
.fancybox-content .contentTool {
  display: none;
}

.fancybox-container.fancybox--promotion .fancybox-inner {
  width: calc(100% - 2rem);
  max-width: 750px;
  max-height: calc(100% - 2rem);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.fancybox-container.fancybox--promotion .fancybox-inner .fancybox-slide:before {
  display: inline-block;
}

.fancybox-container.fancybox--promotion .fancybox-content {
  border-radius: 4px;
  min-height: 0;
}

@media (min-width: 50em) {
  .fancybox-container.fancybox--promotion .fancybox-content {
    box-shadow: 0 0 14px 5px rgba(0, 0, 0, 0.4);
  }
}

.tab-box {
  margin-bottom: 1em;
}

.tab-box__title {
  display: inline-block;
  border-top: 2px solid #c8c8c8;
  border-left: 2px solid #c8c8c8;
  border-right: 2px solid #c8c8c8;
  margin: 0px;
  padding: 1em;
  font-family: "Open Sans", sans-serif;
  margin-bottom: -2px;
  background-color: #c8c8c8;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 0.9em;
  line-height: 1.2em;
}

.tab-box__title--active {
  color: #333333;
  background-color: #fff;
}

.tab-box__content {
  border: 2px solid #c8c8c8;
  padding: 1em;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 0.7875em;
  line-height: 1.3714285714em;
}

.tab-box__content--wider {
  padding-left: 0;
  padding-right: 0;
}

.search-suggest {
  width: 100%;
  float: left;
  margin-top: 5px;
  position: absolute;
  left: 0;
  z-index: 999;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.search-suggest img {
  max-width: 100%;
  max-height: 65px;
  width: auto;
  height: auto;
}

.search-suggest__list {
  width: 100%;
  float: left;
  background-color: #fff;
  padding-bottom: 1em;
}

.search-suggest__element {
  width: 100%;
  float: left;
}

.search-suggest__link,
.search-suggest__caption {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  color: #333333 !important;
  background-color: #fff !important;
  text-decoration: none !important;
  font-size: 0.9em;
  line-height: 1.2em;
  border-bottom: 1px solid #dddddd;
  display: block;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.search-suggest__link:link, .search-suggest__link:visited,
.search-suggest__caption:link,
.search-suggest__caption:visited {
  color: #333333 !important;
  background-color: #fff !important;
  text-decoration: none !important;
}

.search-suggest__link:hover,
.search-suggest__caption:hover {
  color: #333333 !important;
  background-color: #f2f5f8 !important;
  text-decoration: none !important;
}

.search-suggest__link:hover {
  cursor: pointer;
}

.search-suggest__caption {
  padding-top: 1em;
  border-color: #333333;
  font-weight: bold;
}

.search-suggest__caption:hover {
  background-color: #fff;
}

.search-suggest__thumb-container {
  width: 16.6666666667%;
  float: right;
  padding-left: 1em;
  padding-right: 1em;
  background-color: #fff;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.search-suggest__text {
  width: 83.3333333333%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  padding-left: 0;
}

.box {
  margin-bottom: 0.5em;
}

.box p:last-child {
  margin-bottom: 0;
}

.box__content,
.box__title {
  padding: 0.5em;
}

.box__content--trusted {
  max-width: 170px;
}

.box__content .filter-slider__form {
  display: flex;
  justify-content: space-evenly;
}

.box__content .filter-slider__form input {
  flex-grow: 3;
}

.box__content .filter-slider__form input + span {
  line-height: 29px;
  flex-grow: 1;
}

.box__content .filter-slider__form .filter-slider__link {
  line-height: initial;
  margin-left: .5em;
  flex-grow: 2;
}

.promoted-service {
  line-height: 1;
  margin-bottom: 0.5em;
}

.box__title {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #b1b1b1;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  padding: 0.5em;
  padding-right: 2em;
  position: relative;
}

.box__title-text {
  font-size: 0.9em;
  line-height: 1.2em;
  margin: 0;
  word-break: break-word;
}

.box--open > .box__title,
.box--closed > .box__title {
  cursor: pointer;
}

.box--open .box__title-text:after,
.box--closed .box__title-text:after {
  content: '';
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi40MTQiIGhlaWdodD0iNi4zODQiIHZpZXdCb3g9IjAgMCAxMi40MTQgNi4zODQiPg0KICA8cGF0aCBpZD0iY2hldnJvbiIgZD0iTTUuMDg2LDAsLjI5Myw0Ljc5MWExLDEsMCwwLDAsMCwxLjQxNEw1LjA4NiwxMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC43MDcgNS43OTMpIHJvdGF0ZSgtOTApIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz4NCjwvc3ZnPg0K");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  height: 20px;
  width: 20px;
  display: block;
  right: 8px;
  top: 50%;
  top: calc(50% - 10px);
  transform: rotate(180deg);
}

.box--closed {
  margin-bottom: .5em;
}

.box--closed .box__title-text:after {
  content: '';
  transform: rotate(0deg);
}

.box--closed > .box__content {
  display: none;
}

.box--open > .box__content {
  display: block;
}

.box--secondary .box__title {
  background-color: transparent;
  color: #444444;
  margin-bottom: 12px;
  padding: 0;
}

.box--secondary .box__content {
  padding: 0;
}

.box__search {
  position: relative;
  margin: 0 -.5em;
}

.box__search__input {
  padding: .5em;
  width: 100%;
  position: relative;
  padding-right: 30px;
  display: inline-block;
}

.box__search__icon {
  background-image: url(./img/icon_search.svg);
  width: 25px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  height: 19px;
  position: absolute;
  right: 3px;
  top: 7px;
  bottom: 0;
}

.box__search__item--visible {
  display: block !important;
}

.box__search__item--hidden {
  display: none !important;
}

@media (min-width: 50em) {
  .left-half {
    width: 50%;
    float: left;
    padding-right: 0.5em;
  }
  .right-half {
    width: 50%;
    float: right;
    padding-left: 0.5em;
  }
}

.preheader,
.top-bar {
  width: 100%;
  float: left;
  padding-top: .2em;
  padding-bottom: .2em;
  background-color: #e6e6e6;
  color: #646464;
  text-align: center;
}

.preheader p,
.top-bar p {
  font-size: 0.675em;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4em;
}

.preheader {
  padding-left: 1em;
  padding-right: 1em;
  background-color: #f7f7f7;
}

.top-bar--info-text {
  background-color: #36a9e1;
  color: #ffffff;
  padding: .2em 1em;
}

.top-bar__left,
.top-bar__middle {
  width: 50%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
}

.top-bar__left p {
  float: left;
}

.top-bar__middle p {
  float: right;
}

.top-bar__right {
  display: none;
}

.top-bar__right a {
  color: inherit;
}

.faq-icon-svg > svg {
  height: 1.6em;
  width: 1.6em;
  margin-right: 7px;
  vertical-align: -5px;
  fill: #ffffff;
}

.top-bar__middle--long {
  display: none;
}

@media (min-width: 34em) {
  .top-bar__middle--short {
    display: none;
  }
  .top-bar__middle--long {
    display: inline-block;
  }
}

@media (min-width: 50em) {
  .preheader,
  .top-bar {
    padding-top: 0;
    padding-bottom: 0;
  }
  .preheader p,
  .top-bar p {
    line-height: 2em;
    padding-top: .5em;
    padding-bottom: .5em;
    text-transform: uppercase;
  }
  .preheader .top-bar__middle p,
  .top-bar .top-bar__middle p {
    float: none;
  }
  .top-bar:not(.top-bar--info-text) {
    background-color: #939393;
    color: #ffffff;
  }
  .top-bar__left,
  .top-bar__middle,
  .top-bar__right {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    text-transform: uppercase;
  }
  .top-bar__left {
    text-align: left;
    padding-right: 0;
  }
  .top-bar__middle {
    text-align: center;
  }
  .top-bar__right {
    display: block;
    text-align: right;
    padding-left: 0;
  }
}

@media (min-width: 60em) {
  .preheader p,
  .top-bar p {
    font-size: 0.7875em;
  }
  .top-bar__left,
  .top-bar__middle,
  .top-bar__right {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .top-bar__left {
    padding-right: 0;
  }
  .top-bar__right {
    padding-left: 0;
  }
}

@media (min-width: 70em) {
  .preheader p,
  .top-bar p {
    font-size: 0.9em;
  }
}

.middle-bar {
  background-color: #f7f7f7;
  color: #646464;
  width: 100%;
  float: left;
  padding-top: 10px;
}

.middle-bar .container--max-width {
  background-color: #f7f7f7;
}

.middle-bar__logo {
  width: 66.6666666667%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.logo__link {
  max-height: 40px;
}

.logo__link svg {
  max-width: 100%;
  max-height: 40px;
  width: auto;
  height: auto;
}

.xtc1 .logo__link svg,
.xtc3 .logo__link svg {
  transform-origin: center left;
  transform: scale(1.1);
  max-width: 80%;
}

.xtc1 .logo__link svg {
  position: relative;
  bottom: -8px;
}

.xtc1 .logo__link svg .slogan {
  display: none;
}

.middle-bar__menu {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.middle-bar__trust {
  width: 33.3333333333%;
  float: right;
  padding-left: 1em;
  padding-right: 1em;
  padding-left: 0;
  text-align: right;
  white-space: nowrap;
}

.trust-logo {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
  display: inline-block;
  height: 40px;
  width: 40px;
}

.trust-logo:link, .trust-logo:visited {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.trust-logo:hover {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.trust-logo img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.trust-logo--right {
  margin-left: 10px;
}

.page-header__navbar {
  display: none;
}

.middle-bar__menu {
  text-align: center;
  margin-top: 10px;
  background-color: #009640;
  padding-top: 4px;
  padding-bottom: 4px;
}

.page-header__navigation-list {
  width: 100%;
  float: left;
}

.page-header__navigation-item {
  width: 16.6666666667%;
  float: left;
  display: inline-block;
  position: relative;
  padding-top: 4px;
  padding-bottom: 4px;
}

.page-header__navigation-item svg {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: 100%;
}

.page-header__navigation-item svg .hhw-icon-stroke,
.page-header__navigation-item svg .hhw-icon-stroke--highlight,
.page-header__navigation-item svg .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.5px;
  stroke: #fff;
}

.page-header__navigation-item svg .hhw-icon-stroke--highlight {
  stroke: #ff6803;
}

.page-header__navigation-item svg .hhw-icon-stroke--inverted {
  stroke: #fff;
}

.page-header__navigation-item svg .hhw-icon-fill,
.page-header__navigation-item svg .hhw-icon-fill--highlight,
.page-header__navigation-item svg .hhw-icon-fill--inverted {
  fill: #fff;
}

.page-header__navigation-item svg .hhw-icon-fill--highlight {
  fill: #ff6803;
}

.page-header__navigation-item svg .hhw-icon-stroke--inverted {
  fill: #fff;
}

.page-header__search-box {
  position: static;
}

.hotline-box__button svg {
  fill: #ffffff;
}

.wishlist-box__button svg {
  fill-opacity: 0;
}

.box__count {
  position: absolute;
  left: 50%;
  left: calc(50% + 4px);
  bottom: -9px;
  font-size: 9px;
  background-color: red;
  color: #fff;
  border-radius: 50%;
  height: 15px;
  min-width: 15px;
  text-align: center;
  line-height: 15px;
  vertical-align: middle;
  padding: 0 4px;
}

.search-box {
  display: none;
}

.search-box__input,
.search-box__submit {
  border: 0;
  height: 34px;
  padding: 8px;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
}

.search-box__input {
  border-radius: 12px 0 0 12px;
  font-size: 16px;
}

.search-box__submit {
  border-radius: 0 12px 12px 0;
}

.search-suggest {
  text-align: left;
}

.account-box__button,
.wishlist-box__button,
.cart-box__button,
.nav-box__button,
.search-box__button,
.hotline-box__button {
  border: 0;
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
}

.account-box__button svg,
.wishlist-box__button svg,
.cart-box__button svg,
.nav-box__button svg,
.search-box__button svg,
.hotline-box__button svg {
  vertical-align: middle;
}

.account-box__label,
.wishlist-box__label,
.cart-box__label {
  display: none;
}

.page-header__navigation-list {
  position: relative;
}

.header-nav__submenu {
  display: none;
  width: 100%;
  position: absolute;
  z-index: 100;
  margin-top: 0;
  box-sizing: border-box;
}

.middle-bar .page-header__navigation-item--active .account-box__button:before,
.middle-bar .page-header__navigation-item--active .hotline-box__button:before,
.middle-bar .page-header__navigation-item--active .nav-box__button:before,
.middle-bar .page-header__navigation-item--active .wishlist-box__button:before,
.middle-bar .page-header__navigation-item--active .cart-box__button:before {
  content: '';
  display: block;
  background-color: #fff;
  transform: rotate(45deg);
  transform-origin: center;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 29px;
  z-index: 1;
}

.middle-bar .page-header__navigation-item--active .account-box__menu,
.middle-bar .page-header__navigation-item--active .hotline-box__menu,
.middle-bar .page-header__navigation-item--active .nav-box__menu,
.middle-bar .page-header__navigation-item--active .cart-box__menu {
  text-align: left;
  width: auto;
  min-width: 300px;
  right: -30px;
  top: 36px;
}

.middle-bar .page-header__navigation-item--active .nav-box__menu {
  left: 0;
}

.middle-bar .page-header__navigation-item--active .cart-box__menu {
  right: 0;
}

.page-header__navigation-item--active.page-header__navigation-item--sub .header-nav__submenu {
  display: block;
}

.submenu__list {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  padding: 1em 0.5em;
}

.submenu__list li {
  font-size: 0.9em;
  line-height: 1.2em;
  margin: 0 0.5em;
}

.submenu__list li + li {
  border-top: 1px solid #dddddd;
}

.submenu__list li a {
  color: #333 !important;
  background-color: #fff !important;
  text-decoration: none !important;
  display: block;
  padding: 0.5em 0;
}

.submenu__list li a:link, .submenu__list li a:visited {
  color: #333 !important;
  background-color: #fff !important;
  text-decoration: none !important;
}

.submenu__list li a:hover {
  color: #4d4d4d !important;
  background-color: #fff !important;
  text-decoration: underline !important;
}

.submenu__list .submenu__headline {
  border-bottom: 1px solid #333333;
  padding-top: 0.5em;
}

.submenu__list .submenu__headline a {
  color: #444444 !important;
  background-color: #fff !important;
  text-decoration: none !important;
}

.submenu__list .submenu__headline a:link, .submenu__list .submenu__headline a:visited {
  color: #444444 !important;
  background-color: #fff !important;
  text-decoration: none !important;
}

.submenu__list .submenu__headline a:hover {
  color: #444444 !important;
  background-color: #fff !important;
  text-decoration: none !important;
}

.submenu__list + .submenu__list {
  padding-top: 0;
}

.nav-box__menu .submenu__list {
  padding-bottom: 1.2em;
}

.nav-box__menu .submenu__list a {
  color: #444444 !important;
  background-color: #fff !important;
  text-decoration: none !important;
  padding: 0.5em;
}

.nav-box__menu .submenu__list a:link, .nav-box__menu .submenu__list a:visited {
  color: #444444 !important;
  background-color: #fff !important;
  text-decoration: none !important;
}

.nav-box__menu .submenu__list a:hover {
  color: #333333 !important;
  background-color: #f2f5f8 !important;
  text-decoration: none !important;
}

.account-box__logout {
  border-top: 1px solid #dddddd;
}

.page-header__navigation-list--search-box-open {
  padding-bottom: 46px;
}

.page-header__navigation-item--active.page-header__search-box {
  position: static;
}

.page-header__navigation-item--active.page-header__search-box .search-box {
  display: block;
  width: 100%;
  position: absolute;
  z-index: 10;
  margin-top: 0;
  box-sizing: border-box;
  background-color: transparent;
  left: 0;
  top: 36px;
}

.page-header__navigation-item--active.page-header__search-box .search-box svg .hhw-icon-stroke,
.page-header__navigation-item--active.page-header__search-box .search-box svg .hhw-icon-stroke--highlight,
.page-header__navigation-item--active.page-header__search-box .search-box svg .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.5px;
  stroke: #009640;
}

.page-header__navigation-item--active.page-header__search-box .search-box svg .hhw-icon-stroke--highlight {
  stroke: #ff6803;
}

.page-header__navigation-item--active.page-header__search-box .search-box svg .hhw-icon-stroke--inverted {
  stroke: #fff;
}

.page-header__navigation-item--active.page-header__search-box .search-box svg .hhw-icon-fill,
.page-header__navigation-item--active.page-header__search-box .search-box svg .hhw-icon-fill--highlight,
.page-header__navigation-item--active.page-header__search-box .search-box svg .hhw-icon-fill--inverted {
  fill: #fff;
}

.page-header__navigation-item--active.page-header__search-box .search-box svg .hhw-icon-fill--highlight {
  fill: #ff6803;
}

.page-header__navigation-item--active.page-header__search-box .search-box svg .hhw-icon-stroke--inverted {
  fill: #fff;
}

.page-header__navigation-item--active.page-header__search-box .search-box__button:before {
  content: '';
  display: block;
  background-color: #fff;
  transform: rotate(45deg);
  transform-origin: center;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 29px;
}

.page-header__navigation-item--active.page-header__search-box .search-box__input,
.page-header__navigation-item--active.page-header__search-box .search-box__submit {
  vertical-align: top;
}

.page-header__navigation-item--active.page-header__search-box .search-box__input {
  width: 70%;
  width: calc(90% - 46px);
  max-width: 30em;
}

.page-header__navigation-item--active.page-header__search-box .search-box__submit {
  width: 20%;
  width: calc(46px + 0px);
}

@media (min-width: 30em) {
  .middle-bar__logo {
    width: 66.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-right: 0;
  }
  .middle-bar__trust {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .trust-logo--right {
    margin-left: 30px;
  }
  .page-header__navigation-item {
    width: 12%;
    float: left;
  }
  .page-header__nav-box {
    width: 40%;
    float: left;
    text-align: left;
  }
  .page-header__nav-box .nav-box__button {
    color: #fff !important;
    background-color: transparent !important;
    text-decoration: none !important;
  }
  .page-header__nav-box .nav-box__button:link, .page-header__nav-box .nav-box__button:visited {
    color: #fff !important;
    background-color: transparent !important;
    text-decoration: none !important;
  }
  .page-header__nav-box .nav-box__button:hover {
    color: #fff !important;
    background-color: transparent !important;
    text-decoration: none !important;
  }
  .page-header__nav-box .nav-box__button:after {
    content: 'Alle Kategorien';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    line-height: 28px;
    vertical-align: middle;
    font-size: 16px;
  }
  .middle-bar .page-header__navigation-item--active .nav-box__button:before {
    left: 50px;
    left: calc(30px + 1em);
  }
}

@media (min-width: 50em) {
  .middle-bar {
    padding-bottom: 10px;
  }
  .middle-bar__logo {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-right: 0;
  }
  .middle-bar__menu {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .middle-bar__trust {
    width: 16.6666666667%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
  }
  .middle-bar__menu {
    text-align: right;
    margin-top: 0px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: inherit;
  }
  .middle-bar__menu .page-header__navigation-list {
    white-space: nowrap;
  }
  .middle-bar__menu .page-header__navigation-list .page-header__navigation-item {
    white-space: normal;
  }
  .page-header__navigation-list,
  .page-header__navigation-item {
    float: none;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
  }
  .page-header__navigation-list svg .hhw-icon-stroke,
  .page-header__navigation-list svg .hhw-icon-stroke--highlight,
  .page-header__navigation-list svg .hhw-icon-stroke--inverted,
  .page-header__navigation-item svg .hhw-icon-stroke,
  .page-header__navigation-item svg .hhw-icon-stroke--highlight,
  .page-header__navigation-item svg .hhw-icon-stroke--inverted {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.5px;
    stroke: #646464;
  }
  .page-header__navigation-list svg .hhw-icon-stroke--highlight,
  .page-header__navigation-item svg .hhw-icon-stroke--highlight {
    stroke: #ff6803;
  }
  .page-header__navigation-list svg .hhw-icon-stroke--inverted,
  .page-header__navigation-item svg .hhw-icon-stroke--inverted {
    stroke: #fff;
  }
  .page-header__navigation-list svg .hhw-icon-fill,
  .page-header__navigation-list svg .hhw-icon-fill--highlight,
  .page-header__navigation-list svg .hhw-icon-fill--inverted,
  .page-header__navigation-item svg .hhw-icon-fill,
  .page-header__navigation-item svg .hhw-icon-fill--highlight,
  .page-header__navigation-item svg .hhw-icon-fill--inverted {
    fill: #fff;
  }
  .page-header__navigation-list svg .hhw-icon-fill--highlight,
  .page-header__navigation-item svg .hhw-icon-fill--highlight {
    fill: #ff6803;
  }
  .page-header__navigation-list svg .hhw-icon-stroke--inverted,
  .page-header__navigation-item svg .hhw-icon-stroke--inverted {
    fill: #fff;
  }
  .search-box {
    display: block;
    text-align: left;
  }
  .search-box__button {
    display: none;
  }
  .search-box__input {
    width: 200px;
    border: 1px solid #dddddd;
    border-right: 0;
  }
  .search-box__input:focus + .search-box__submit,
  .search-box__input:focus + .search-suggest + .search-box__submit {
    border-color: #646464;
  }
  .search-box__submit {
    width: 34px;
    border: 1px solid #dddddd;
    border-left: 0;
  }
  .page-header__hotline-box {
    display: none;
  }
  .page-header__account-box {
    margin-left: 15px;
  }
  .trust-logo--right {
    margin-left: 30px;
  }
  .page-header__navbar {
    display: block;
  }
  .page-header__navbar .nav-box__button {
    display: inline-block;
  }
  .middle-bar__menu .nav-box__button {
    display: none;
  }
  .middle-bar .page-header__navigation-item--active .cart-box__menu {
    right: -60px;
  }
  .page-header__search-box {
    margin-top: 5px;
    vertical-align: baseline;
  }
  .account-box__button,
  .wishlist-box__button,
  .cart-box__button {
    text-align: center;
    text-decoration: none;
  }
  .account-box__button:hover,
  .wishlist-box__button:hover,
  .cart-box__button:hover {
    text-decoration: underline !important;
  }
  .middle-bar .page-header__navigation-item--active .account-box__button:before,
  .middle-bar .page-header__navigation-item--active .wishlist-box__button:before,
  .middle-bar .page-header__navigation-item--active .cart-box__button:before {
    margin-top: 0;
  }
  .page-header__cart-box,
  .page-header__wishlist-box {
    margin-left: 1em;
  }
  .account-box__button,
  .wishlist-box__button,
  .cart-box__button {
    height: 20px;
    width: 20px;
  }
  .middle-bar .page-header__navigation-item--active.page-header__account-box .account-box__menu {
    width: 300px;
  }
}

@media (min-width: 60em) {
  .middle-bar {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .middle-bar .container--max-width {
    height: 60px;
  }
  .logo__link {
    max-height: 60px;
  }
  .logo__link svg {
    max-width: 100%;
    max-height: 60px;
    width: auto;
    height: auto;
  }
  .xtc1 .logo__link svg,
  .xtc3 .logo__link svg {
    transform: scale(1.2);
    max-width: 75%;
  }
  .xtc1 .logo__link svg {
    bottom: 0;
  }
  .xtc1 .logo__link svg .slogan {
    display: block;
  }
  .middle-bar__logo {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-right: 0;
  }
  .middle-bar__menu {
    width: 45.8333333333%;
    float: left;
    display: block;
    margin-top: 5px;
  }
  .middle-bar__trust {
    width: 20.8333333333%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
  }
  .trust-logo {
    height: 60px;
    width: 60px;
  }
  .trust-logo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .trust-logo--right {
    margin-left: 1em;
  }
  .search-box__input,
  .search-box__submit {
    height: 44px;
  }
  .search-box__submit {
    width: 44px;
  }
  .account-box__button,
  .wishlist-box__button,
  .cart-box__button,
  .nav-box__button {
    height: 30px;
  }
  .page-header__cart-box,
  .page-header__wishlist-box {
    margin-left: 30px;
  }
  .page-header__account-box {
    margin-left: 0;
  }
  .middle-bar .page-header__navigation-item--active.page-header__account-box .account-box__button:before {
    width: 30px;
    height: 30px;
    top: 46px;
  }
  .middle-bar .page-header__navigation-item--active.page-header__account-box .account-box__menu {
    width: 300px;
    top: 56px;
  }
  .middle-bar .page-header__navigation-item--active.page-header__cart-box .cart-box__button:before {
    width: 30px;
    height: 30px;
    top: 46px;
  }
  .middle-bar .page-header__navigation-item--active.page-header__cart-box .cart-box__menu {
    width: 300px;
    top: 56px;
  }
  .page-header__search-box {
    margin-top: 0;
    vertical-align: text-top;
  }
  .account-box__button,
  .wishlist-box__button,
  .cart-box__button {
    text-align: center;
    text-decoration: none;
  }
  .account-box__button:hover,
  .wishlist-box__button:hover,
  .cart-box__button:hover {
    text-decoration: underline !important;
  }
  .middle-bar .page-header__navigation-item--active .account-box__button:before,
  .middle-bar .page-header__navigation-item--active .wishlist-box__button:before,
  .middle-bar .page-header__navigation-item--active .cart-box__button:before {
    margin-top: 20px;
    left: 28px;
  }
  .cart-box__label,
  .account-box__label,
  .wishlist-box__label {
    display: block;
    margin-bottom: 0;
    padding-top: 10px;
    font-size: 12px;
    white-space: nowrap;
  }
  .page-header__account-box,
  .page-header__wishlist-box {
    width: 2.5em;
  }
  .account-box__button,
  .wishlist-box__button,
  .cart-box__button {
    height: 30px;
    width: 90px;
  }
  .middle-bar .page-header__navigation-item--active.page-header__account-box .account-box__menu {
    top: 76px;
  }
  .middle-bar .account-box__button .box__count {
    left: 50px;
  }
  .search-box__input {
    width: 185px;
  }
}

@media (min-width: 80em) {
  .middle-bar {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .middle-bar .container--max-width {
    height: 80px;
  }
  .logo__link {
    max-height: 80px;
  }
  .logo__link svg {
    max-width: 100%;
    max-height: 80px;
    width: auto;
    height: auto;
  }
  .xtc1 .logo__link svg,
  .xtc3 .logo__link svg {
    transform: scale(1.4);
    max-width: 70%;
  }
  .trust-logo {
    height: 80px;
    width: 80px;
  }
  .trust-logo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .middle-bar__menu {
    margin-top: 4px;
  }
  .search-box__input {
    width: 300px;
  }
  .page-header__search-box {
    margin-top: 15px;
    vertical-align: middle;
  }
  .middle-bar .page-header__navigation-item--active .account-box__button:before,
  .middle-bar .page-header__navigation-item--active .wishlist-box__button:before,
  .middle-bar .page-header__navigation-item--active .cart-box__button:before {
    right: 35px;
  }
  .cart-box__label,
  .account-box__label,
  .wishlist-box__label {
    font-size: 14px;
  }
  .page-header__account-box,
  .page-header__wishlist-box {
    width: 4em;
    left: 2%;
  }
  .page-header__cart-box {
    left: 2%;
  }
}

body.overlay0:after, body.overlay1:after, body.overlay2:after, body.overlay3:after, body.overlay4:after, body.overlay5:after, body.overlay6:after {
  background-color: rgba(0, 0, 0, 0.2);
  content: '';
  display: block;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

body.overlay0 .page-header, body.overlay1 .page-header, body.overlay2 .page-header, body.overlay3 .page-header, body.overlay4 .page-header, body.overlay5 .page-header, body.overlay6 .page-header {
  position: relative;
  z-index: 4;
}

body.overlay .page,
body.overlay .page-footer {
  position: relative;
}

body.overlay .submenu-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.2);
}

body.overlay .page-header {
  position: relative;
  z-index: 4;
}

.bottom-bar {
  display: none;
}

@media (min-width: 50em) {
  .bottom-bar {
    width: 100%;
    float: left;
    display: block;
    height: 40px;
    background: #009640;
  }
  .bottom-bar .page-header__navigation-list {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    width: 300px;
    padding-right: 0;
    padding-top: 6px;
  }
  .bottom-bar .page-header__navigation-item {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .bottom-bar svg .hhw-icon-stroke,
  .bottom-bar svg .hhw-icon-stroke--highlight,
  .bottom-bar svg .hhw-icon-stroke--inverted {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.5px;
    stroke: #fff;
  }
  .bottom-bar svg .hhw-icon-stroke--highlight {
    stroke: #ff6803;
  }
  .bottom-bar svg .hhw-icon-stroke--inverted {
    stroke: #fff;
  }
  .bottom-bar svg .hhw-icon-fill,
  .bottom-bar svg .hhw-icon-fill--highlight,
  .bottom-bar svg .hhw-icon-fill--inverted {
    fill: #fff;
  }
  .bottom-bar svg .hhw-icon-fill--highlight {
    fill: #ff6803;
  }
  .bottom-bar svg .hhw-icon-stroke--inverted {
    fill: #fff;
  }
  .bottom-bar .nav-box__button:after {
    left: 50px;
    left: calc(2em + 20px);
    line-height: 28px;
  }
  .bottom-bar .page-header__navigation-item--active.page-header__nav-box {
    background-color: #fff;
    color: #009640;
  }
  .bottom-bar .page-header__navigation-item--active.page-header__nav-box svg .hhw-icon-stroke,
  .bottom-bar .page-header__navigation-item--active.page-header__nav-box svg .hhw-icon-stroke--highlight,
  .bottom-bar .page-header__navigation-item--active.page-header__nav-box svg .hhw-icon-stroke--inverted {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.5px;
    stroke: #009640;
  }
  .bottom-bar .page-header__navigation-item--active.page-header__nav-box svg .hhw-icon-stroke--highlight {
    stroke: #ff6803;
  }
  .bottom-bar .page-header__navigation-item--active.page-header__nav-box svg .hhw-icon-stroke--inverted {
    stroke: #fff;
  }
  .bottom-bar .page-header__navigation-item--active.page-header__nav-box svg .hhw-icon-fill,
  .bottom-bar .page-header__navigation-item--active.page-header__nav-box svg .hhw-icon-fill--highlight,
  .bottom-bar .page-header__navigation-item--active.page-header__nav-box svg .hhw-icon-fill--inverted {
    fill: #fff;
  }
  .bottom-bar .page-header__navigation-item--active.page-header__nav-box svg .hhw-icon-fill--highlight {
    fill: #ff6803;
  }
  .bottom-bar .page-header__navigation-item--active.page-header__nav-box svg .hhw-icon-stroke--inverted {
    fill: #fff;
  }
  .bottom-bar .page-header__navigation-item--active.page-header__nav-box .nav-box__button:after {
    color: #009640;
  }
  .bottom-bar .page-header__navigation-item--active.page-header__nav-box .header-nav__submenu {
    left: 0;
  }
}

@media (min-width: 60em) {
  body.search_result .bottom-bar .page-header__navigation-list {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-right: 0;
    padding-top: 6px;
  }
  .bottom-bar .nav-box__button {
    height: 20px;
    width: 20px;
  }
}

@media (min-width: 80em) {
  body.search_result .bottom-bar .page-header__navigation-list {
    width: 20.8333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-right: 0;
    padding-top: 6px;
  }
}

.page {
  clear: both;
}

@media (max-width: 34em) {
  .page-header__navigation-item--active.page-header__nav-box,
  .page-header__navigation-item--active.page-header__hotline-box,
  .page-header__navigation-item--active.page-header__account-box,
  .page-header__navigation-item--active.page-header__cart-box {
    position: static;
  }
  .middle-bar .page-header__navigation-item--active .nav-box__menu,
  .middle-bar .page-header__navigation-item--active .account-box__menu,
  .middle-bar .page-header__navigation-item--active .hotline-box__menu,
  .middle-bar .page-header__navigation-item--active .cart-box__menu {
    left: 0;
    right: auto;
    width: 100%;
  }
  .page-header__navigation-item--active.page-header__account-box .box__count {
    display: none;
  }
}

.trusted-shops-widget {
  width: 100%;
  float: left;
  margin-bottom: 0.5em;
}

.finis-distributor {
  display: inline-block;
  padding: 5px;
  background-color: #fff;
}

.computerbild,
.testsieger {
  margin-bottom: 0.5em;
}

.computerbild img,
.testsieger img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.computerbild {
  width: 60%;
  float: left;
}

.testsieger {
  width: 40%;
  float: right;
  text-align: right;
}

.testsieger img {
  display: block;
  float: right;
}

.footer-box .testsieger {
  text-align: left;
}

.box__content--trusted::after {
  clear: both;
  content: "";
  display: table;
}

.content-box {
  font-size: 0.9em;
  line-height: 1.2em;
  line-height: 24px;
}

.our-brands a {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.our-brands a:link, .our-brands a:visited {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.our-brands a:hover {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.base-font-size {
  font-size: 0.9em;
  line-height: 1.2em;
}

.service-box {
  box-sizing: border-box;
  display: block;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-origin: content-box;
  background-size: auto 70px;
  background-color: #fff;
  width: 100%;
  padding: 5px;
  height: auto;
  text-align: left;
  overflow: hidden;
  text-shadow: 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff;
}

#retour {
  background-size: auto 60px;
}

#carry {
  background-size: auto 60px;
}

#guarantee {
  background-size: auto 50px;
}

#processing {
  background-size: auto 50px;
}

.service-box__title {
  font-size: 14px;
  line-height: 16px;
  display: block;
  padding-bottom: 0.5em;
}

.service-box__text {
  font-size: 12px;
  line-height: 14px;
  display: block;
  padding-right: 55px;
}

a.service-box {
  color: #333333 !important;
  background-color: #fff !important;
  text-decoration: none !important;
}

a.service-box:link, a.service-box:visited {
  color: #333333 !important;
  background-color: #fff !important;
  text-decoration: none !important;
}

a.service-box:hover {
  color: none !important;
  background-color: #fff !important;
  text-decoration: none !important;
}

a.service-box:focus {
  color: #333333;
}

.payment-box {
  width: 100%;
  box-sizing: border-box;
  display: block;
  padding: 5px 5px;
  height: 50px;
  background-color: #fff;
  text-align: center;
}

.payment-box img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.page-footer__labels {
  width: 100%;
  float: left;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.page-footer__labels aside {
  width: 100%;
  float: left;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-top: 24px;
  color: #fff;
  text-align: center;
}

.page-footer__labels aside h2 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  line-height: 0;
}

.page-footer__labels aside h2 span {
  background-color: #76b72a;
  padding: 0 .5em;
}

.page-footer__labels aside li {
  margin-bottom: 0.5em;
}

.page-footer__labels aside img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.page-footer__labels aside .service-box {
  color: #333333;
  min-height: 50px;
  background-size: auto 40px !important;
  background-position: right center !important;
  background-origin: content-box;
}

.page-footer__labels aside a.service-box {
  color: #333333 !important;
  background-color: #fff !important;
  text-decoration: none !important;
}

.page-footer__labels aside a.service-box:link, .page-footer__labels aside a.service-box:visited {
  color: #333333 !important;
  background-color: #fff !important;
  text-decoration: none !important;
}

.page-footer__labels aside a.service-box:hover {
  color: #4d4d4d !important;
  background-color: #fff !important;
  text-decoration: none !important;
}

.page-footer__labels aside a.service-box:focus {
  color: #333333;
}

.page-footer__labels aside .service-box__title {
  padding-bottom: 0;
  text-align: center;
}

.page-footer__labels aside .service-box__text {
  display: none;
}

.page-footer__labels aside .promoted-service--payment {
  display: none;
}

.page-footer__labels .secure-payments {
  width: 100%;
  float: left;
}

.page-footer__labels .secure-payments li {
  width: 50%;
  float: left;
  padding: 0.5em;
  padding-top: 0;
}

.page-footer__labels .secure-payments .payment-box {
  padding: 5px;
  line-height: 30px;
  height: 40px;
  border-radius: 6px;
}

.page-footer__labels .secure-payments .payment-box img {
  vertical-align: baseline;
}

.page-footer__labels .secure-payments__list::after {
  clear: both;
  content: "";
  display: table;
}

.xtc4 .page-footer__labels .secure-payments li,
.xtc5 .page-footer__labels .secure-payments li {
  width: 100%;
  float: left;
  padding-left: 0;
  padding-right: 0;
}

.xtc4 .page-footer__labels .secure-payments li:nth-of-type(n),
.xtc5 .page-footer__labels .secure-payments li:nth-of-type(n) {
  padding-left: 0;
  padding-right: 0;
}

.page-footer .shipping-labels a {
  display: inline-block;
  margin: 0.5em;
}

.page-footer .shipping-labels img {
  display: block;
}

.page-footer .shipping-note img {
  display: block;
  margin: auto;
  max-width: 11em;
}

.page-footer .shipping-note img:not(:first-of-type) {
  margin-top: 1em;
}

.content-links__list li {
  padding-bottom: 0.25em;
}

.content-links__list a {
  font-size: 0.9em;
  line-height: 1.2em;
  color: rgba(255, 255, 255, 0.7) !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.content-links__list a:link, .content-links__list a:visited {
  color: rgba(255, 255, 255, 0.7) !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.content-links__list a:hover {
  color: #fff !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.trusted-shops-wrapper {
  max-width: 170px;
  margin: 0 auto;
}

.trusted-shops-wrapper::after {
  clear: both;
  content: "";
  display: table;
}

.footer-note p {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-note p a {
  color: #FFFFFF;
}

@media (min-width: 30em) {
  .page-footer__labels {
    float: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .page-footer__labels aside {
    width: 50%;
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: #333333;
    text-align: center;
  }
  .page-footer__labels aside h2 {
    font-size: 16px;
    line-height: 20px;
    display: block;
    padding: 5px 15px;
    color: #333333;
    height: 50px;
    text-align: center;
    margin: 0;
  }
  .page-footer__labels aside h2 span, .page-footer__labels aside h2 a {
    display: inline-block;
    vertical-align: middle;
  }
  .page-footer__labels aside h2 a {
    color: #fff !important;
    background-color: transparent !important;
    text-decoration: none !important;
  }
  .page-footer__labels aside h2 a:link, .page-footer__labels aside h2 a:visited {
    color: #fff !important;
    background-color: transparent !important;
    text-decoration: none !important;
  }
  .page-footer__labels aside h2 a:hover {
    color: #fff !important;
    background-color: transparent !important;
    text-decoration: none !important;
  }
  .page-footer__labels aside h2 span {
    background-color: transparent;
    padding: 0;
  }
  .page-footer__labels aside h2:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .page-footer__labels aside h2 + div {
    padding: 15px;
    background-color: #f7f7f7;
    height: calc(100% - 50px);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .page-footer__labels aside .service-box__title {
    text-align: left;
    padding-right: 40px;
  }
  .page-footer__labels .secure-payments {
    width: 50%;
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .page-footer__labels .secure-payments li {
    padding: 0;
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .page-footer__labels .secure-payments .payment-box {
    line-height: 40px;
    background-color: transparent;
  }
  .page-footer__labels .secure-payments .payment-box img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 30px;
    width: auto;
    height: auto;
  }
  .page-footer__labels .trusted-shops-wrapper {
    margin: 0 auto;
  }
  .footer-note p {
    padding-top: 0;
    border-top: 0;
  }
  .content-links__list li {
    display: inline-block;
    padding-bottom: 0.5em;
  }
  .content-links__list li:after {
    content: '\2022';
    padding: 0 1em;
    font-size: .5em;
  }
  .content-links__list li:last-child:after {
    display: none;
  }
}

@media (min-width: 50em) {
  .page-footer__labels aside,
  .page-footer__labels .secure-payments {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}

@media (min-width: 60em) {
  .footer-note p {
    margin-top: 24px;
  }
  .xtc5 .page-footer .shipping-labels-and-note {
    width: 40%;
    padding: 0;
  }
  .xtc5 .page-footer .shipping-labels-and-note .shipping-labels,
  .xtc5 .page-footer .shipping-labels-and-note .shipping-note {
    width: 50%;
    float: left;
    padding: 0 1em;
  }
}

.page__content--alpha.page__content--beta + .panel-beta,
.page__content--beta + .panel-beta {
  display: none;
}

.panel-alpha aside.promoted-services .content-box__text {
  display: block;
}

.panel-alpha aside.promoted-services img {
  max-width: 170px;
  max-height: 100%;
  width: auto;
  height: auto;
}

@media (min-width: 70em) {
  .page__content--alpha.page__content--beta + .panel-beta,
  .page__content--beta + .panel-beta {
    display: block;
  }
  .panel-beta aside {
    padding: 0.5em;
    background-color: #f5f5f5;
    margin-bottom: 1em;
  }
  .panel-beta aside > h2,
  .panel-beta aside > div:first-child > h2 {
    margin-top: 0;
  }
  .panel-beta aside img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
}

.panel-alpha aside {
  display: none;
}

@media (min-width: 60em) {
  .panel-alpha aside {
    display: block;
    text-align: center;
  }
  .panel-alpha .trusted-certificates {
    margin-top: calc(2em - 9px);
  }
  .panel-alpha .trusted-certificates h2 {
    display: none;
  }
  .panel-alpha .help-box {
    background-color: #ffb600;
    color: #ffffff;
    padding: 1em;
    margin: 2em 0 0 0;
    text-align: center;
  }
  .panel-alpha .help-box p {
    font-size: 0.9em;
    line-height: 1.2em;
    margin-bottom: 1em;
  }
  .panel-alpha .help-box p:last-child {
    margin: 0;
  }
  .panel-alpha .help-box .text--smaller {
    font-size: 90%;
  }
  .panel-alpha .help-box .headline {
    margin-bottom: 0.5em;
  }
}

@media (min-width: 80em) {
  .page-footer__labels--5 aside,
  .page-footer__labels--5 .secure-payments {
    width: 20%;
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}

.price-table td, .price-table th {
  vertical-align: bottom;
  text-align: left;
  padding: 0 0.5em;
}

th.price-table__label {
  text-align: right;
  font-size: 14px;
}

.price-table__uvp {
  font-size: 14px;
}

.price-table__price, .price-table__savings {
  color: #ffb600;
}

.price-table__price {
  font-weight: bold;
  font-size: 24px;
}

.grouped-navigation {
  margin: 0;
  list-style: none;
  text-decoration: none;
  color: #444444;
}

.grouped-navigation ul {
  list-style: none;
  padding-top: 0.5em;
  padding-left: 0.5em;
}

.grouped-navigation li + li {
  padding-top: 0.5em;
}

.grouped-navigation__link {
  text-decoration: none;
  font-size: 0.7875em;
  line-height: 1.3714285714em;
  font-weight: normal;
  color: #333;
  cursor: pointer;
  display: block;
  padding-left: 2em;
  box-sizing: border-box;
  position: relative;
  padding-right: 2em;
}

.box--primary .grouped-navigation__link {
  padding-left: 0;
}

.grouped-navigation__checkbox {
  position: absolute;
  margin-right: 0.5em;
  cursor: pointer;
}

.grouped-navigation__count {
  display: none;
}

.grouped-navigation__count--filter {
  display: inline;
}

.navigation-container--closed {
  display: none;
}

.navigation-container--open {
  display: block;
  margin-bottom: 1em;
}

.navigation-container__toggle {
  margin-bottom: 12px;
}

.navigation-container__toggle .button:after, .navigation-container__toggle .button--add-to-cart:after, .navigation-container__toggle .page-content .btn:after, .page-content .navigation-container__toggle .btn:after {
  content: '';
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi40MTQiIGhlaWdodD0iNi4zODQiIHZpZXdCb3g9IjAgMCAxMi40MTQgNi4zODQiPg0KICA8cGF0aCBpZD0iY2hldnJvbiIgZD0iTTUuMDg2LDAsLjI5Myw0Ljc5MWExLDEsMCwwLDAsMCwxLjQxNEw1LjA4NiwxMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC43MDcgNS43OTMpIHJvdGF0ZSgtOTApIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz4NCjwvc3ZnPg0K");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  height: 20px;
  width: 20px;
  display: block;
  right: 15px;
  top: 50%;
  top: calc(50% - 10px);
  transform: rotate(180deg);
}

.navigation-container__toggle .button--closed:after {
  transform: rotate(0deg);
}

.navigation-container__toggle + .navigation-container.navigation-container--open {
  box-shadow: 0px 8px 15px -6px rgba(0, 0, 0, 0.2);
  margin-bottom: 2em;
  padding-bottom: .5em;
}

.navigation__box {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  margin-bottom: 24px;
}

.navigation__box .navigation__link--current_mark {
  position: absolute;
  width: 5px;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #009640;
}

.categories-tree__button {
  display: none !important;
}

.navigation__box--modal {
  position: absolute;
  width: 100%;
  z-index: 98;
}

.navigation__link {
  color: #333333 !important;
  background-color: #fff !important;
  text-decoration: none !important;
  font-size: 0.9em;
  line-height: 1.2em;
  border-top: 1px solid #dddddd;
  display: block;
  padding: 8px 1em;
  position: relative;
  cursor: pointer;
}

.navigation__link:link, .navigation__link:visited {
  color: #333333 !important;
  background-color: #fff !important;
  text-decoration: none !important;
}

.navigation__link:hover {
  color: #333333 !important;
  background-color: #f2f5f8 !important;
  text-decoration: none !important;
}

.navigation__list .navigation__list .navigation__link {
  padding-left: 1.5em;
}

.navigation__list .navigation__list .navigation__list .navigation__link {
  padding-left: 2em;
}

.navigation__list .navigation__list .navigation__list .navigation__list .navigation__link {
  padding-left: 2.5em;
}

.navigation__list .navigation__list .navigation__list .navigation__list .navigation__list .navigation__link {
  padding-left: 3em;
}

.navigation__list .navigation__list .navigation__list .navigation__list .navigation__list .navigation__list .navigation__link {
  padding-left: 3.5em;
}

.navigation__list .navigation__list .navigation__list .navigation__list .navigation__list .navigation__list .navigation__list .navigation__link {
  padding-left: 4em;
}

.navigation__list .navigation__list .navigation__list .navigation__list .navigation__list .navigation__list .navigation__list .navigation__list .navigation__link {
  padding-left: 4.5em;
}

.navigation__list .navigation__list .navigation__list .navigation__list .navigation__list .navigation__list .navigation__list .navigation__list .navigation__list .navigation__link {
  padding-left: 5em;
}

.categories-tree__button {
  color: #fff !important;
  background-color: transparent !important;
  text-decoration: none !important;
  background-color: #b1b1b1;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  padding: 0.5em;
  position: relative;
}

.categories-tree__button:link, .categories-tree__button:visited {
  color: #fff !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.categories-tree__button:hover {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.subcategories-tree .box__title {
  display: none;
}

.subcategories-tree .navigation__list {
  padding: 0;
}

.subcategories-tree .navigation__element {
  padding-top: 0;
}

.subcategories-tree .navigation__link:after {
  text-align: center;
  content: '>';
  position: absolute;
  right: 1em;
  font-weight: normal;
  transform: scale(1, 2);
  color: #444444;
}

.subcategories-tree .navigation__link--selected:after {
  content: '<';
}

.subcategories-tree .navigation__link--current {
  color: #009640 !important;
  background-color: #fff !important;
  text-decoration: none !important;
}

.subcategories-tree .navigation__link--current:link, .subcategories-tree .navigation__link--current:visited {
  color: #009640 !important;
  background-color: #fff !important;
  text-decoration: none !important;
}

.subcategories-tree .navigation__link--current:hover {
  color: #009640 !important;
  background-color: #f2f5f8 !important;
  text-decoration: none !important;
}

.subcategories-tree .navigation__link--current:after {
  content: '';
}

.subcategories-tree .navigation__link--more:after {
  content: '';
}

.subcategories-tree .box__title--show {
  display: block;
}

.navigation-container .box--headline {
  display: none;
}

.navigation-container .box__title {
  background-color: #009640;
}

.navigation-container .box--open,
.navigation-container .box--closed {
  padding-left: 1em;
  padding-right: 1em;
}

.navigation-container .box--open .box__title,
.navigation-container .box--closed .box__title {
  background-color: transparent;
  color: #333333;
  border-bottom: 1px solid #dddddd;
}

.filter_delete_all {
  display: inline-block;
  font-size: 0.9em;
  line-height: 1em;
  padding: .5em;
}

.filter_delete_all img {
  vertical-align: middle;
  margin-right: .5em;
}

@media (min-width: 60em) {
  body.search_result .panel-alpha__inner {
    padding-bottom: 1em;
    background-color: #f2f2f2;
  }
  body.search_result .panel-alpha__inner aside {
    padding-left: 1em;
    padding-right: 1em;
  }
  body.search_result .panel-alpha__inner .categories-tree {
    padding: 1em 1em 0 1em;
  }
  .navigation-container .box {
    float: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .navigation-container .box--open,
  .navigation-container .box--closed {
    padding-left: 1em;
    padding-right: 1em;
  }
  .navigation-container .box--headline {
    display: block;
  }
  .subcategories-tree {
    padding-bottom: 2em;
  }
  .subcategories-tree .box__title {
    display: block;
  }
  .subcategories-tree .navigation__box {
    box-shadow: none;
    margin-bottom: 0;
  }
  .subcategories-tree .navigation__list {
    padding: 0.5em 0 0 0.5em;
  }
  .subcategories-tree .navigation__box > .navigation__list {
    padding-right: 0.5em;
  }
  .subcategories-tree .navigation__link {
    color: #333 !important;
    background-color: transparent !important;
    text-decoration: none !important;
    font-size: 0.7875em;
    line-height: 1.3714285714em;
    padding: 0 2em 0 0 !important;
    border: 0;
  }
  .subcategories-tree .navigation__link:link, .subcategories-tree .navigation__link:visited {
    color: #333 !important;
    background-color: transparent !important;
    text-decoration: none !important;
  }
  .subcategories-tree .navigation__link:hover {
    color: #4d4d4d !important;
    background-color: transparent !important;
    text-decoration: none !important;
  }
  .subcategories-tree .navigation__link:after {
    content: '';
  }
  .subcategories-tree .navigation__link--current {
    color: #333333 !important;
    background-color: transparent !important;
    text-decoration: none !important;
  }
  .subcategories-tree .navigation__link--current:link, .subcategories-tree .navigation__link--current:visited {
    color: #333333 !important;
    background-color: transparent !important;
    text-decoration: none !important;
  }
  .subcategories-tree .navigation__link--current:hover {
    color: #333333 !important;
    background-color: transparent !important;
    text-decoration: none !important;
  }
  .subcategories-tree .navigation__link--current .navigation__link--current_mark {
    display: none;
  }
  .subcategories-tree .navigation__element + .navigation__element {
    padding-top: 0.5em;
  }
  .navigation-container__toggle {
    display: none;
  }
  .navigation-container__toggle + .navigation-container.navigation-container--open {
    box-shadow: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .navigation-container--closed {
    display: block;
  }
  .panel-alpha .categories-tree {
    display: block;
  }
  .grouped-navigation__count {
    display: inline;
    position: absolute;
    color: #b1b1b1;
    background-color: #f2f2f2;
    top: 0;
    right: 0;
  }
}

.mobile-navigation {
  width: 100%;
  float: left;
  background-color: #009640;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-navigation__link {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  text-align: center;
}

.mobile-navigation__link svg {
  vertical-align: middle;
  display: inline-block;
  height: 24px;
}

.mobile-navigation__link svg path,
.mobile-navigation__link svg circle {
  fill: #fff;
}

.mobile-navigation__element {
  width: 25%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.mobile-navigation__element--open {
  background-color: #fff;
  border-top: 3px solid #009640;
}

.mobile-navigation__element--open .mobile-navigation__link {
  margin-top: -3px;
}

.mobile-navigation__element--open .mobile-navigation__link path,
.mobile-navigation__element--open .mobile-navigation__link circle {
  fill: #009640;
}

.mobile-navigation__element--open .mobile-navigation__label {
  color: #009640;
}

.mobile-navigation__label {
  color: #fff;
  font-weight: bold;
  display: none;
}

.mobile-navigation__box {
  display: none;
}

.mobile-navigation__box--open {
  width: 100%;
  float: left;
  -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid #dddddd;
  display: block;
  padding-bottom: 24px;
  padding-top: 24px;
}

.mobile-navigation__box--no-padding {
  padding: 0;
}

@media (min-width: 34em) {
  .mobile-navigation__element {
    width: 16.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .mobile-navigation__element--categories {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    margin-right: 25%;
  }
  .mobile-navigation__element--categories .mobile-navigation__link {
    text-align: left;
  }
  .mobile-navigation__element--categories .mobile-navigation__label {
    display: inline-block;
  }
}

@media (min-width: 50em) {
  .mobile-navigation__element {
    width: 8.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .mobile-navigation__element--categories {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    margin-right: 50%;
  }
}

@media (min-width: 70em) {
  .mobile-navigation,
  .mobile-navigation__box--open {
    display: none;
  }
}

.rating-stars {
  position: relative;
  font-size: 1.35em;
  line-height: 0.8em;
}

.rating-stars--medium {
  font-size: 1.0125em;
  line-height: 1.0666666667em;
}

.rating-stars--off {
  color: #d3d3d3;
}

.rating-stars--on {
  color: #feb204;
  position: absolute;
  display: inline-block;
  left: 0;
  overflow: hidden;
}

.product-listing__header h1 {
  display: block;
}

.product-listing__description-header {
  display: none;
}

.product-listing__title h2 {
  font-size: 22px;
  color: #009640;
}

.product-listing__title h3 {
  font-size: 19px;
  color: #009640;
}

.product-listing__title h4 {
  font-size: 18px;
  color: #76b72a;
}

.description__header-content-short > ul > li,
.description__header-content-short > ol > li {
  font-size: 0.9em;
  line-height: 1.2em;
  line-height: 1.5em;
}

.description__header-content-short > ul,
.description__header-content-short > ol,
.description-footer-content > * > ul,
.description-footer-content > * > ol,
.description-footer-content table * > ul,
.description-footer-content table * > ol {
  margin: 0 0 24px 1em;
  padding-left: 1px;
}

.description__header-content-short > ul,
.description-footer-content > * > ul,
.description-footer-content table * > ul {
  list-style: none;
}

.description__header-content-short > ol,
.description-footer-content > * > ol,
.description-footer-content table * > ol {
  list-style: decimal;
}

.description__header-content-short > ol > li,
.description-footer-content > * > ol > li,
.description-footer-content table * > ol > li {
  padding-left: .3em;
  margin-bottom: .5em;
}

.description__header-content-short > ul > li,
.description-footer-content > * > ul > li,
.description-footer-content table * > ul > li {
  margin-bottom: .5em;
}

.description__header-content-short > ul > li::before,
.description-footer-content > * > ul > li::before,
.description-footer-content table * > ul > li::before {
  content: "\2022";
  font-size: 16px;
  color: #76b72a;
  font-weight: bold;
  display: inline-block;
  width: .8em;
  margin-left: -.8em;
}

.description-footer-content table * > ul,
.description-footer-content table * > ol {
  margin: 0 0 0 1em;
}

.description-footer-content table * > ul li,
.description-footer-content table * > ol li {
  margin-bottom: .25em;
}

.product-listing__description-footer-container {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  padding: 0;
  margin-bottom: -2em;
  font-size: .9em;
}

.product-listing__description-footer {
  margin-top: 24px;
  padding: 1em;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: none;
  line-height: 1.5em;
}

.product-listing__description-footer .description-title h2 {
  margin-top: 0.75em;
  margin-bottom: 1.25em;
}

.product-listing__description-footer .description-title,
.product-listing__description-footer .description-footer-content {
  display: block;
}

.description-footer-content {
  position: relative;
}

.description-footer-content__layout {
  overflow: hidden;
}

.description-footer-content__layout:before {
  content: '';
  display: block;
  background-image: linear-gradient(0deg, white 10%, rgba(255, 255, 255, 0.8) 35%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 1em;
  z-index: 2;
}

/* Styling der Tabellen für Erweiterte Beschreibung */
.product-listing__description-footer table caption,
.description__header-content-short table {
  font-size: 1em;
  line-height: 2.2em;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
}

.product-listing__description-footer table thead,
.description__header-content-short table thead {
  background-color: rgba(0, 150, 64, 0.6);
  color: #fff;
}

.product-listing__description-footer table th,
.description__header-content-short table th {
  font-weight: bold;
}

.product-listing__description-footer tr:nth-child(even),
.description__header-content-short tr:nth-child(even) {
  background-color: rgba(0, 150, 64, 0.2);
}

.product-listing__description-footer td,
.description__header-content-short td {
  padding: .5em;
}

.product-listing__description-footer th,
.description__header-content-short th {
  padding: 1em;
}

.ckeditor-custom-table-overflow-x-wrap {
  overflow-x: auto;
}

.ckeditor-custom-table-overflow-x-wrap .ckeditor-custom-table-overflow-x--centered {
  margin: 0 auto 1.5em auto;
  float: none;
}

.ckeditor-custom-infobox {
  position: relative;
  padding: 4em 2em 2em;
  border-radius: 12px;
  margin: 3em 0;
  display: block;
}

@media (min-width: 40em) {
  .ckeditor-custom-infobox {
    padding: 2em 2em 2em 4em;
  }
}

.ckeditor-custom-infobox:before {
  content: '';
  font-weight: bold;
}

.ckeditor-custom-infobox:after {
  content: '';
  height: 60px;
  width: 60px;
  display: block;
  position: absolute;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
  left: 50%;
  top: -30px;
  transform: translateX(-50%);
  z-index: 1;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
}

@media (min-width: 40em) {
  .ckeditor-custom-infobox:after {
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
  }
}

.ckeditor-custom-infobox--tipp {
  background: rgba(118, 183, 42, 0.2);
}

.ckeditor-custom-infobox--tipp:before {
  content: "Tipp: ";
}

.ckeditor-custom-infobox--tipp:after {
  background-color: #76b72a;
}

.ckeditor-custom-infobox--info {
  background: rgba(0, 150, 64, 0.2);
}

.ckeditor-custom-infobox--info:before {
  content: "Info: ";
}

.ckeditor-custom-infobox--info:after {
  background-color: #009640;
}

.ckeditor-custom-infobox--warning {
  background: rgba(255, 182, 0, 0.2);
}

.ckeditor-custom-infobox--warning:before {
  content: "Achtung: ";
}

.ckeditor-custom-infobox--warning:after {
  background-color: #ffb600;
}

.ckeditor-custom-infobox--tipp:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDMyIDM2Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoycHg7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPjxwYXRoIGNsYXNzPSJhIiBkPSJNNjEuMDg0LDEwMC45MTd2My4xNDdhNC4yOTIsNC4yOTIsMCwwLDEtOC41ODQsMHYtMy4xNDciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MS43OTIgLTc1Ljc4OCkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTcwLDEzMS4yNTZ2MS40MzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NSAtOTguNjg2KSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNNTMuODIsNzEuODc3VjYzLjRhMi4xNDYsMi4xNDYsMCwxLDEsMi4xNDYsMi4xNDZINDguODEzQTIuMTQ2LDIuMTQ2LDAsMSwxLDUwLjk1OCw2My40djguNDc5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzcuMzg5IC00OC4yNDIpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik01Mi43MzksMTE2LjY3Mmg4LjQ2NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQxLjk3MyAtODcuNjgpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yOS4xNjcsMzMuMzUzYTkuOTkzLDkuOTkzLDAsMSwwLDkuOTkzLTEwLjAxNEExMCwxMCwwLDAsMCwyOS4xNjcsMzMuMzUzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0LjE1OSAtMTguNzU5KSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNNzAsMi45MjJWNC4zNTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NSAtMi45MjIpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yNi42ODcsMjAuODY2LDI3LjcsMjEuODc3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjIuMjg4IC0xNi40NjUpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik04Ljc1LDY0LjE3MmgxLjQzMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTguNzUgLTQ4LjY1MSkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTI2LjY4NywxMDQuMzcybDEuMDExLTEuMDExIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjIuMjg4IC03Ny44ODIpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xMTAuMiwxMDQuMzcybC0xLjAxMS0xLjAxMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg0LjU5OSAtNzcuODgyKSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNMTI2Ljg0Nyw2NC4xNzJoLTEuNDMxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTYuODQ4IC00OC42NTEpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xMTAuMiwyMC44NjZsLTEuMDExLDEuMDExIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODQuNTk5IC0xNi40NjUpIi8+PC9nPjwvc3ZnPg==");
}

.ckeditor-custom-infobox--info:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMi4wMTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzMi4wMTMgMzYiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoycHg7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDA3IDEpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTI2LjY2NSwyLjkxN2ExNy4yNTQsMTcuMjU0LDAsMCwxLDkuMTY4LDIuNjE3YzcuMTI1LDQuNDUxLDcuNjUsMTMuNjQ0LDEuOTcyLDIwLjM2NmE4NS43MzUsODUuNzM1LDAsMCwxLTExLjE0LDExLjAxN0E4NS43MzUsODUuNzM1LDAsMCwxLDE1LjUyNSwyNS45QzkuODQ5LDE5LjE3NywxMC4zNzMsOS45ODQsMTcuNSw1LjUzM2ExNy4yNTQsMTcuMjU0LDAsMCwxLDkuMTY4LTIuNjE3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExLjY2NiAtMi45MTcpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik02MS4wNjMsNTMuMzMxVjQ1LjE0NEExLjM2NSwxLjM2NSwwLDAsMCw1OS43LDQzLjc3OUg1OC4zMzMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00Ni4yMTMgLTMzLjA3NikiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTU4LjMzMyw4NC42MTJoNS40NTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00Ni4wNjMgLTYzLjkwOSkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTcwLDI5LjJhLjM0MS4zNDEsMCwwLDEsLjM0MS4zNDEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NC45ODMgLTIyLjUzMSkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTY4LjU0MiwyOS41MzdhLjM0MS4zNDEsMCwwLDEsLjM0MS0uMzQxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTMuOSAtMjIuNTMxKSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNNjguODgzLDMxYS4zNDEuMzQxLDAsMCwxLS4zNDEtLjM0MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUzLjkgLTIzLjYxOSkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTcwLjM0MSwzMC42NTRBLjM0MS4zNDEsMCwwLDEsNzAsMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NC45ODMgLTIzLjYxOSkiLz48L2c+PC9zdmc+");
}

.ckeditor-custom-infobox--warning:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMi41NTgiIGhlaWdodD0iMzIuNTU3IiB2aWV3Qm94PSIwIDAgMzIuNTU4IDMyLjU1NyI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS40MTQgMS4xNDMpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTEzLjYsODIuMTYyLDIuOTE3LDkzLjA1NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuOTE3IC02My4wNTYpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik01NS4yODMsMTMuOTU1YS45NjYuOTY2LDAsMCwwLDEuMzY2LDBsMS4wODMtMS4wODNhMS4zNjYsMS4zNjYsMCwwLDAsMC0xLjkzMUw1MC4xLDMuMzEyYTEuMzY2LDEuMzY2LDAsMCwwLTEuOTMxLDBMNDcuMDg5LDQuMzk1YS45NjYuOTY2LDAsMCwwLDAsMS4zNjYuOTY2Ljk2NiwwLDAsMSwwLDEuMzY2bC01Ljc0NSw1Ljc0NWExLjM2NiwxLjM2NiwwLDAsMS0uOTY2LjRIMzYuMDQ2YTEuMzY2LDEuMzY2LDAsMCwwLS45NjUuNGwtLjY4My42ODNhMS4zNjYsMS4zNjYsMCwwLDAsMCwxLjkzMWwxMC4zNiwxMC4zNmExLjM2NiwxLjM2NiwwLDAsMCwxLjkzMSwwbC42ODMtLjY4M2ExLjM2NiwxLjM2NiwwLDAsMCwuNC0uOTY2VjIwLjY2N2ExLjM2NiwxLjM2NiwwLDAsMSwuNC0uOTY1bDUuNzQ2LTUuNzQ2QS45NjYuOTY2LDAsMCwxLDU1LjI4MywxMy45NTVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjguMTMyIC0yLjkxMikiLz48L2c+PC9zdmc+");
}

.ckeditor-custom-infobox p, .ckeditor-custom-infobox span {
  display: inline;
}

/* Styling der Figure + Figurcaption + Blockquote für Erweiterte Beschreibung */
.product-listing__description-footer p,
.product-listing__description-footer h1,
.product-listing__description-footer h2,
.product-listing__description-footer h3,
.product-listing__description-footer h4,
.product-listing__description-footer table,
.product-listing__description-footer ol,
.product-listing__description-footer ul,
.product-listing__description-footer figure,
.description__header-content-short p,
.description__header-content-short h1,
.description__header-content-short h2,
.description__header-content-short h3,
.description__header-content-short h4,
.description__header-content-short table,
.description__header-content-short ol,
.description__header-content-short ul,
.description__header-content-short figure {
  clear: both;
}

.product-listing__description-footer p,
.description__header-content-short p {
  text-align: justify;
  hyphens: auto;
}

.product-listing__description-footer p > figure[style*="float:right"],
.product-listing__description-footer p > img[style*="float:right"],
.description__header-content-short p > figure[style*="float:right"],
.description__header-content-short p > img[style*="float:right"] {
  padding: 1.25em 0 0.5em 2em;
}

.product-listing__description-footer p > figure[style*="float:left"],
.product-listing__description-footer p > img[style*="float:left"],
.description__header-content-short p > figure[style*="float:left"],
.description__header-content-short p > img[style*="float:left"] {
  padding: 1.25em 2em 0.5em 0;
}

.product-listing__description-footer img,
.description__header-content-short img {
  height: auto;
  max-width: 100%;
  margin: auto;
}

.product-listing__description-footer figure, .product-listing__description-footer img,
.description__header-content-short figure,
.description__header-content-short img {
  text-align: center;
  float: none;
}

.product-listing__description-footer figure,
.description__header-content-short figure {
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
  width: 100%;
}

.product-listing__description-footer span > figure,
.description__header-content-short span > figure {
  padding: 0 2em 1.75em 1.5em;
}

.product-listing__description-footer figure img,
.description__header-content-short figure img {
  display: block;
  max-width: 100%;
  height: auto;
}

.product-listing__description-footer figure[style*="float:right"],
.product-listing__description-footer img[style*="float:right"],
.description__header-content-short figure[style*="float:right"],
.description__header-content-short img[style*="float:right"] {
  padding-left: 0;
  padding-right: 0;
}

.product-listing__description-footer figure[style*="float:left"],
.product-listing__description-footer img[style*="float:left"],
.description__header-content-short figure[style*="float:left"],
.description__header-content-short img[style*="float:left"] {
  padding-right: 0;
  padding-left: 0;
}

.product-listing__description-footer figcaption,
.description__header-content-short figcaption {
  font-size: 0.8em;
  color: #646464;
  display: block;
  text-align: center;
  font-style: italic;
  margin-top: 0.5em;
}

.product-listing__description-footer .ckeditor-custom-full-width-image,
.description__header-content-short .ckeditor-custom-full-width-image {
  width: 100% !important;
  height: auto;
}

.product-listing__description-footer blockquote,
.description__header-content-short blockquote {
  quotes: "“" "”" "‘" "’";
  margin-top: 2em;
  margin-bottom: 2em;
}

.product-listing__description-footer blockquote p,
.description__header-content-short blockquote p {
  color: #ffb600;
  font-weight: bold;
  display: inline;
}

.product-listing__description-footer blockquote::before,
.description__header-content-short blockquote::before {
  color: #e4e4e4;
  font-family: serif;
  content: open-quote;
  font-size: 3em;
  vertical-align: -0.15em;
}

.product-listing__description-footer blockquote::after,
.description__header-content-short blockquote::after {
  color: #e4e4e4;
  font-family: serif;
  content: close-quote;
  font-size: 3em;
  vertical-align: -0.2em;
}

/* Styling der Hyperlinks für Erweiterte Beschreibung */
.description__footer-content-extended a, .description__header-content-short a {
  color: #36a9e1;
  text-decoration: underline;
  font-weight: 700;
}

.button-read__more-full,
.button-read__more-less {
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
}

.button-read__more-full span,
.button-read__more-less span {
  background-color: #b9b9b9;
  font-weight: bold;
  padding: 0.25em 0.7em;
  border-radius: 10px;
  color: white;
  cursor: pointer;
}

.button-read__more-full {
  position: absolute;
  top: 85%;
  display: none;
}

.button-read__more-less {
  position: relative;
  margin-top: 2em;
  margin-bottom: 0.5em;
  display: none;
}

.result-listing {
  width: 100%;
  float: left;
}

.result-listing__item {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  border-bottom: 1px solid #dddddd;
  padding: 1em 0;
  cursor: pointer;
  display: block;
  min-height: 160px;
  position: relative;
}

.result-listing__item:hover {
  outline: 2px solid #dddddd;
  border-color: transparent;
}

.result-listing__item:first-child {
  border-top: 1px solid #dddddd;
}

.result-listing__item:first-child:hover {
  border-color: transparent;
}

.result-listing__item .result_listing__link-trigger {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.result-listing__image-wrapper {
  width: 83.3333333333%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
  margin-bottom: 1em;
  height: 120px;
  line-height: 120px;
  overflow: hidden;
}

.result-listing__image {
  max-width: 100%;
  max-height: 120px;
  width: auto;
  height: auto;
  vertical-align: top;
}

.result-listing__title-wrapper,
.result-listing__description-wrapper {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.result-listing__title-wrapper a,
.result-listing__description-wrapper a {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.result-listing__title-wrapper a:link, .result-listing__title-wrapper a:visited,
.result-listing__description-wrapper a:link,
.result-listing__description-wrapper a:visited {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.result-listing__title-wrapper a:hover,
.result-listing__description-wrapper a:hover {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.result-listing__title-wrapper {
  padding-bottom: 1em;
}

.result-listing__bazaarvoice {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
  margin-bottom: 0.5em;
  position: absolute;
}

.result-listing__title {
  font-size: 1.0125em;
  line-height: 1.0666666667em;
  margin: 0 0 0.5em 0;
}

.result-listing__description-wrapper {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 5em;
}

.result-listing__description {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
  display: none;
}

.result-listing__additional {
  width: 41.6666666667%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  padding-right: 0.5em;
  position: absolute;
  bottom: 75px;
  cursor: default;
}

.result-listing__brand {
  width: 25%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  padding: 0;
  position: absolute;
  right: 1em;
  top: 1em;
}

.result-listing__manufactures-image {
  max-width: 100%;
  max-height: 40px;
  width: auto;
  height: auto;
}

.result-listing__links {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
  margin-bottom: 0;
}

.result-listing__links .button-like {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: underline !important;
  padding: 0;
  display: block;
  margin-top: 1em;
  text-align: left;
}

.result-listing__links .button-like:link, .result-listing__links .button-like:visited {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: underline !important;
}

.result-listing__links .button-like:hover {
  color: #4d4d4d !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.result-listing__price-wrapper {
  width: 58.3333333333%;
  float: right;
  padding-left: 1em;
  padding-right: 1em;
  padding-left: 0.5em;
  text-align: right;
  position: absolute;
  bottom: 75px;
  right: 0;
}

.result-listing__price-note a {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: "underline" !important;
}

.result-listing__price-note a:link, .result-listing__price-note a:visited {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: "underline" !important;
}

.result-listing__price-note a:hover {
  color: #4d4d4d !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.result-listing__price {
  font-size: 1.0125em;
  line-height: 1.0666666667em;
  color: #ffb600;
  font-weight: bold;
  white-space: nowrap;
  margin-bottom: 0.5em;
}

.result-listing__uvp,
.result-listing__vpe,
.result-listing__price-note,
.result-listing__availability {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
  line-height: 1em;
  color: #333333;
  margin-bottom: 0.5em;
}

.result-listing__availability {
  margin-bottom: 0;
}

.result-listing__add-to-cart {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.result-listing__add-to-cart .button, .result-listing__add-to-cart .button--add-to-cart, .result-listing__add-to-cart .page-content .btn, .page-content .result-listing__add-to-cart .btn {
  font-size: 0.9em;
  line-height: 1.2em;
}

.result-listing__gamma {
  z-index: 1;
}

.add-to-cart__qty {
  float: left;
  width: 20%;
  width: calc(50px + 0px);
  height: 50px;
}

.add-to-cart__button {
  float: right;
  width: 80%;
  width: calc(100% - 50px);
  height: 50px;
}

@media (min-width: 21em) {
  .result-listing__image-wrapper {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    margin-bottom: 3em;
    text-align: center;
    padding-right: 0;
  }
  .result-listing__links .button-like:last-child {
    margin-bottom: 0;
  }
  .result-listing__brand {
    display: none;
  }
  .result-listing__title-wrapper,
  .result-listing__description-wrapper,
  .result-listing__price-wrapper,
  .result-listing__add-to-cart {
    width: 66.6666666667%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
    text-align: left;
  }
  .result-listing__description-wrapper {
    margin-bottom: 0.5em;
  }
  .result-listing__additional {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    bottom: 1em;
  }
  .result-listing__price-wrapper {
    position: static;
  }
  .result-listing__availability {
    margin-bottom: 0.5em;
  }
}

@media (min-width: 30em) {
  .result-listing__image {
    max-width: 100%;
    max-height: 160px;
    width: auto;
    height: auto;
  }
  .result-listing__image-wrapper {
    height: 160px;
    line-height: 160px;
  }
  .result-listing__description-wrapper {
    width: 66.6666666667%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
    margin-bottom: 6em;
    padding-top: 0.5em;
  }
  .result-listing__description {
    display: block;
    margin-bottom: 0.5em;
  }
  .result-listing__price-wrapper {
    position: absolute;
    bottom: 1em;
    left: 33.3333333333%;
    width: 33.3333333333%;
    margin-bottom: 0;
  }
  .result-listing__add-to-cart {
    position: absolute;
    right: 0;
    bottom: 1em;
    width: 33.3333333333%;
    padding-left: 0;
  }
  .result-listing__availability {
    margin-bottom: 0;
  }
}

@media (min-width: 34em) {
  .product-listing__description-footer p,
  .product-listing__description-footer h1,
  .product-listing__description-footer h2,
  .product-listing__description-footer h3,
  .product-listing__description-footer h4,
  .product-listing__description-footer table,
  .product-listing__description-footer ol,
  .product-listing__description-footer ul,
  .product-listing__description-footer figure,
  .description__header-content-short > * p,
  .description__header-content-short > * h1,
  .description__header-content-short > * h2,
  .description__header-content-short > * h3,
  .description__header-content-short > * h4,
  .description__header-content-short > * table,
  .description__header-content-short > * ol,
  .description__header-content-short > * ul,
  .description__header-content-short > * figure {
    clear: none;
  }
  .product-listing__description-footer figure,
  .description__header-content-short > * figure {
    width: auto;
  }
  .product-listing__description-footer figure,
  .product-listing__description-footer img,
  .description__header-content-short > * figure,
  .description__header-content-short > * img {
    text-align: center;
  }
  .product-listing__description-footer figure[style*="float:right"],
  .product-listing__description-footer img[style*="float:right"],
  .description__header-content-short > * figure[style*="float:right"],
  .description__header-content-short > * img[style*="float:right"] {
    padding-left: 2em;
    padding-right: 0;
  }
  .product-listing__description-footer figure[style*="float:left"],
  .product-listing__description-footer img[style*="float:left"],
  .description__header-content-short > * figure[style*="float:left"],
  .description__header-content-short > * img[style*="float:left"] {
    padding-right: 2em;
    padding-left: 0;
  }
}

@media (min-width: 40em) {
  .product-listing__header h1 {
    display: none;
  }
  .product-listing__description-header {
    width: 100%;
    float: left;
    display: flex;
    margin-bottom: 1.25em;
    position: relative;
  }
  .product-listing__description-header .image-block {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    vertical-align: middle;
    min-height: 18.75em;
    max-height: 23em;
    display: block;
    align-items: center;
    overflow: hidden;
    padding: 0;
    margin-right: 1.5em;
    border-radius: 3px;
    position: relative;
    background-position: 50%;
    background-size: cover;
  }
  .product-listing__description-header .image-block h1 {
    font-size: 1.8em;
    line-height: 0.6em;
    font-family: "Veneer", Impact, sans-serif;
    font-weight: normal;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 10px rgba(100, 100, 100, 0.631);
    line-height: 1em;
    position: absolute;
    padding: 0.25em 0.4em;
    display: block;
    hyphens: auto;
    width: 100%;
  }
  .product-listing__description-header .image-block img {
    width: 100%;
    vertical-align: middle;
  }
  .product-listing__description-header .text-block {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    line-height: 1.5em;
    padding-left: 0;
  }
  .product-listing__description-header .text-block h2 {
    font-size: 1.125em;
    line-height: 0.96em;
    margin: 1em 0 1em 0;
    line-height: 1.5em;
  }
  .product-listing__description-header .text-block p {
    line-height: 1.5em;
  }
  .product-listing__description-header .text-block a:hover {
    text-decoration: underline;
  }
  .product-listing__description-footer-container {
    padding-left: 1em;
    padding-right: 1em;
    margin-bottom: 0;
  }
}

@media (min-width: 40em) and (min-width: 40em) {
  .product-listing__description-footer-container {
    padding-left: 5em;
    padding-right: 5em;
  }
}

@media (min-width: 40em) and (min-width: 60em) {
  .product-listing__description-footer-container {
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media (min-width: 40em) {
  .product-listing__description-footer-container .product-listing__description-footer {
    padding: 1em 0 1em 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
  .product-listing__description-footer-container .product-listing__description-footer .description-title {
    display: none;
  }
  .product_listing__go-to-link:link, .product_listing__go-to-link:visited, .product_listing__go-to-link:active {
    color: #939393;
    font-weight: bold;
    text-decoration: none;
  }
  .result-listing__item {
    min-height: 14em;
  }
  .result-listing__alpha {
    width: 25%;
    float: left;
    margin-left: 0;
    margin-right: -100%;
  }
  .result-listing__beta {
    width: 45.8333333333%;
    float: left;
    margin-left: 25%;
    margin-right: -100%;
  }
  .result-listing__gamma {
    width: 29.1666666667%;
    float: left;
    position: absolute;
    bottom: 1em;
    right: 0;
  }
  .result-listing__image-wrapper,
  .result-listing__title-wrapper,
  .result-listing__description-wrapper,
  .result-listing__additional,
  .result-listing__link-wrapper,
  .result-listing__price-wrapper,
  .result-listing__add-to-cart {
    width: 100%;
    float: none;
  }
  .result-listing__image-wrapper {
    margin-bottom: 0;
  }
  .result-listing__description-wrapper {
    min-height: auto;
    margin-bottom: 2em;
  }
  .result-listing__brand {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    display: block;
    position: absolute;
    top: 1em;
    right: 0;
    left: auto;
    text-align: right;
  }
  .result-listing__additional {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    left: 25%;
    right: 0;
  }
  .result-listing__links .button-like {
    display: inline;
    margin-right: 1em;
  }
  .result-listing__price-wrapper {
    text-align: right;
    margin-bottom: 0.5em;
    position: static;
    bottom: auto;
    right: auto;
  }
  .result-listing__add-to-cart {
    position: static;
  }
}

@media (min-width: 50em) {
  .result-listing {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media (min-width: 70em) {
  .result-listing__item {
    width: 100%;
    float: left;
  }
  .result-listing__alpha {
    width: 22.2222222222%;
    float: left;
    margin: 0;
  }
  .result-listing__beta {
    width: 55.5555555556%;
    float: left;
    margin: 0;
  }
  .result-listing__gamma {
    width: 22.2222222222%;
    float: left;
  }
  .result-listing__additional {
    width: 77.7777777778%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    left: auto;
  }
  .product-listing__description-header .image-block h1 {
    font-size: 2.475em;
  }
}

.result-listing__image.noimage {
  max-width: 50%;
  max-height: 60px;
  width: auto;
  height: auto;
  vertical-align: middle;
}

.wishlist--in svg,
.wishlist--out svg {
  display: none;
}

.gallery-listing-v2 .wishlist--in svg,
.gallery-listing-v2 .wishlist--out svg {
  display: block;
}

.sort-n-view {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  height: 36px;
  margin-bottom: 1em;
}

.sort-n-view select,
.sort-n-view a,
.sort-n-view span {
  display: inline-block;
  vertical-align: middle;
}

.sort-n-view__alpha,
.sort-n-view__beta {
  width: 100%;
  float: left;
  text-align: center;
  background-color: #76b72a;
  height: 100%;
}

.sort-n-view__alpha:before,
.sort-n-view__beta:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.sort-n-view__alpha {
  display: none;
}

.sort-n-view__beta {
  padding: 0 1.5em;
  border-radius: 12px;
}

.sort-n-view__beta select {
  width: 60%;
  height: 30px;
}

.sort-n-view__beta svg {
  max-width: 30px;
  max-height: 30px;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  margin-left: 1em;
}

.sort-n-view__beta svg .hhw-icon-stroke,
.sort-n-view__beta svg .hhw-icon-stroke--highlight,
.sort-n-view__beta svg .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.5px;
  stroke: #fff;
}

.sort-n-view__beta svg .hhw-icon-stroke--highlight {
  stroke: #ff6803;
}

.sort-n-view__beta svg .hhw-icon-stroke--inverted {
  stroke: #fff;
}

.sort-n-view__beta svg .hhw-icon-fill,
.sort-n-view__beta svg .hhw-icon-fill--highlight,
.sort-n-view__beta svg .hhw-icon-fill--inverted {
  fill: #fff;
}

.sort-n-view__beta svg .hhw-icon-fill--highlight {
  fill: #ff6803;
}

.sort-n-view__beta svg .hhw-icon-stroke--inverted {
  fill: #fff;
}

.sort-n-view__num-of-products {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
  color: #fff;
  display: none;
}

.page-navigation__pagination {
  clear: both;
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
  margin-top: 24px;
}

.page-navigation__pagination .button, .page-navigation__pagination .button--add-to-cart, .page-navigation__pagination .page-content .btn, .page-content .page-navigation__pagination .btn {
  color: #fff;
  background-color: #009640;
  padding: 0;
  margin: 2px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
}

.page-navigation__pagination .button:link, .page-navigation__pagination .button--add-to-cart:link, .page-navigation__pagination .page-content .btn:link, .page-content .page-navigation__pagination .btn:link, .page-navigation__pagination .button:visited, .page-navigation__pagination .button--add-to-cart:visited, .page-navigation__pagination .page-content .btn:visited, .page-content .page-navigation__pagination .btn:visited {
  color: #fff;
}

.page-navigation__pagination .button:hover, .page-navigation__pagination .button--add-to-cart:hover, .page-navigation__pagination .page-content .btn:hover, .page-content .page-navigation__pagination .btn:hover, .page-navigation__pagination .button:focus, .page-navigation__pagination .button--add-to-cart:focus, .page-navigation__pagination .page-content .btn:focus, .page-content .page-navigation__pagination .btn:focus {
  background-color: #76b72a;
}

.page-navigation__pagination .button:active, .page-navigation__pagination .button--add-to-cart:active, .page-navigation__pagination .page-content .btn:active, .page-content .page-navigation__pagination .btn:active, .page-navigation__pagination .button.button--is-active, .page-navigation__pagination .button--is-active.button--add-to-cart, .page-navigation__pagination .page-content .button--is-active.btn, .page-content .page-navigation__pagination .button--is-active.btn {
  background-color: #76b72a;
  color: #009640;
}

.page-navigation__pagination .button:first-child, .page-navigation__pagination .button--add-to-cart:first-child, .page-navigation__pagination .page-content .btn:first-child, .page-content .page-navigation__pagination .btn:first-child {
  margin-left: 0;
}

.page-navigation__pagination .button:last-child, .page-navigation__pagination .button--add-to-cart:last-child, .page-navigation__pagination .page-content .btn:last-child, .page-content .page-navigation__pagination .btn:last-child {
  margin-right: 0;
}

.page-navigation__pagination .button .button__text, .page-navigation__pagination .button--add-to-cart .button__text, .page-navigation__pagination .page-content .btn .button__text, .page-content .page-navigation__pagination .btn .button__text {
  line-height: 1em;
}

.page-navigation__pagination .button--neutral {
  color: #fff;
  background-color: #76b72a;
}

.page-navigation__pagination .button--neutral:link, .page-navigation__pagination .button--neutral:visited {
  color: #fff;
}

.page-navigation__pagination .button--neutral:hover, .page-navigation__pagination .button--neutral:focus {
  background-color: #76b72a;
}

.page-navigation__pagination .button--neutral:active, .page-navigation__pagination .button--neutral.button--is-active {
  background-color: #76b72a;
  color: #fff;
}

@media (min-width: 34em) {
  .sort-n-view__alpha {
    width: 50%;
    float: left;
    padding-left: 1.5em;
    display: block;
    text-align: left;
    border-radius: 12px 0 0 12px;
  }
  .sort-n-view__beta {
    width: 50%;
    float: left;
    padding-left: 0;
    padding-right: 1.5em;
    text-align: right;
    border-radius: 0 12px 12px 0;
  }
  .sort-n-view__beta select {
    width: 11em;
  }
  .page-navigation__pagination {
    text-align: right;
  }
  .page-navigation__pagination .button, .page-navigation__pagination .button--add-to-cart, .page-navigation__pagination .page-content .btn, .page-content .page-navigation__pagination .btn {
    height: 50px;
    width: 50px;
    margin: 5px;
  }
}

@media (min-width: 70em) {
  .sort-n-view {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .sort-n-view__alpha {
    width: 55.5555555556%;
    float: left;
  }
  .sort-n-view__beta {
    width: 44.4444444444%;
    float: left;
  }
}

.advertising {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}

.advertising__element,
.advertising__element > img {
  display: block;
  margin: auto;
  max-width: 100%;
}

.advertising__element {
  margin-bottom: 24px;
}

@media (min-width: 70em) {
  .advertising {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
}

.slideout-nav {
  list-style: none;
  padding: 0;
}

.slideout-nav__button,
.slideout-nav__link {
  border-bottom: 1px solid #dddddd;
  display: block;
  padding: 24px 1em;
}

.slideout-nav__button:after {
  content: ' >';
}

.slideout-nav__block > .slideout-nav {
  display: none;
}

.slideout-nav__block--open > .slideout-nav__button {
  font-weight: bold;
}

.slideout-nav__block--open > .slideout-nav__button:before {
  content: '< ';
}

.slideout-nav__block--open > .slideout-nav__button:after {
  content: '';
}

/* enabled / disabled js */
.jquery--show {
  display: block;
}

.jquery--show-inline,
.no-js .jquery--hide-inline {
  display: inline;
}

.jquery--show-inline-block,
.no-js .jquery--hide-inline-block {
  display: inline-block;
}

.jquery--invisible {
  display: none;
}

.no-js .jquery--show,
.no-js .jquery--show-inline,
.no-js .jquery--show-inline-block,
.jquery--hide,
.jquery--hide-inline,
.jquery--hide-inline-block {
  display: none;
}

.no-js .jquery--hide {
  display: block;
}

.jquery--not-visible {
  visibility: hidden;
}

.no-js .jquery--not-visible {
  display: visible;
}

.jquery--opacity-zero {
  opacity: 0;
}

.no-js .jquery--opacity-zero {
  opacity: 1;
}

.jquery--show-gallery,
.jquery--show-footer_max,
.jquery--show-desktop {
  display: none;
}

.no-js .jquery--show-gallery,
.no-js .jquery--show-footer_max,
.no-js .jquery--show-desktop {
  display: block;
}

.show--mid,
.show--footer_max,
.show-inline-block--mobile,
.show-inline--tablet,
.show-inline--gallery,
.show-inline--mid {
  display: none;
}

@media (min-width: 30em) {
  .show-inline-block--mobile {
    display: inline-block !important;
  }
}

@media (min-width: 34em) {
  .show-inline--tablet {
    display: inline !important;
  }
}

@media (min-width: 40em) {
  .show-inline--gallery {
    display: inline !important;
  }
  .jquery--show-gallery {
    display: block;
  }
}

@media (min-width: 50em) {
  .show--mid {
    display: block;
  }
  .hide--mid {
    display: none;
  }
  .show-inline--mid {
    display: inline !important;
  }
}

@media (min-width: 60em) {
  .show--footer_max {
    display: block;
  }
  .hide--footer_max {
    display: none;
  }
  .jquery--show-footer_max {
    display: block;
  }
}

@media (min-width: 70em) {
  .jquery--show-desktop {
    display: block;
  }
}

.print-only {
  display: none;
}

.fadeout--top {
  padding-top: 1.2em;
  background: #ffffff;
  background: linear-gradient(rgba(255, 255, 255, 0) 0em, white 0.6em);
}

.hide-on-svg-fallback {
  display: block;
  position: absolute;
  left: -100%;
  height: 0;
  width: 0;
  overflow: hidden;
}

.logo__link {
  position: relative;
  z-index: 10;
}

@media (min-width: 21em) {
  .logo__link {
    z-index: 20;
  }
}

@media (min-width: 30em) {
  .logo__link {
    z-index: 30;
  }
}

@media (min-width: 34em) {
  .logo__link {
    z-index: 40;
  }
}

@media (min-width: 40em) {
  .logo__link {
    z-index: 50;
  }
}

@media (min-width: 50em) {
  .logo__link {
    z-index: 60;
  }
}

@media (min-width: 60em) {
  .logo__link {
    z-index: 70;
  }
}

@media (min-width: 70em) {
  .logo__link {
    z-index: 80;
  }
}

@media (min-width: 80em) {
  .logo__link {
    z-index: 90;
  }
}

@media (min-width: 105em) {
  .logo__link {
    z-index: 100;
  }
}

@media (max-width: 60em) {
  .hide-up-to-alpha_max {
    display: none;
  }
}

@media (max-width: 40em) {
  .hide-up-to-gallery {
    display: none;
  }
}

@media (max-width: 34em) {
  .hide-up-to-tablet {
    display: none;
  }
}

.show--fancybox {
  display: none;
}

.fancybox-slide .show--fancybox {
  display: block;
}

.checkout_shipping .bottom-bar,
.checkout_shipping .middle-bar__menu,
.ref_checkout_shipping .bottom-bar,
.ref_checkout_shipping .middle-bar__menu,
.checkout_payment .bottom-bar,
.checkout_payment .middle-bar__menu,
.checkout_confirmation .bottom-bar,
.checkout_confirmation .middle-bar__menu,
.checkout_amazon .bottom-bar,
.checkout_amazon .middle-bar__menu {
  display: none;
}

.checkout_shipping .middle-bar,
.ref_checkout_shipping .middle-bar,
.checkout_payment .middle-bar,
.checkout_confirmation .middle-bar,
.checkout_amazon .middle-bar {
  background-color: #ffffff;
  padding-bottom: 10px;
}

.checkout_shipping .middle-bar .container--max-width,
.ref_checkout_shipping .middle-bar .container--max-width,
.checkout_payment .middle-bar .container--max-width,
.checkout_confirmation .middle-bar .container--max-width,
.checkout_amazon .middle-bar .container--max-width {
  background-color: #ffffff;
}

.checkout_shipping .page-header,
.ref_checkout_shipping .page-header,
.checkout_payment .page-header,
.checkout_confirmation .page-header,
.checkout_amazon .page-header {
  margin-bottom: 0;
}

.checkout_shipping .breadcrumb-progress,
.ref_checkout_shipping .breadcrumb-progress,
.checkout_payment .breadcrumb-progress,
.checkout_confirmation .breadcrumb-progress,
.checkout_amazon .breadcrumb-progress {
  background-color: #fff;
}

.checkout_shipping .breadcrumb-progress + form,
.ref_checkout_shipping .breadcrumb-progress + form,
.checkout_payment .breadcrumb-progress + form,
.checkout_confirmation .breadcrumb-progress + form,
.checkout_amazon .breadcrumb-progress + form {
  padding-top: 2em;
}

.checkout_shipping .breadcrumb-progress-wrapper,
.ref_checkout_shipping .breadcrumb-progress-wrapper,
.checkout_payment .breadcrumb-progress-wrapper,
.checkout_confirmation .breadcrumb-progress-wrapper,
.checkout_amazon .breadcrumb-progress-wrapper {
  position: absolute;
  width: 100%;
  left: 0;
  background-color: #009640;
  background-image: #009640;
  height: 40px;
  z-index: -1;
}

.checkout_shipping .breadcrumb-step,
.ref_checkout_shipping .breadcrumb-step,
.checkout_payment .breadcrumb-step,
.checkout_confirmation .breadcrumb-step,
.checkout_amazon .breadcrumb-step {
  margin-top: 0;
  margin-bottom: 0;
}

.xtc4.checkout_shipping .breadcrumb-progress, .xtc4.ref_checkout_shipping .breadcrumb-progress, .xtc4.checkout_payment .breadcrumb-progress, .xtc4.checkout_confirmation .breadcrumb-progress, .xtc4.checkout_amazon .breadcrumb-progress {
  margin-top: 1em;
}

.breadcrumb-progress {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 1em;
}

.breadcrumb-progress__bar {
  width: 100%;
  float: left;
  font-size: 0.9em;
  line-height: 1.2em;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}

.triangle,
.triangle2 {
  display: block;
  position: absolute;
  top: 0;
  right: -5px;
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-left: 5px solid #f5f5f5;
  border-bottom: 20px solid transparent;
  z-index: 1;
}

.triangle2 {
  border-left-color: #fff;
  left: 0;
}

.breadcrumb-step__label {
  line-height: 40px;
  font-weight: bold;
  color: #b1b1b1;
  text-decoration: none;
}

.breadcrumb-step__label.icon--cart {
  line-height: 20px;
}

.breadcrumb-step__label.icon--ok:after {
  content: '\2713';
}

.breadcrumb-step__label span {
  display: none;
}

.breadcrumb-step {
  position: relative;
  float: left;
  margin: 0.5em 0;
  background-color: #f5f5f5;
  height: 40px;
  text-align: center;
}

.breadcrumb-step svg {
  margin-top: 10px;
  height: 20px;
  width: auto;
}

.breadcrumb-step svg .hhw-icon-stroke,
.breadcrumb-step svg .hhw-icon-stroke--highlight,
.breadcrumb-step svg .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.5px;
  stroke: #b1b1b1;
}

.breadcrumb-step svg .hhw-icon-stroke--highlight {
  stroke: #ff6803;
}

.breadcrumb-step svg .hhw-icon-stroke--inverted {
  stroke: #fff;
}

.breadcrumb-step svg .hhw-icon-fill,
.breadcrumb-step svg .hhw-icon-fill--highlight,
.breadcrumb-step svg .hhw-icon-fill--inverted {
  fill: #fff;
}

.breadcrumb-step svg .hhw-icon-fill--highlight {
  fill: #ff6803;
}

.breadcrumb-step svg .hhw-icon-stroke--inverted {
  fill: #fff;
}

.breadcrumb-step.breadcrumb-step--current {
  background-color: #36a9e1;
}

.breadcrumb-step.breadcrumb-step--current .triangle {
  border-left-color: #36a9e1;
}

.breadcrumb-step.breadcrumb-step--current .breadcrumb-step__label {
  color: #fff;
}

.breadcrumb-step.breadcrumb-step--current svg .hhw-icon-stroke,
.breadcrumb-step.breadcrumb-step--current svg .hhw-icon-stroke--highlight,
.breadcrumb-step.breadcrumb-step--current svg .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.5px;
  stroke: #fff;
}

.breadcrumb-step.breadcrumb-step--current svg .hhw-icon-stroke--highlight {
  stroke: #ff6803;
}

.breadcrumb-step.breadcrumb-step--current svg .hhw-icon-stroke--inverted {
  stroke: #fff;
}

.breadcrumb-step.breadcrumb-step--current svg .hhw-icon-fill,
.breadcrumb-step.breadcrumb-step--current svg .hhw-icon-fill--highlight,
.breadcrumb-step.breadcrumb-step--current svg .hhw-icon-fill--inverted {
  fill: #fff;
}

.breadcrumb-step.breadcrumb-step--current svg .hhw-icon-fill--highlight {
  fill: #ff6803;
}

.breadcrumb-step.breadcrumb-step--current svg .hhw-icon-stroke--inverted {
  fill: #fff;
}

.breadcrumb-step:last-child {
  margin-right: 0;
}

.breadcrumb-step.breadcrumb-step--checked {
  background-color: #008800;
}

.breadcrumb-step.breadcrumb-step--checked .triangle {
  border-left-color: #008800;
}

.breadcrumb-step.breadcrumb-step--checked .breadcrumb-step__label {
  color: #fff;
}

.breadcrumb-step.breadcrumb-step--checked svg .hhw-icon-stroke,
.breadcrumb-step.breadcrumb-step--checked svg .hhw-icon-stroke--highlight,
.breadcrumb-step.breadcrumb-step--checked svg .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.5px;
  stroke: #fff;
}

.breadcrumb-step.breadcrumb-step--checked svg .hhw-icon-stroke--highlight {
  stroke: #ff6803;
}

.breadcrumb-step.breadcrumb-step--checked svg .hhw-icon-stroke--inverted {
  stroke: #fff;
}

.breadcrumb-step.breadcrumb-step--checked svg .hhw-icon-fill,
.breadcrumb-step.breadcrumb-step--checked svg .hhw-icon-fill--highlight,
.breadcrumb-step.breadcrumb-step--checked svg .hhw-icon-fill--inverted {
  fill: #fff;
}

.breadcrumb-step.breadcrumb-step--checked svg .hhw-icon-fill--highlight {
  fill: #ff6803;
}

.breadcrumb-step.breadcrumb-step--checked svg .hhw-icon-stroke--inverted {
  fill: #fff;
}

.breadcrumb-step--checked:after {
  content: ' \2713';
  color: #fff;
  font-weight: bold;
}

.breadcrumb-step--checked:first-child:after, .breadcrumb-step--checked:last-child:after {
  content: '';
}

.breadcrumb-progress--default .breadcrumb-step {
  margin-right: 2%;
  width: 18.4%;
}

.breadcrumb-progress--default .breadcrumb-step:last-child {
  margin-right: 0;
}

.breadcrumb-progress--login .breadcrumb-step {
  margin-right: 2%;
  width: 10%;
}

.breadcrumb-progress--login .breadcrumb-step:first-child, .breadcrumb-progress--login .breadcrumb-step:last-child {
  width: 14%;
}

.breadcrumb-progress--login .breadcrumb-step:last-child {
  margin-right: 0;
}

.breadcrumb-progress--login .breadcrumb-step--current {
  width: 32%;
}

.breadcrumb-progress--cart-login .breadcrumb-step,
.breadcrumb-progress--cart .breadcrumb-step {
  margin-right: 2%;
  width: 10%;
}

.breadcrumb-progress--cart-login .breadcrumb-step:first-child, .breadcrumb-progress--cart-login .breadcrumb-step:last-child,
.breadcrumb-progress--cart .breadcrumb-step:first-child,
.breadcrumb-progress--cart .breadcrumb-step:last-child {
  width: 14%;
}

.breadcrumb-progress--cart-login .breadcrumb-step:last-child,
.breadcrumb-progress--cart .breadcrumb-step:last-child {
  margin-right: 0;
}

.breadcrumb-progress--cart-login .breadcrumb-step--login,
.breadcrumb-progress--cart .breadcrumb-step--login {
  width: 32%;
}

.breadcrumb-progress--cart-login .breadcrumb-step--login .breadcrumb-step__label span,
.breadcrumb-progress--cart .breadcrumb-step--login .breadcrumb-step__label span {
  display: inline;
}

.breadcrumb-progress--cart .breadcrumb-step--next {
  width: 44%;
}

.breadcrumb-progress--cart .breadcrumb-step--next .breadcrumb-step__label span {
  display: inline;
}

.breadcrumb-progress--return .breadcrumb-step {
  width: 45%;
  margin-right: 2%;
}

.breadcrumb-progress--return .breadcrumb-step:first-child, .breadcrumb-progress--return .breadcrumb-step:last-child {
  width: 25%;
}

.breadcrumb-progress--return .breadcrumb-step:last-child {
  margin-right: 0;
}

.breadcrumb-progress--return .breadcrumb-step .breadcrumb-step__label span {
  display: none;
}

@media (min-width: 21em) {
  .breadcrumb-progress--return .breadcrumb-step--current .breadcrumb-step__label span {
    display: inline;
  }
}

@media (min-width: 30em) {
  .breadcrumb-progress--default .breadcrumb-step {
    margin-right: 2%;
    width: 10%;
  }
  .breadcrumb-progress--default .breadcrumb-step:first-child, .breadcrumb-progress--default .breadcrumb-step:last-child {
    width: 15%;
  }
  .breadcrumb-progress--default .breadcrumb-step:last-child {
    margin-right: 0;
  }
  .breadcrumb-progress--default .breadcrumb-step--current {
    width: 42%;
  }
  .breadcrumb-progress--default .breadcrumb-step--current .breadcrumb-step__label span {
    display: inline;
  }
  .breadcrumb-progress--return .breadcrumb-step--next .breadcrumb-step__label span {
    display: inline;
  }
  .breadcrumb-step.breadcrumb-step--current .triangle {
    border-left-width: 10px;
  }
  .triangle,
  .triangle2 {
    right: -10px;
    border-left-width: 10px;
  }
}

@media (min-width: 50em) {
  .breadcrumb-progress--default .breadcrumb-step {
    margin-right: 1.5%;
    width: 26%;
  }
  .breadcrumb-progress--default .breadcrumb-step:first-child, .breadcrumb-progress--default .breadcrumb-step:last-child {
    width: 8%;
  }
  .breadcrumb-progress--default .breadcrumb-step:last-child {
    margin-right: 0;
  }
  .breadcrumb-progress--default .breadcrumb-step .breadcrumb-step__label span {
    display: inline;
  }
  .breadcrumb-progress--login .breadcrumb-step {
    margin-right: 1.2%;
    width: 10%;
  }
  .breadcrumb-progress--login .breadcrumb-step:first-child, .breadcrumb-progress--login .breadcrumb-step:last-child {
    width: 10%;
  }
  .breadcrumb-progress--login .breadcrumb-step:last-child {
    margin-right: 0;
  }
  .breadcrumb-progress--login .breadcrumb-step--current {
    width: 27%;
  }
  .breadcrumb-progress--login .breadcrumb-step--current .breadcrumb-step__label span {
    display: inline;
  }
  .breadcrumb-progress--login .breadcrumb-step--next {
    width: 27%;
  }
  .breadcrumb-progress--login .breadcrumb-step--next .breadcrumb-step__label span {
    display: inline;
  }
  .breadcrumb-progress--cart-login .breadcrumb-step,
  .breadcrumb-progress--cart .breadcrumb-step {
    margin-right: 1.2%;
    width: 10%;
  }
  .breadcrumb-progress--cart-login .breadcrumb-step:first-child, .breadcrumb-progress--cart-login .breadcrumb-step:last-child,
  .breadcrumb-progress--cart .breadcrumb-step:first-child,
  .breadcrumb-progress--cart .breadcrumb-step:last-child {
    width: 10%;
  }
  .breadcrumb-progress--cart-login .breadcrumb-step:last-child,
  .breadcrumb-progress--cart .breadcrumb-step:last-child {
    margin-right: 0;
  }
  .breadcrumb-progress--cart-login .breadcrumb-step--login,
  .breadcrumb-progress--cart .breadcrumb-step--login {
    width: 27%;
  }
  .breadcrumb-progress--cart-login .breadcrumb-step--login + .breadcrumb-step,
  .breadcrumb-progress--cart .breadcrumb-step--login + .breadcrumb-step {
    width: 27%;
  }
  .breadcrumb-progress--cart-login .breadcrumb-step--login + .breadcrumb-step .breadcrumb-step__label span,
  .breadcrumb-progress--cart .breadcrumb-step--login + .breadcrumb-step .breadcrumb-step__label span {
    display: inline;
  }
  .breadcrumb-progress--cart .breadcrumb-step--next {
    width: 32.6%;
  }
  .breadcrumb-progress--cart .breadcrumb-step--next + .breadcrumb-step {
    width: 32.6%;
  }
  .breadcrumb-progress--cart .breadcrumb-step--next + .breadcrumb-step .breadcrumb-step__label span {
    display: inline;
  }
  .breadcrumb-progress--return .breadcrumb-step--checked .breadcrumb-step__label span {
    display: inline;
  }
}

@media (min-width: 60em) {
  .checkout_shipping .middle-bar,
  .ref_checkout_shipping .middle-bar,
  .checkout_payment .middle-bar,
  .checkout_confirmation .middle-bar,
  .checkout_amazon .middle-bar {
    padding-bottom: 20px;
  }
  .breadcrumb-progress--cart .breadcrumb-step {
    width: 25%;
  }
  .breadcrumb-progress--cart .breadcrumb-step .breadcrumb-step__label span {
    display: inline;
  }
  .breadcrumb-progress--cart .breadcrumb-step--next + .breadcrumb-step {
    width: 25.2%;
  }
}

@media (min-width: 70em) {
  .breadcrumb-progress--login .breadcrumb-step {
    margin-right: 1%;
    width: 21%;
  }
  .breadcrumb-progress--login .breadcrumb-step:first-child, .breadcrumb-progress--login .breadcrumb-step:last-child {
    width: 5.5%;
  }
  .breadcrumb-progress--login .breadcrumb-step:last-child {
    margin-right: 0;
  }
  .breadcrumb-progress--login .breadcrumb-step .breadcrumb-step__label span {
    display: inline;
  }
}

@media (min-width: 80em) {
  .checkout_shipping .middle-bar,
  .ref_checkout_shipping .middle-bar,
  .checkout_payment .middle-bar,
  .checkout_confirmation .middle-bar,
  .checkout_amazon .middle-bar {
    padding-bottom: 30px;
  }
}

.breadcrumb-navigation {
  width: 100%;
  float: left;
  margin-top: 24px;
  margin-bottom: 24px;
  text-align: center;
  border-top: 1px solid #dddddd;
}

.breadcrumb-navigation .alpha,
.breadcrumb-navigation .beta,
.breadcrumb-navigation .gamma {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 1em;
}

.breadcrumb-navigation .alpha {
  text-align: right;
}

.breadcrumb-navigation .beta,
.breadcrumb-navigation .gamma {
  text-align: left;
}

.breadcrumb-navigation .check-order-text {
  font-size: 0.9em;
  line-height: 1.2em;
}

.breadcrumb-navigation::after {
  clear: both;
  content: "";
  display: table;
}

.breadcrumb-navigation--top {
  display: none;
}

.breadcrumb-navigation--bottom {
  border-top: 0;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 1em;
}

.breadcrumb-navigation--center {
  margin-bottom: 0;
  padding: 1em 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.breadcrumb-paypalexpress--paring-line {
  font-size: 90%;
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

.breadcrumb-paypalexpress--paring-line::before, .breadcrumb-paypalexpress--paring-line::after {
  display: inline-block;
  content: "";
  border-top: 1px solid #dddddd;
  width: 3rem;
  margin: -11px 1rem;
  transform: translateY(-1rem);
}

.breadcrumb-paypalexpress-checkout--button {
  width: 100%;
  float: left;
  margin-top: 20px;
  margin-bottom: 0;
}

#paypal-express--button {
  text-align: center;
}

.breadcrumb-navigation--product-added {
  margin-bottom: 24px;
}

.breadcrumb-navigation--alpha .alpha {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.breadcrumb-navigation--alpha-beta .alpha,
.breadcrumb-navigation--alpha-beta .beta {
  padding-left: 0;
  padding-right: 0;
}

.breadcrumb-navigation--alpha-beta .beta {
  text-align: left;
}

.breadcrumb-navigation.breadcrumb-navigation--single {
  text-align: right;
}

.breadcrumb-navigation.breadcrumb-navigation--single .alpha {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  padding-left: 0;
  padding-right: 0;
}

.breadcrumb-navigation--width {
  max-width: 400px;
}

@media (min-width: 21em) {
  .breadcrumb-navigation .beta {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .breadcrumb-navigation .gamma {
    width: 66.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .breadcrumb-navigation--cart .alpha {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .breadcrumb-navigation--cart .beta {
    float: right !important;
  }
  .breadcrumb-navigation--cart .beta,
  .breadcrumb-navigation--cart .gamma {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .breadcrumb-navigation--product-added .alpha,
  .breadcrumb-navigation--product-added .beta {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .breadcrumb-navigation--product-added .alpha {
    float: right;
  }
  .breadcrumb-navigation--product-added .gamma {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .breadcrumb-navigation--alpha-beta .alpha,
  .breadcrumb-navigation--alpha-beta .beta {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 30em) {
  .breadcrumb-navigation--alpha .alpha {
    width: 50%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
  }
  .breadcrumb-navigation--alpha-beta .alpha {
    width: 50%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
    padding-right: 0;
  }
  .breadcrumb-navigation--alpha-beta .beta {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
  }
}

@media (min-width: 40em) {
  .breadcrumb-navigation .alpha {
    width: 50%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
  }
  .breadcrumb-navigation .beta {
    min-width: 25%;
    float: left !important;
  }
  .breadcrumb-navigation .gamma {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .breadcrumb-navigation--cart .alpha {
    width: 50%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
  }
  .breadcrumb-navigation--cart .beta,
  .breadcrumb-navigation--cart .gamma {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .breadcrumb-navigation--product-added .beta {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .breadcrumb-navigation--product-added .gamma {
    width: 16.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .breadcrumb-navigation--alpha-beta .alpha {
    width: 50%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
    padding-right: 0;
  }
  .breadcrumb-navigation--alpha-beta .beta {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
  }
  .breadcrumb-paypalexpress--paring-line {
    text-align: right;
  }
  .breadcrumb-paypalexpress-checkout--button {
    padding-right: 1em;
  }
  #paypal-express--button {
    float: right;
  }
}

@media (min-width: 50em) {
  .breadcrumb-navigation--product-added .beta {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .breadcrumb-navigation--product-added .gamma {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .breadcrumb-navigation--top {
    display: block;
  }
}

@media (min-width: 70em) {
  .breadcrumb-navigation li {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .breadcrumb-navigation.breadcrumb-navigation--cart, .breadcrumb-navigation.breadcrumb-navigation--product-added {
    width: calc(100% - 2em);
    margin-right: 1em;
    margin-left: 1em;
  }
  .breadcrumb-navigation.breadcrumb-navigation--cart .alpha, .breadcrumb-navigation.breadcrumb-navigation--product-added .alpha {
    padding-right: 0;
  }
  .breadcrumb-navigation.breadcrumb-navigation--cart .beta, .breadcrumb-navigation.breadcrumb-navigation--product-added .beta {
    padding-left: 0;
  }
}

.shopping-cart__header,
.shopping-cart__ts-protection,
.checkout-confirmation__cart-wrapper,
.order-details__heading,
.product-item__info,
.product-item__image,
.product-item__info-extra,
.cart-product__tax,
.product-item__quantity,
.product-item__price,
.product-item__single-price,
.product-item__wishlist-link,
.calculation-list dt,
.calculation-list dd,
.cart-confirmation {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.checkout-confirmation__cart,
.order-details__content,
.products-lists__wrapper,
.products-list,
.products-list__item,
.product-item__info,
.calculation-list {
  width: 100%;
  float: left;
}

/* checkout confirmation cart */
.checkout-confirmation__cart {
  margin-top: 24px;
  border: 2px solid #009640;
  text-align: left;
}

.order-details__heading {
  margin: 0;
  padding: 1em;
  background-color: #009640;
  color: #fff;
}

.order-details__heading span {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
  display: block;
  font-weight: normal;
}

.order-details__heading span a {
  color: #fff;
}

.cart-product__extras,
.product-item__attributes,
.product-item__label strong,
.product-item__value,
.calculation-list__label,
.calculation-list__value,
.cart-confirmation p,
.product-item__wishlist-link {
  font-size: 0.9em;
  line-height: 1.2em;
}

.products-list__item {
  border-top: 1px solid #009640;
  padding: 1em 0;
  position: relative;
}

.products-list__item + .products-list__item {
  border-top: 1px solid #dddddd;
}

.cart-product--delete {
  position: relative;
}

.cart-product--delete #question {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: right;
  opacity: 1;
  padding: 0 1em;
  background-color: rgba(255, 255, 255, 0.9);
  height: 100%;
}

.cart-product--delete #question span {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 50%;
  margin-top: -2em;
  font-size: 1.0125em;
  line-height: 1.0666666667em;
  padding: 0 1em;
}

.cart-product--delete #question a {
  margin: 0 1em;
}

.cart-product--delete #question .button, .cart-product--delete #question .button--add-to-cart, .cart-product--delete #question .page-content .btn, .page-content .cart-product--delete #question .btn {
  padding: 0.5em 1em;
}

.product-item__name {
  margin: 0;
}

.product-item__name span {
  /* überflüssig !!!!!!!!!!!!! */
  font-size: 0.7875em;
  line-height: 1.3714285714em;
  display: block;
  font-weight: normal;
}

.product-item__name a {
  color: #333333;
  text-decoration: none;
}

.product-item__info-extra,
.product-item__attributes {
  margin-bottom: 1em;
}

.product-item__stock-note {
  margin-bottom: 1em;
}

.product-item__stock-note .markProductReorderCommission {
  color: #003871;
}

.product-item__stock-note .markProductOutOfStock {
  color: #880000;
}

.product-item__image {
  text-align: center;
  margin: 0.5em 0;
}

.product-item__image img {
  max-width: 100%;
  max-height: 100px;
  width: auto;
  height: auto;
}

.cart-product__extras li {
  position: relative;
  padding-left: 2em;
}

.cart-product__extras li:before {
  display: inline-block;
  position: absolute;
  margin-left: -2em;
  width: 2em;
  content: "\27A5";
}

.product-item__label:after {
  content: ':';
}

.product-item__quantity input {
  width: 3em;
  text-align: center;
}

.cart-product__shipping-time {
  margin-top: 1em;
}

.product-item__guarantee {
  font-size: 0.9em;
  line-height: 1.2em;
}

.product-item__wishlist-link {
  position: absolute;
  bottom: 1em;
  text-align: right;
}

.calculation-list {
  border-top: 1px solid #009640;
}

.calculation-list dt,
.calculation-list dd {
  width: 50%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  border-top: 1px solid #dddddd;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.calculation-list dt {
  clear: both;
}

.calculation-list dd {
  text-align: right;
}

.cart-confirmation {
  margin-top: 24px;
}

.cart-confirmation p {
  margin: 0;
}

/* shopping-cart additional contents */
.shopping-cart__gift,
.shopping-cart__info,
.shopping-cart__payment-modules {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.shopping-cart__gift input[name=gv_redeem_code] {
  padding: 5px 1em;
  display: inline-block;
  margin: 0 1em 1em 0;
  height: 32px;
}

.shopping-cart__gift input {
  height: 50px;
  margin-top: 12px;
}

.shopping-cart__gift .button--inline {
  padding: 5px 1em;
  margin: 0 1em 1em 0;
}

.shopping-cart__gift .compact-form__fieldset {
  max-width: 100%;
}

.shopping-cart__gift .compact-form__label {
  margin-top: -12px;
  padding-bottom: 24px;
}

.shopping-cart__gift .input-note {
  text-align: center;
}

.shopping-cart-section__link {
  position: relative;
  margin-bottom: 24px;
  padding: 0.5em 2em 0.5em 0;
  border: 1px solid;
  border-color: transparent transparent #dddddd transparent;
}

.shopping-cart-section__link--open {
  cursor: pointer;
}

.shopping-cart-section__link--open:after {
  content: '>';
  position: absolute;
  right: 1em;
  transform: scale(2, 1) rotate(90deg);
}

.shopping-cart-section__link--close {
  cursor: pointer;
}

.shopping-cart-section__link--close:after {
  content: '>';
  position: absolute;
  right: 1em;
  transform: scale(2, 1) rotate(270deg);
}

.shopping-cart__col--gift_cart {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 40em) {
  .shopping-cart__col--gift_cart {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
    padding-right: 2em;
  }
}

@media (min-width: 60em) {
  .shopping-cart__col--gift_cart {
    width: 41.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
    padding-right: 2em;
  }
}

@media (min-width: 80em) {
  .shopping-cart__col--gift_cart {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
    padding-right: 2em;
  }
}

.payment-modules__list {
  font-size: 0.9em;
  line-height: 1.2em;
  list-style-type: disc;
}

.payment-modules__list::after {
  clear: both;
  content: "";
  display: table;
}

.payment-modules__list li {
  display: inline-block;
  font-weight: bold;
  margin-right: 1em;
  min-height: 60px;
  text-align: center;
  vertical-align: top;
}

.payment-modules__list img {
  max-width: 100px;
  max-height: 50px;
  width: auto;
  height: auto;
}

/* shopping cart */
.shopping-cart__heading--product-added {
  color: #008800;
}

.shopping-cart__heading--product-added:before {
  content: '\2713';
  padding-right: 0.5em;
}

.order-details__content {
  text-align: left;
}

.order-details__content .order-details__heading {
  background-color: #fff;
  color: #333333;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-top: 0;
  padding-bottom: 0;
}

.order-details__content .calculation-list {
  border-top: 1px solid #000000;
}

.order-details__content .products-list__item {
  border-top: 1px solid #000000;
}

.order-details__content .products-list__item + .products-list__item {
  border-color: #dddddd;
}

.order-details__content .shopping-cart--empty .products-list__item {
  border-bottom: 1px solid #000000;
}

.order-details__content .shopping-cart--empty .product-item {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.order-details__content .product-item__name {
  margin-bottom: 1em;
}

.added-cart-product {
  width: 100%;
  float: left;
  margin-top: 24px;
}

.added-cart-product .product-item__name {
  margin-bottom: 1em;
}

.history-info .order-details__heading {
  padding: 0;
}

.history-info .product-item__info,
.history-info .cart-product__qty,
.history-info .cart-product__products-id,
.history-info .product-item__single-price,
.history-info .product-item__price {
  width: 100%;
  float: left;
  padding: 0;
}

.shopping-cart__cross-selling,
.shopping-cart__also-purchased {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 24px;
}

.shopping-cart__cross-selling .cross-selling__add-to-cart-qty-column {
  height: auto;
  width: auto;
  display: inline-block;
  vertical-align: top;
}

.shopping-cart__cross-selling .cross-selling__add-to-cart-qty-column .qty--add-to-cart {
  height: 30px;
  width: 50px;
  vertical-align: top;
}

.breadcrumb-navigation .alpha, .breadcrumb-navigation .beta, .breadcrumb-navigation .gamma {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

@media (min-width: 40em) {
  .breadcrumb-navigation .alpha {
    width: 41.6666666667%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media (min-width: 50em) {
  .breadcrumb-navigation .alpha {
    width: 41.6666666667%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media (min-width: 60em) {
  .breadcrumb-navigation .alpha {
    width: 41.6666666667%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media (min-width: 40em) {
  .breadcrumb-navigation .beta {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media (min-width: 50em) {
  .breadcrumb-navigation .beta {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media (min-width: 60em) {
  .breadcrumb-navigation .beta {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media (min-width: 40em) {
  .breadcrumb-navigation .gamma {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media (min-width: 50em) {
  .breadcrumb-navigation .gamma {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media (min-width: 60em) {
  .breadcrumb-navigation .gamma {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media (max-width: 34em) {
  .button--add-to-wishlist-long {
    display: none;
  }
  .button--add-to-wishlist-short {
    display: block;
  }
}

@media (min-width: 21em) {
  .product-item__image {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    margin: 0;
  }
  .product-item__info-extra {
    width: 75%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .products-lists__wrapper .product-item__info {
    margin-bottom: 1em;
  }
  .cart-product__tax,
  .product-item__quantity,
  .product-item__single-price,
  .product-item__price {
    width: 75%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
  }
  .added-cart-product .product-item {
    width: 100%;
    float: left;
  }
  .added-cart-product .product-item__info,
  .added-cart-product .product-item__info-extra {
    width: 75%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
    margin-bottom: 1em;
  }
  .added-cart-product .product-item__image {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    margin: 0;
  }
  .shopping-cart__cross-selling .cross-selling__add-to-cart-qty-column {
    float: left;
  }
}

@media (min-width: 30em) {
  .product-item {
    width: 100%;
    float: left;
  }
  .product-item__info {
    width: 83.3333333333%;
    float: right;
    margin-bottom: 1em;
  }
  .product-item__image {
    width: 16.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    margin: 0;
  }
  .product-item__info-extra,
  .cart-product__tax,
  .product-item__quantity,
  .product-item__single-price,
  .product-item__price {
    width: 83.3333333333%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
    margin-top: 0;
  }
  .added-cart-product .product-item__info,
  .added-cart-product .product-item__info-extra {
    width: 83.3333333333%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
  }
  .added-cart-product .product-item__image {
    width: 16.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media (min-width: 40em) {
  .order-details__heading {
    margin-bottom: 1em;
  }
}

@media (min-width: 50em) {
  /* checkout confirmation cart */
  .product-item {
    width: 75%;
    float: left;
  }
  .product-item__info {
    width: 77.7777777778%;
    float: right;
  }
  .product-item__image {
    width: 22.2222222222%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .product-item__info-extra {
    width: 77.7777777778%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
  }
  .product-item__quantity {
    width: 8.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    position: relative;
  }
  .product-item__price {
    width: 16.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    position: relative;
    text-align: right;
  }
  .product-item__label {
    position: absolute;
    top: -4.75em;
    color: #fff;
  }
  .product-item__label:after {
    content: '';
  }
  .product-item__price .product-item__label {
    display: block;
    width: calc(100% - 2em);
    text-align: right;
  }
  .products-list__item + .products-list__item .product-item__label {
    display: none;
  }
  .shopping-cart--tax .product-item {
    width: 66.6666666667%;
    float: left;
  }
  .shopping-cart--tax .product-item__info {
    width: 75%;
    float: right;
  }
  .shopping-cart--tax .product-item__image {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .shopping-cart--tax .product-item__info-extra {
    width: 75%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
    margin: 0;
  }
  .shopping-cart--tax .cart-product__tax {
    width: 12.5%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    position: relative;
  }
  .shopping-cart--tax .product-item__quantity {
    width: 8.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .shopping-cart--tax .product-item__price {
    width: 12.5%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .history-info .order-details__heading {
    margin-bottom: 1em;
  }
  .history-info .products-lists__wrapper {
    padding: 0 !important;
  }
  .history-info .order-details__content .product-item {
    width: 50%;
    float: left;
  }
  .history-info .order-details__content .product-item__info {
    width: 83.3333333333%;
    float: right;
  }
  .history-info .order-details__content .cart-product__qty {
    width: 16.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .history-info .order-details__content .cart-product__qty .product-item__label {
    display: none;
  }
  .history-info .order-details__content .product-item__info-extra {
    width: 83.3333333333%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
    margin: 0;
  }
  .history-info .order-details__content .cart-product__products-id {
    width: 83.3333333333%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
  }
  .history-info .order-details__content .cart-product__products-id .product-item__label {
    position: static;
    display: inline !important;
  }
  .history-info .order-details__content .cart-product__products-id .product-item__label:after {
    content: ': ';
  }
  .history-info .order-details__content .product-item__single-price {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    position: relative;
  }
  .history-info .order-details__content .product-item__single-price .product-item__label {
    position: absolute !important;
  }
  .history-info .order-details__content .product-item__single-price .product-item__label:after {
    content: '' !important;
  }
  .history-info .order-details__content .products-list__item + .products-list__item .product-item__single-price .product-item__label {
    display: none;
  }
  .history-info .order-details__content .product-item__price {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    position: relative;
  }
  .calculation-list dt {
    width: 75%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: calc(50% + 1em);
    white-space: nowrap;
  }
  .calculation-list dd {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
  }
  /* shopping cart */
  .order-details__content .product-item__label {
    color: #333333;
  }
  .order-details__content .products-lists__wrapper,
  .order-details__content .calculation-list {
    width: 100%;
    float: left;
  }
  .order-details__content .product-item {
    width: 66.6666666667%;
    float: left;
  }
  .order-details__content .product-item__info,
  .order-details__content .product-item__info-extra,
  .order-details__content .product-item__single-price {
    width: 75%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
  }
  .order-details__content .product-item__image {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .order-details__content .product-item__quantity {
    width: 16.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .order-details__content .product-item__price {
    width: 16.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .order-details__content .products-list__item .product-item__single-price .product-item__label {
    position: static;
    display: inline;
  }
  .order-details__content .products-list__item .product-item__single-price .product-item__label:after {
    content: ':';
  }
  .order-details__content .calculation-list dt {
    padding-left: calc(50% + 1em);
  }
}

@media (min-width: 70em) {
  .breadcrumb-navigation .alpha a img {
    width: 50%;
  }
  /* shopping cart */
  .order-details__content .products-lists__wrapper {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .order-details__content .calculation-list {
    width: 100%;
    float: left;
  }
  .order-details__content .product-item {
    width: 70%;
    float: left;
  }
  .order-details__content .product-item__info,
  .order-details__content .product-item__info-extra,
  .order-details__content .product-item__single-price {
    width: 71.4285714286%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
  }
  .order-details__content .product-item__image {
    width: 28.5714285714%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .order-details__content .product-item__quantity {
    width: 15%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .order-details__content .product-item__price {
    width: 15%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .order-details__content .calculation-list dt {
    width: 75%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: calc(50% + 1em);
    white-space: nowrap;
  }
  .order-details__content .calculation-list dd {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
  }
}

#cart-product__heading {
  display: none;
}

.checkout-shipping__protection {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

#tsbadge_db8d3657bdbe440c985ae127463eaad4.standard {
  z-index: 200000 !important;
}

.trusted-shops__image-link {
  float: left;
  padding: 0 1em 1em 0;
}

.trusted-shops__content {
  font-size: 0.9em;
  line-height: 1.2em;
}

.trusted-shops__options {
  margin-left: 1em;
}

.trusted-shops__options li {
  list-style-type: disc;
  line-height: 24px;
  margin-bottom: 0.5em;
}

@media (min-width: 30em) {
  .trusted-shops__content div {
    overflow: hidden;
  }
}

@media (min-width: 50em) {
  .checkout-shipping__protection {
    width: 75%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
  }
  .panel-alpha .box--trusted {
    display: block;
  }
}

@media (min-width: 70em) {
  .panel-beta .box--trusted {
    display: block;
  }
}

.message-box, .message-box--error, .message-box--info, .message-box--success, .message-box--warning, .message-box--mixed, .message-inline-box--info, .message-inline-box--error, .message-inline-box--success, .message-inline-box--warning, .message-inline-box--mixed {
  margin-bottom: 1em;
  padding: 1em;
  clear: both;
}

.message-box li, .message-box--error li, .message-box--info li, .message-box--success li, .message-box--warning li, .message-box--mixed li, .message-inline-box--info li, .message-inline-box--error li, .message-inline-box--success li, .message-inline-box--warning li, .message-inline-box--mixed li {
  margin: 0.5em 0;
}

.message-box > *:first-child, .message-box--error > *:first-child, .message-box--info > *:first-child, .message-box--success > *:first-child, .message-box--warning > *:first-child, .message-box--mixed > *:first-child, .message-inline-box--info > *:first-child, .message-inline-box--error > *:first-child, .message-inline-box--success > *:first-child, .message-inline-box--warning > *:first-child, .message-inline-box--mixed > *:first-child {
  margin-top: 0;
}

.message-box > *:last-child, .message-box--error > *:last-child, .message-box--info > *:last-child, .message-box--success > *:last-child, .message-box--warning > *:last-child, .message-box--mixed > *:last-child, .message-inline-box--info > *:last-child, .message-inline-box--error > *:last-child, .message-inline-box--success > *:last-child, .message-inline-box--warning > *:last-child, .message-inline-box--mixed > *:last-child {
  margin-bottom: 0;
}

.message-box, .message-box--error, .message-box--info, .message-box--success, .message-box--warning, .message-box--mixed {
  margin-left: 1em;
  margin-right: 1em;
  clear: both;
  overflow: auto;
}

.message-box--info, .message-inline-box--info {
  background-color: #f2f5f8;
  border: 1px solid #b3c3d4;
  color: #003871;
}

.message-box--error, .message-inline-box--error {
  background-color: #f9f2f2;
  border: 1px solid #dbb3b3;
  color: #880000;
}

.message-box--success, .message-inline-box--success {
  background-color: #f2f9f2;
  border: 1px solid #b3dbb3;
  color: #008800;
}

.message-box--warning, .message-inline-box--warning {
  background-color: #fffcf2;
  border: 1px solid #fff0b3;
  color: #665200;
}

.message-box--mixed, .message-inline-box--mixed {
  background-color: #fffcf2;
  border: 1px solid #dbb3b3;
  color: #880000;
}

.message-box {
  padding: 0;
}

.label--warning {
  color: #880000;
  font-weight: bold;
}

.message--error {
  font-size: 0.9em;
  line-height: 1.2em;
  color: #880000;
}

.message--warning {
  font-size: 0.9em;
  line-height: 1.2em;
  color: #665200;
}

.message--info {
  font-size: 0.9em;
  line-height: 1.2em;
  color: #001f3e;
}

.message--success {
  font-size: 0.9em;
  line-height: 1.2em;
  color: #008800;
}

li.message--warning,
li.message--success,
li.message--error,
li.message--info {
  padding-left: 2em;
  position: relative;
}

li.message--warning:before,
li.message--success:before,
li.message--error:before,
li.message--info:before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 1em;
  text-align: right;
  content: '\2713';
  color: #008800;
  font-weight: bold;
  font-family: arial, sans-serif;
}

li.message--warning:before {
  content: '!';
  color: #ffcc00;
}

li.message--error:before {
  content: '!';
  color: #880000;
}

li.message--info:before {
  content: 'i';
  color: #003871;
}

@media (min-width: 21em) {
  #checkout_confirmation .message-box--info a {
    white-space: nowrap;
  }
}

.headline {
  margin-bottom: 100px;
}

.theme-promotion__image,
.promotion__image {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.page__header .promotion-image-link,
.page__header .theme-promotion__image-link {
  display: inline-block;
  margin-bottom: 1em;
}

.page__header .promotion-image-link img,
.page__header .theme-promotion__image-link img {
  margin: 0;
}

.home-banners-wrapper {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.home-banners {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-bottom: 1em;
}

.home-banners .promotion-image {
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  display: block;
}

.home-banners .promotion-image-link {
  display: block;
}

.home-banners .home-banners--flat {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 1em;
}

.home-banners--1-3-flat {
  margin-bottom: 0;
}

@media (min-width: 600px) {
  .home-banners,
  .home-banners--1-3-flat {
    margin-bottom: 1em;
  }
  .home-banners--1-3 {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .home-banners--1-3 .home-banners--flat {
    margin-bottom: 0;
  }
}

@media not all and (min-width: 600px) and (min-resolution: 0.001dpcm) {
  .home-banners--1-3 .home-banners--flat {
    margin-bottom: .5px;
  }
}

@media (min-width: 900px) {
  .home-banners--1-3 {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .home-banners--2-3 {
    width: 66.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .home-banners--2-3-placeholder {
    width: 50%;
    padding-right: 0.5em;
    visibility: hidden;
  }
  .home-banners--1-3-flat {
    width: 33.3333333333%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}

@media (min-width: 80em) {
  body.index {
    overflow-x: hidden;
  }
  .home-banners--3-3:first-child {
    position: relative;
    z-index: 0;
  }
  .home-banners--3-3:first-child:before {
    content: '';
    position: absolute;
    display: block;
    width: 300%;
    height: 100%;
    top: 0;
    left: -100%;
    background-color: #e6e6e6;
    z-index: -1;
  }
  .xtc3 .home-banners--3-3:first-child:before,
  .xtc4 .home-banners--3-3:first-child:before,
  .xtc5 .home-banners--3-3:first-child:before {
    display: none;
  }
}

.outer-promotion {
  display: none;
}

@media (min-width: 105em) {
  .outer-promotion--active .container--max-width {
    padding-right: 226px;
    padding-right: calc(210px + 1em);
  }
  .outer-promotion--active .page,
  .outer-promotion--active .page-footer__container {
    margin-right: 226px;
    margin-right: calc(210px + 1em);
  }
  .outer-promotion--active .page {
    position: relative;
  }
  .outer-promotion--active .outer-promotion {
    display: block;
    position: absolute;
    right: -226px;
    right: calc((210px + 1em) * -1);
    width: 210px;
  }
  .outer-promotion--active .outer-promotion .promotion-image {
    display: block;
    margin-bottom: 1em;
  }
}

.in-comparison,
.in-cart {
  white-space: nowrap;
}

.in-comparison:before,
.in-cart:before {
  content: '\2713\00a0';
  color: #008800;
  font-weight: bold;
}

.result-listing__links .in-comparison,
.gallery-listing__links .in-comparison {
  padding: 0;
  display: block;
  margin-top: 1em;
  text-align: left;
}

@media (min-width: 21em) {
  .result-listing__links .in-comparison:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 40em) {
  .result-listing__links .in-comparison {
    display: inline;
    margin-right: 1em;
  }
}

.jquery--hide.in-comparison {
  display: none;
}

.in-cart {
  display: none;
}

.gallery-listing-v2 {
  width: 100%;
  float: left;
}

.gallery-listing-v2__item {
  width: 100%;
  float: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  position: relative;
  cursor: initial;
}

.gallery-listing-v2__overlay-wrapper {
  width: 100%;
  float: left;
  position: relative;
  padding: 1em 0;
}

.gallery-listing-v2__image-wrapper {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  text-align: center;
}

.gallery-listing-v2__image-link {
  display: block;
}

.gallery-listing-v2__image {
  max-width: 100%;
  max-height: 150px;
  width: auto;
  height: auto;
  vertical-align: middle;
}

.gallery-listing-v2__manufacturer-wrapper {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
  padding: 0.5em 0;
  overflow: hidden;
}

.gallery-listing-v2__manufacturer {
  font-size: inherit;
  white-space: nowrap;
}

.gallery-listing-v2__title-wrapper {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  position: relative;
  text-align: center;
  z-index: 1;
  background-color: #fff;
}

.gallery-listing-v2__title {
  font-size: 0.9em;
  font-weight: normal;
  overflow: hidden;
  line-height: 1.13em;
  margin: 0;
  overflow-wrap: break-word;
}

.gallery-listing-v2__title a {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
  display: block;
}

.gallery-listing-v2__title a:link, .gallery-listing-v2__title a:visited {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.gallery-listing-v2__title a:hover {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.gallery-listing-v2__bazaarvoice {
  margin: 0 auto;
  position: static;
  display: inline-block;
  height: 1em;
  margin-top: 0.5em;
}

.gallery-listing-v2__price-wrapper {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  position: relative;
  text-align: center;
  bottom: 0;
  z-index: 2;
}

.gallery-listing-v2__uvp {
  font-size: 0.675em;
  line-height: 1.6em;
  line-height: 1em;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
}

.gallery-listing-v2__uvp del {
  text-decoration: none;
  position: relative;
}

.gallery-listing-v2__uvp del:after {
  content: '';
  height: 1.5px;
  width: 100%;
  background-color: #f94e3f;
  left: 0;
  bottom: 50%;
  right: 0;
  top: 50%;
  position: absolute;
  transform: rotate(-9deg);
}

.gallery-listing-v2__price {
  font-size: 1.0125em;
  line-height: 1.0666666667em;
  line-height: 1em;
  margin: 0;
  display: inline-block;
  color: #ffb600;
  font-weight: bold;
  white-space: nowrap;
  padding-bottom: 0.5em;
}

.gallery-listing-v2__vpe {
  font-size: 0.675em;
  line-height: 1.6em;
  line-height: 1em;
  position: absolute;
  bottom: 0.25em;
  left: 0;
  margin: 0;
  width: 100%;
  padding: 0 .5em;
  letter-spacing: -.15px;
}

.gallery-listing-v2__vpe .gallery-listing-v2__vpe_amount {
  white-space: nowrap;
}

.gallery-listing-v2__overlay {
  width: 100%;
  float: left;
  background-color: #fff;
}

.gallery-listing-v2__add-to-cart {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  position: static;
  display: none;
}

.gallery-listing-v2__add-to-cart .add-to-cart__qty {
  width: 25%;
  width: calc(50px + 0px);
  float: left;
}

.gallery-listing-v2__add-to-cart .add-to-cart__qty input {
  height: 50px;
  width: 50px;
  display: inline-block;
}

.gallery-listing-v2__add-to-cart .add-to-cart__button {
  float: right;
  width: 75%;
  width: calc(100% - 50px);
}

.gallery-listing-v2__infos {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.gallery-listing-v2__infos > div {
  font-size: 0.675em;
  line-height: 1.6em;
  line-height: 1em;
  width: 100%;
  float: left;
  padding: 2px 2px 2px 38px;
  margin-bottom: 0.5em;
  border: 1px solid transparent;
  height: 3.5em;
  position: relative;
  white-space: nowrap;
}

.gallery-listing-v2__infos > div:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.gallery-listing-v2__infos > div:after {
  content: '';
  height: 3.5em;
  width: 40%;
  float: left;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  background-origin: content-box;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding: 0;
  max-width: 30px;
}

.gallery-listing-v2__infos > div > span {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
}

.gallery-listing-v2__infos .vergleich {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding-left: 0 !important;
}

.gallery-listing-v2__infos .vergleich a {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.gallery-listing-v2__infos .vergleich a:link, .gallery-listing-v2__infos .vergleich a:visited {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.gallery-listing-v2__infos .vergleich a:hover {
  color: #4d4d4d !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.gallery-listing-v2__infos .vergleich:before, .gallery-listing-v2__infos .vergleich:after,
.gallery-listing-v2__infos .vergleich .in-comparison:before,
.gallery-listing-v2__infos .vergleich .jquery--hide {
  display: none !important;
}

.gallery-listing-v2__infos .vergleich .in-comparison > a:before {
  content: '\2713\00a0';
  color: #008800;
  font-weight: bold;
}

.gallery-listing-v2__infos .vergleich .add-to-comparison,
.gallery-listing-v2__infos .vergleich .in-comparison {
  display: block;
  width: 100%;
  height: 100%;
}

.gallery-listing-v2__infos .vergleich .button--add-to-comparison,
.gallery-listing-v2__infos .vergleich .in-comparison > a {
  width: 100%;
  height: 100%;
  display: inline-block;
  padding: 1em 0 1em 38px;
}

.gallery-listing-v2__infos .vergleich .add-to-comparison > svg {
  pointer-events: none;
}

.gallery-listing-v2__infos .gallery-listing-v2__infos_action svg {
  vertical-align: middle;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 2px;
  margin: auto 1em auto 0.25em;
  pointer-events: none;
}

.gallery-listing-v2__infos .gallery-listing-v2__infos_action .hhw-icon-2018-arrows {
  max-width: 30px;
  max-height: 30px;
  width: auto;
  height: auto;
}

.gallery-listing-v2__infos .gallery-listing-v2__infos_action .hhw-icon-2018-heart {
  max-width: 25px;
  max-height: 25px;
  width: auto;
  height: auto;
}

.gallery-listing-v2__infos .wishlist {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding-left: 0 !important;
}

.gallery-listing-v2__infos .wishlist a {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.gallery-listing-v2__infos .wishlist a:link, .gallery-listing-v2__infos .wishlist a:visited {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.gallery-listing-v2__infos .wishlist a:hover {
  color: #4d4d4d !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.gallery-listing-v2__infos .wishlist .wishlist--in.jquery--hide,
.gallery-listing-v2__infos .wishlist .wishlist--out.jquery--hide {
  display: none;
}

.gallery-listing-v2__infos .wishlist .wishlist--in,
.gallery-listing-v2__infos .wishlist .wishlist--out {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.gallery-listing-v2__infos .wishlist .wishlist--in a,
.gallery-listing-v2__infos .wishlist .wishlist--out a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 1em 0 1em 38px;
}

.gallery-listing-v2__infos .wishlist .wishlist--in svg .hhw-icon-stroke,
.gallery-listing-v2__infos .wishlist .wishlist--in svg .hhw-icon-stroke--highlight,
.gallery-listing-v2__infos .wishlist .wishlist--in svg .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  stroke: #009640;
}

.gallery-listing-v2__infos .wishlist .wishlist--in svg .hhw-icon-stroke--highlight {
  stroke: #009640;
}

.gallery-listing-v2__infos .wishlist .wishlist--in svg .hhw-icon-stroke--inverted {
  stroke: transparent;
}

.gallery-listing-v2__infos .wishlist .wishlist--in svg .hhw-icon-fill,
.gallery-listing-v2__infos .wishlist .wishlist--in svg .hhw-icon-fill--highlight,
.gallery-listing-v2__infos .wishlist .wishlist--in svg .hhw-icon-fill--inverted {
  fill: #009640;
}

.gallery-listing-v2__infos .wishlist .wishlist--in svg .hhw-icon-fill--highlight {
  fill: #009640;
}

.gallery-listing-v2__infos .wishlist .wishlist--in svg .hhw-icon-stroke--inverted {
  fill: transparent;
}

.gallery-listing-v2__infos .wishlist .wishlist--out svg .hhw-icon-stroke,
.gallery-listing-v2__infos .wishlist .wishlist--out svg .hhw-icon-stroke--highlight,
.gallery-listing-v2__infos .wishlist .wishlist--out svg .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5px;
  stroke: #000;
}

.gallery-listing-v2__infos .wishlist .wishlist--out svg .hhw-icon-stroke--highlight {
  stroke: #009640;
}

.gallery-listing-v2__infos .wishlist .wishlist--out svg .hhw-icon-stroke--inverted {
  stroke: transparent;
}

.gallery-listing-v2__infos .wishlist .wishlist--out svg .hhw-icon-fill,
.gallery-listing-v2__infos .wishlist .wishlist--out svg .hhw-icon-fill--highlight,
.gallery-listing-v2__infos .wishlist .wishlist--out svg .hhw-icon-fill--inverted {
  fill: transparent;
}

.gallery-listing-v2__infos .wishlist .wishlist--out svg .hhw-icon-fill--highlight {
  fill: #009640;
}

.gallery-listing-v2__infos .wishlist .wishlist--out svg .hhw-icon-stroke--inverted {
  fill: transparent;
}

.gallery-listing-v2__infos .wishlist:after {
  width: 0;
}

.gallery-listing-v2__infos .versandkosten:after {
  background-image: url(img/icon-box.svg);
}

.gallery-listing-v2__infos .versandkosten a {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: "underline" !important;
}

.gallery-listing-v2__infos .versandkosten a:link, .gallery-listing-v2__infos .versandkosten a:visited {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: "underline" !important;
}

.gallery-listing-v2__infos .versandkosten a:hover {
  color: #4d4d4d !important;
  background-color: transparent !important;
  text-decoration: "underline" !important;
}

.gallery-listing-v2__infos .mwst {
  display: none;
}

.gallery-listing-v2__infos .mwst:after {
  background-image: url(img/icon-info.svg);
}

.gallery-listing-v2__infos .eek-link, .gallery-listing-v2__infos .also-purchased__products-eek-link {
  margin: 0 0 -1em 0;
}

.gallery-listing-v2__infos .eek-link--placeholder {
  display: none;
  height: 3.5em;
  margin-bottom: -1em;
}

.gallery-listing-v2__infos .lieferzeit:after {
  background-image: url(img/icon-delivery-delivering.svg);
}

.gallery-listing-v2__infos .mindestbestellmenge {
  display: none;
  color: #880000;
}

.gallery-listing-v2__infos .mindestbestellmenge:after {
  background-image: url(img/icon-minimum-order-quantity.svg);
}

.gallery-listing-v2__discount {
  position: absolute;
  right: 1em;
  top: 1em;
}

.gallery-listing-v2__discount span {
  font-size: 1.125em;
  line-height: 0.96em;
  display: block;
  line-height: 1em;
  color: #fff;
  background-color: #f94e3f;
  font-weight: 100;
  padding: 2px 4px;
}

.gallery-listing-v2__item .in-comparison {
  white-space: initial;
}

@media (min-width: 18em) {
  .gallery-listing-v2__infos > div {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding: 2px 2px 2px 38px;
  }
  .gallery-listing-v2__infos > div.eek-link, .gallery-listing-v2__infos > div.also-purchased__products-eek-link {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding: 2px;
    text-align: center;
  }
}

@media (min-width: 22em) {
  .gallery-listing-v2__item {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
    padding-right: 0;
  }
  .gallery-listing-v2__item:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
  }
  .gallery-listing-v2__item:nth-child(2n + 2) {
    margin-left: 50%;
    margin-right: -100%;
    clear: none;
  }
  .gallery-listing-v2__image-wrapper {
    height: 150px;
    line-height: 150px;
  }
  .gallery-listing-v2__image-link {
    height: 100%;
    overflow: hidden;
  }
  .gallery-listing-v2__image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .gallery-listing-v2__infos > div {
    margin: 0;
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding: 2px 2px 2px 38px;
  }
  .gallery-listing-v2__infos > div.eek-link, .gallery-listing-v2__infos > div.also-purchased__products-eek-link {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding: 2px 2px 2px 38px;
    text-align: left;
  }
  .gallery-listing-v2__infos > div.eek-link--placeholder {
    display: block;
  }
  .gallery-listing-v2__title {
    height: calc(1.13em * 5 + 0.05em);
  }
  .gallery-listing-v2__infos .versandkosten {
    display: block;
  }
}

@media (min-width: 33em) {
  .gallery-listing-v2__item {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
    padding-right: 0;
  }
  .gallery-listing-v2__item:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
  }
  .gallery-listing-v2__item:nth-child(3n + 2) {
    margin-left: 33.3333333333%;
    margin-right: -100%;
    clear: none;
  }
  .gallery-listing-v2__item:nth-child(3n + 3) {
    margin-left: 66.6666666667%;
    margin-right: -100%;
    clear: none;
  }
}

@media (min-width: 50em) {
  .gallery-listing-v2 {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media (min-width: 60em) {
  .gallery-listing-v2__item {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
    padding-right: 0;
  }
  .gallery-listing-v2__item:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
  }
  .gallery-listing-v2__item:nth-child(4n + 2) {
    margin-left: 25%;
    margin-right: -100%;
    clear: none;
  }
  .gallery-listing-v2__item:nth-child(4n + 3) {
    margin-left: 50%;
    margin-right: -100%;
    clear: none;
  }
  .gallery-listing-v2__item:nth-child(4n + 4) {
    margin-left: 75%;
    margin-right: -100%;
    clear: none;
  }
}

@media (min-width: 80em) {
  .gallery-listing-v2__item {
    width: 20%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
    padding-right: 0;
  }
  .gallery-listing-v2__item:nth-child(5n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
  }
  .gallery-listing-v2__item:nth-child(5n + 2) {
    margin-left: 20%;
    margin-right: -100%;
    clear: none;
  }
  .gallery-listing-v2__item:nth-child(5n + 3) {
    margin-left: 40%;
    margin-right: -100%;
    clear: none;
  }
  .gallery-listing-v2__item:nth-child(5n + 4) {
    margin-left: 60%;
    margin-right: -100%;
    clear: none;
  }
  .gallery-listing-v2__item:nth-child(5n + 5) {
    margin-left: 80%;
    margin-right: -100%;
    clear: none;
  }
}

@media (min-width: 70em) {
  .no-touch .gallery-listing-v2 {
    padding: 1em;
    padding-bottom: 0;
  }
  .no-touch .gallery-listing-v2__item {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
    padding-right: 0;
  }
  .no-touch .gallery-listing-v2__item:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
  }
  .no-touch .gallery-listing-v2__item:nth-child(3n + 2) {
    margin-left: 33.3333333333%;
    margin-right: -100%;
    clear: none;
  }
  .no-touch .gallery-listing-v2__item:nth-child(3n + 3) {
    margin-left: 66.6666666667%;
    margin-right: -100%;
    clear: none;
  }
  .no-touch .gallery-listing-v2__title {
    height: calc(1.13em * 4 + 0.05em);
  }
  .no-touch .gallery-listing-v2__overlay {
    display: none;
  }
  .no-touch .gallery-listing-v2__image-wrapper {
    height: 200px;
    line-height: 200px;
  }
  .no-touch .gallery-listing-v2__image {
    max-width: 96%;
    max-height: 186px;
    width: auto;
    height: auto;
  }
  .no-touch .gallery-listing-v2__add-to-cart,
  .no-touch .gallery-listing-v2__infos > div:not(.eek-link):not(.also-purchased__products-eek-link) {
    display: block;
  }
  .no-touch .gallery-listing-v2__infos {
    padding-bottom: 1em;
  }
  .no-touch .gallery-listing-v2__infos > .eek-link, .no-touch .gallery-listing-v2__infos > .also-purchased__products-eek-link {
    text-align: center;
    padding-left: 0;
  }
  .no-touch .gallery-listing-v2__infos > .eek-link--placeholder:not(.eek-link):not(.also-purchased__products-eek-link) {
    display: none;
  }
  .no-touch .gallery-listing-v2__price {
    padding-bottom: 0;
  }
  .no-touch .gallery-listing-v2__infos > div:not(.eek-link):not(.also-purchased__products-eek-link) {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding: 2px 2px 2px 38px;
  }
  .no-touch.no-js .gallery-listing-v2__item:hover > .gallery-listing-v2__overlay-wrapper,
  .no-touch .gallery-listing-v2__item--active > .gallery-listing-v2__overlay-wrapper {
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    position: absolute;
    outline: 4px solid #e1eef6;
    transform: none;
    z-index: 99;
    background: #fff;
    padding-bottom: 0;
  }
  .no-touch.no-js .gallery-listing-v2__item:hover .gallery-listing-v2__overlay,
  .no-touch .gallery-listing-v2__item--active .gallery-listing-v2__overlay {
    display: block;
  }
  .no-touch.no-js .gallery-listing-v2__item:hover .gallery-listing-v2__image,
  .no-touch .gallery-listing-v2__item--active .gallery-listing-v2__image {
    transition: .4s ease-in-out;
    transition-property: transform;
    transform: scale(1.02);
  }
  .no-touch.no-js .gallery-listing-v2__item:hover .gallery-listing-v2__image-wrapper,
  .no-touch.no-js .gallery-listing-v2__item:hover .gallery-listing-v2__manufacturer-wrapper,
  .no-touch.no-js .gallery-listing-v2__item:hover .gallery-listing-v2__title-wrapper,
  .no-touch.no-js .gallery-listing-v2__item:hover .gallery-listing-v2__price-wrapper,
  .no-touch .gallery-listing-v2__item--active .gallery-listing-v2__image-wrapper,
  .no-touch .gallery-listing-v2__item--active .gallery-listing-v2__manufacturer-wrapper,
  .no-touch .gallery-listing-v2__item--active .gallery-listing-v2__title-wrapper,
  .no-touch .gallery-listing-v2__item--active .gallery-listing-v2__price-wrapper {
    cursor: pointer;
  }
  .gallery-listing-v2__manufacturer {
    font-size: 1.125em;
    line-height: 0.96em;
  }
}

@media (min-width: 80em) {
  .no-touch .gallery-listing-v2__item {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
    padding-right: 0;
  }
  .no-touch .gallery-listing-v2__item:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
  }
  .no-touch .gallery-listing-v2__item:nth-child(4n + 2) {
    margin-left: 25%;
    margin-right: -100%;
    clear: none;
  }
  .no-touch .gallery-listing-v2__item:nth-child(4n + 3) {
    margin-left: 50%;
    margin-right: -100%;
    clear: none;
  }
  .no-touch .gallery-listing-v2__item:nth-child(4n + 4) {
    margin-left: 75%;
    margin-right: -100%;
    clear: none;
  }
  .no-touch .gallery-listing-v2__price {
    padding-bottom: 0.5em;
  }
}

@media (min-width: 105em) {
  .no-touch .gallery-listing-v2__title {
    height: calc(1.13em * 3 + 0.05em);
  }
  .no-touch .gallery-listing-v2__price {
    padding-bottom: 0;
  }
}

.gallery-listing-v2__image.noimage {
  max-width: 50%;
  max-height: 60px;
  width: auto;
  height: auto;
  vertical-align: middle;
}

.merchant .result-listing__uvp del,
.merchant .item-uvp del,
.merchant .cross-selling__uvp del {
  text-decoration: none;
}

.merchant .gallery-listing-v2__uvp del:after {
  display: none;
}

.merchant .gallery-listing-v2__discount,
.merchant .item-savings {
  display: none;
}

aside.admin {
  background-color: white;
  border-bottom: 0;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
  line-height: initial;
}

@media (min-width: 70em) {
  aside.admin {
    background-color: #eaeaea;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    line-height: 3em;
  }
}

aside.admin > *:not(.department) {
  padding: .5em 0;
}

@media (min-width: 70em) {
  aside.admin > *:not(.department) {
    padding: 0;
  }
}

aside.admin .admin-bar-button__short {
  position: relative;
  vertical-align: middle;
  display: inline-grid;
  width: auto;
  height: 35px;
  font-size: 0.625em;
}

@media (min-width: 70em) {
  aside.admin .admin-bar-button__short {
    display: none;
  }
}

aside.admin .admin-bar-button__short::before {
  background-repeat: no-repeat;
  background-position: center;
  content: '';
  position: relative;
  top: 0;
  width: 18px;
  height: 18px;
  display: block;
  vertical-align: middle;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 70em) {
  aside.admin .admin-bar-button__short::before {
    display: none;
  }
}

aside.admin .admin-bar-button__long {
  color: #fff;
  font-weight: bold;
  border-radius: 0;
  border: 1px solid transparent;
  width: auto;
  height: auto;
  padding: 0.5em;
  display: none;
  margin-top: -1px;
}

@media (min-width: 70em) {
  aside.admin .admin-bar-button__long {
    display: inherit;
  }
}

@media (min-width: 70em) {
  aside.admin .admin-bar-button__admin {
    background-color: rgba(0, 0, 0, 0.8);
    margin-right: 0.5em;
  }
}

aside.admin .admin-bar-button__admin:hover, aside.admin .admin-bar-button__admin:focus {
  background-color: #fff;
}

@media (min-width: 70em) {
  aside.admin .admin-bar-button__admin:hover, aside.admin .admin-bar-button__admin:focus {
    background-color: #009640;
  }
}

aside.admin .admin-bar-button__admin::before {
  background-image: url("../../admin/images/icons/adminbar/admin.svg");
}

aside.admin .admin-bar-button__edit {
  color: #000000;
  border-color: #000000;
}

@media (min-width: 70em) {
  aside.admin .admin-bar-button__edit {
    background-color: #fff;
    margin-right: 0.5em;
  }
}

aside.admin .admin-bar-button__edit:visited, aside.admin .admin-bar-button__edit:link {
  color: #000000;
  border-color: #000000;
}

aside.admin .admin-bar-button__edit:hover, aside.admin .admin-bar-button__edit:focus {
  border-color: #009640;
  color: #009640;
  background-color: #fff;
}

aside.admin .admin-bar-button__edit::before {
  background-image: url("../../admin/images/icons/adminbar/edit-product.svg");
}

aside.admin .admin-bar-button__edit--master::before {
  background-image: url("../../admin/images/icons/adminbar/edit-product.svg");
}

aside.admin .admin-bar-button__right-button {
  line-height: 16px;
  max-width: initial;
  background-color: white;
  border: none;
  margin-right: 0;
  font-size: 1em;
  padding: 0;
  height: auto;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 70em) {
  aside.admin .admin-bar-button__right-button {
    background-color: rgba(0, 0, 0, 0.8);
    border: initial;
    padding: 0.5em;
    margin-top: 0.5em;
    height: 34px;
  }
}

aside.admin .admin-bar-button__right-button:hover, aside.admin .admin-bar-button__right-button:focus {
  background-color: #fff;
}

@media (min-width: 70em) {
  aside.admin .admin-bar-button__right-button:hover, aside.admin .admin-bar-button__right-button:focus {
    background-color: #009640;
  }
}

aside.admin .admin-bar-button__right-button--pause {
  padding: 0;
  cursor: pointer;
}

aside.admin .admin-bar-button__right-button--pause::before {
  background-image: url("../../admin/images/icons/adminbar/break-time.svg");
}

aside.admin .admin-bar-button__right-button--begin {
  padding: 0;
}

aside.admin .admin-bar-button__right-button--begin::before {
  background-image: url("../../admin/images/icons/adminbar/work-time.svg");
}

aside.admin .department-box {
  display: flex;
  position: absolute;
  top: 4.2em;
  right: 0;
  width: 100%;
  padding: 4px 1em;
  line-height: normal;
  background-color: #009640;
  z-index: 910;
  justify-content: space-between;
}

@media (min-width: 70em) {
  aside.admin .department-box {
    top: 3.2em;
    width: 21em;
  }
}

@media screen and (min-width: 70em) and (-ms-high-contrast: active), (min-width: 70em) and (-ms-high-contrast: none) {
  aside.admin .department-box {
    width: 22em;
  }
}

aside.admin .department-box__department select[name='change_department'] {
  font-size: 16px;
  width: 251px;
  padding: 8px;
}

aside.admin .department-box__department .chosen-container-single .chosen-single {
  padding: 11px;
  background: white;
  box-shadow: none;
  line-height: 1.5;
  height: auto;
  border: 0;
  border-radius: 12px;
}

aside.admin .department-box__department .chosen-container-single .chosen-single div {
  top: 12px;
}

aside.admin .department-box__button {
  line-height: normal;
  width: 40px;
  height: 40px;
  padding: 0.5em;
  background-color: #fff;
  border: 0;
  border-radius: 12px;
}

aside.admin .menu-department {
  display: none;
  background-color: transparent;
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 900;
}

aside.admin .department {
  display: block;
  line-height: normal;
  text-align: center;
  height: 1em;
  margin-left: -1em;
  margin-right: -1em;
  margin-top: 0;
  float: none;
}

@media (min-width: 70em) {
  aside.admin .department {
    display: inline-block;
    width: auto;
    background-color: #eaeaea;
    float: right;
    margin-top: 0.5em;
    margin-right: 0;
    margin-left: 0;
  }
}

aside.admin .department__red {
  background-color: #FFCDD2;
}

@media (min-width: 70em) {
  aside.admin .department__red {
    background-color: #eaeaea;
    position: absolute;
    right: 8em;
  }
}

aside.admin .department__green {
  background-color: #DCEDC8;
}

@media (min-width: 70em) {
  aside.admin .department__green {
    background-color: #eaeaea;
    position: absolute;
    right: 13em;
  }
}

aside.admin .department-text {
  font-size: .625em;
  vertical-align: top;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  aside.admin .department-text {
    position: relative;
  }
}

@media (min-width: 70em) {
  aside.admin .department-text {
    font-size: 1em;
    font-family: "Open Sans", sans-serif;
    border: 1px solid #cfcfcf;
    padding: 5px;
    min-width: 10em;
    min-height: 30px;
    display: inline-block;
    vertical-align: middle;
    position: unset;
  }
}

aside.admin .status--icon {
  display: none;
  margin-right: 0.5em;
  margin-left: 0.5em;
}

@media (min-width: 70em) {
  aside.admin .status--icon {
    display: inline-block;
  }
}

aside.admin .right {
  float: right;
}

aside.admin .left {
  float: left;
}

aside.admin .no-display {
  display: none;
}

aside.admin .product-text {
  white-space: nowrap;
  vertical-align: 0;
  font-size: 0.625em;
}

@media (min-width: 70em) {
  aside.admin .product-text {
    font-size: 1em;
  }
}

.social-media a {
  text-decoration: none;
  margin: 0 1em;
}

.social-media__icon {
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  height: 40px;
  width: 40px;
}

.social-media__icon--facebook {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDI0IDEwMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMTg3N0YyO30uc3Qxe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTAyNCw1MTJDMTAyNCwyMjkuMiw3OTQuOCwwLDUxMiwwUzAsMjI5LjIsMCw1MTJjMCwyNTUuNiwxODcuMiw0NjcuNCw0MzIsNTA1LjhWNjYwSDMwMlY1MTJoMTMwVjM5OS4yQzQzMiwyNzAuOSw1MDguNCwyMDAsNjI1LjQsMjAwYzU2LDAsMTE0LjYsMTAsMTE0LjYsMTB2MTI2aC02NC42Yy02My42LDAtODMuNCwzOS41LTgzLjQsODB2OTZoMTQybC0yMi43LDE0OEg1OTJ2MzU3LjhDODM2LjgsOTc5LjQsMTAyNCw3NjcuNiwxMDI0LDUxMnoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNzExLjMsNjYwTDczNCw1MTJINTkydi05NmMwLTQwLjUsMTkuOC04MCw4My40LTgwSDc0MFYyMTBjMCwwLTU4LjYtMTAtMTE0LjYtMTBjLTExNywwLTE5My40LDcwLjktMTkzLjQsMTk5LjJWNTEySDMwMnYxNDhoMTMwdjM1Ny44YzI2LjEsNC4xLDUyLjgsNi4yLDgwLDYuMnM1My45LTIuMSw4MC02LjJWNjYwSDcxMS4zeiIvPjwvZz48L3N2Zz4=);
}

.social-media__icon--instagram {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDczLjQgNDczLjQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDp1cmwoI1VuYmVuYW5udGVyX1ZlcmxhdWYpO30uY2xzLTJ7ZmlsbDojZmZmO308L3N0eWxlPjxyYWRpYWxHcmFkaWVudCBpZD0iVW5iZW5hbm50ZXJfVmVybGF1ZiIgY3g9Ii00NjQuOTUiIGN5PSI0MTkuMTkiIHI9IjY4NC40NCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgwLjA1LCAtMSwgLTAuODUsIC0wLjA0LCAzODguNzksIC0xNS42NykiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZWQ1NzYiLz48c3RvcCBvZmZzZXQ9IjAuMjYiIHN0b3AtY29sb3I9IiNmNDcxMzMiLz48c3RvcCBvZmZzZXQ9IjAuNjEiIHN0b3AtY29sb3I9IiNiYzMwODEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM0YzYzZDIiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxnIGlkPSJCYWNrZ3JvdW5kIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0wLDIzMC43djEyLjhDMy4zLDM2NS45LDEwMS45LDQ2NC4yLDIxOS4yLDQ3My40aDM2LjFjMTE4LTkuMywyMTQuOS0xMDguNSwyMTguMS0yMzAuMVYyMzAuN0M0NzAuMiwxMDYuOSwzNjkuOSw2LjUsMjQ5LjEuMywxMTkuMS02LjMsMy42LDk4LDAsMjMwLjdaIi8+PC9nPjxnIGlkPSJTeW1ib2wiPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTIzNy44LDExOC45YzM3LjcsMCw0Mi4yLjEsNTcuMS44LDEzLjguNiwyMS4yLDMsMjYuMiw0LjlhNDMuMjksNDMuMjksMCwwLDEsMTYuMiwxMC43LDQ1LjQ1LDQ1LjQ1LDAsMCwxLDEwLjYsMTYuNWMxLjksNS4xLDQuMiwxMi43LDQuOSwyNi43LjcsMTUuMi44LDE5LjcuOCw1OC4xcy0uMSw0Mi45LS44LDU4LjFjLS42LDE0LTIuOSwyMS42LTQuOSwyNi43YTQ0LjE4LDQ0LjE4LDAsMCwxLTEwLjYsMTYuNSw0My4yOSw0My4yOSwwLDAsMS0xNi4yLDEwLjdjLTUsMi0xMi41LDQuMy0yNi4yLDQuOS0xNC45LjctMTkuNC44LTU3LjEuOHMtNDIuMi0uMS01Ny4xLS44Yy0xMy44LS42LTIxLjItMy0yNi4yLTQuOWE0My4yOSw0My4yOSwwLDAsMS0xNi4yLTEwLjcsNDUuNDUsNDUuNDUsMCwwLDEtMTAuNi0xNi41Yy0xLjktNS4xLTQuMi0xMi43LTQuOS0yNi43LS43LTE1LjItLjgtMTkuNy0uOC01OC4xcy4xLTQyLjkuOC01OC4xYy42LTE0LDIuOS0yMS42LDQuOS0yNi43YTQ0LjE4LDQ0LjE4LDAsMCwxLDEwLjYtMTYuNSw0My4yOSw0My4yOSwwLDAsMSwxNi4yLTEwLjdjNS0yLDEyLjUtNC4zLDI2LjItNC45LDE0LjktLjYsMTkuNC0uOCw1Ny4xLS44bTAtMjUuOWMtMzguNCwwLTQzLjIuMi01OC4yLjlzLTI1LjMsMy4xLTM0LjMsNi43YTY4LjgxLDY4LjgxLDAsMCwwLTI1LDE2LjZBNjkuNjksNjkuNjksMCwwLDAsMTA0LDE0Mi43Yy0zLjUsOS4xLTUuOSwxOS42LTYuNiwzNC45cy0uOCwyMC4yLS44LDU5LjIuMiw0My45LjgsNTkuMiwzLjEsMjUuNyw2LjYsMzQuOWE3MC41Miw3MC41MiwwLDAsMCwxNi4zLDI1LjUsNjkuNjYsNjkuNjYsMCwwLDAsMjUsMTYuNmM5LDMuNiwxOS4zLDYsMzQuMyw2LjdzMTkuOS45LDU4LjIuOSw0My4yLS4yLDU4LjItLjksMjUuMy0zLjEsMzQuMy02LjdhNjguODEsNjguODEsMCwwLDAsMjUtMTYuNiw2OS42OSw2OS42OSwwLDAsMCwxNi4zLTI1LjVjMy41LTkuMSw1LjktMTkuNiw2LjYtMzQuOXMuOC0yMC4yLjgtNTkuMi0uMi00My45LS44LTU5LjItMy4xLTI1LjctNi42LTM0LjlhNzAuNTIsNzAuNTIsMCwwLDAtMTYuMy0yNS41LDY5LjY2LDY5LjY2LDAsMCwwLTI1LTE2LjZjLTktMy42LTE5LjMtNi0zNC4zLTYuN3MtMTkuOS0uOS01OC4yLS45WiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTIzNy44LDE2Mi45Yy00MC4xLDAtNzIuNSwzMy03Mi41LDczLjhzMzIuNSw3My44LDcyLjUsNzMuOCw3Mi41LTMzLDcyLjUtNzMuOFMyNzcuOCwxNjIuOSwyMzcuOCwxNjIuOVptMCwxMjEuN2MtMjYsMC00Ny4xLTIxLjQtNDcuMS00Ny45czIxLjEtNDcuOSw0Ny4xLTQ3LjksNDcuMSwyMS40LDQ3LjEsNDcuOVMyNjMuOCwyODQuNiwyMzcuOCwyODQuNloiLz48ZWxsaXBzZSBjbGFzcz0iY2xzLTIiIGN4PSIzMTMuMiIgY3k9IjE2MCIgcng9IjE2LjkiIHJ5PSIxNy4yIi8+PC9nPjwvZz48L2c+PC9zdmc+);
}

.social-media__icon--pinterest {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNDMgMjQzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNDMgMjQzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9LnN0MXtmaWxsOiNFNjFFMjc7fTwvc3R5bGU+PGcgaWQ9IkxheWVyXzIiPjwvZz48ZyBpZD0iYXJ0Ij48Zz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIxMjEuNSIgY3k9IjEyMS41IiByPSIxMjEuNSIvPjxnPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMjEuNSwwQzU0LjQsMCwwLDU0LjQsMCwxMjEuNUMwLDE3MywzMiwyMTcsNzcuMiwyMzQuN2MtMS4xLTkuNi0yLTI0LjQsMC40LTM0LjljMi4yLTkuNSwxNC4yLTYwLjQsMTQuMi02MC40cy0zLjYtNy4zLTMuNi0xOGMwLTE2LjksOS44LTI5LjUsMjItMjkuNWMxMC40LDAsMTUuNCw3LjgsMTUuNCwxNy4xYzAsMTAuNC02LjYsMjYtMTAuMSw0MC41Yy0yLjksMTIuMSw2LjEsMjIsMTgsMjJjMjEuNiwwLDM4LjItMjIuOCwzOC4yLTU1LjZjMC0yOS4xLTIwLjktNDkuNC01MC44LTQ5LjRjLTM0LjYsMC01NC45LDI1LjktNTQuOSw1Mi43YzAsMTAuNCw0LDIxLjYsOSwyNy43YzEsMS4yLDEuMSwyLjMsMC44LDMuNWMtMC45LDMuOC0zLDEyLjEtMy40LDEzLjhjLTAuNSwyLjItMS44LDIuNy00LjEsMS42Yy0xNS4yLTcuMS0yNC43LTI5LjItMjQuNy00Ny4xYzAtMzguMywyNy44LTczLjUsODAuMy03My41YzQyLjEsMCw3NC45LDMwLDc0LjksNzAuMmMwLDQxLjktMjYuNCw3NS42LTYzLDc1LjZjLTEyLjMsMC0yMy45LTYuNC0yNy44LTE0YzAsMC02LjEsMjMuMi03LjYsMjguOWMtMi43LDEwLjYtMTAuMSwyMy44LTE1LjEsMzEuOWMxMS40LDMuNSwyMy40LDUuNCwzNiw1LjRjNjcuMSwwLDEyMS41LTU0LjQsMTIxLjUtMTIxLjVDMjQzLDU0LjQsMTg4LjYsMCwxMjEuNSwweiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==);
}

.wishlist-fb .button__text {
  font-size: 1.0125em;
}

.wishlist-created {
  color: #008800;
}

.create-wishlist-box--error {
  color: #880000;
}

#switch-wishlist-box .close-button-wrapper,
#error-wishlist-box .close-button-wrapper {
  margin-top: 24px;
}

.switch-wishlist-box--switch-description {
  margin-bottom: 0.5em;
}

.wishlists-with-product-section {
  word-break: break-word;
  padding-right: 2em;
}

.wishlists-with-product-section .wishlists-with-product li {
  display: table;
  line-height: 1.2;
  padding-top: 1em;
  font-size: 1.0125em;
  line-height: 1.0666666667em;
}

.wishlists-with-product-section .wishlists-with-product li::before {
  display: table-cell;
  vertical-align: middle;
  padding-right: 0.5em;
  content: "\25BA \0020";
  color: #76b72a;
}

#selected_wishlist {
  padding-right: 3em;
}

.button--save-to-wishlist,
.button--move-to-wishlist,
.button--save-new-wishlist-name,
.create-only > .button--save-new-wishlist {
  max-width: 33.3em;
  width: 100%;
}

#selected_wishlist,
.new-wishlist-input,
.rename-wishlist-input {
  max-width: 40em;
  width: 100%;
}

.button--cancel-wishlist-creation,
.button--save-new-wishlist,
.button--close-on-wishlist {
  width: 100%;
}

@media (max-width: 50em) {
  .button--save-to-wishlist,
  .button--move-to-wishlist,
  .button--save-new-wishlist-name,
  .create-only > .button--save-new-wishlist {
    float: left;
  }
  .create-and-insert-navigation,
  .on-wishlist-navigation,
  .wishlist-login-navigation {
    max-width: 33.3em;
    width: 100%;
  }
  .create-and-insert-navigation .alpha,
  .create-and-insert-navigation .beta,
  .on-wishlist-navigation .alpha,
  .on-wishlist-navigation .beta,
  .wishlist-login-navigation .alpha,
  .wishlist-login-navigation .beta {
    width: 50%;
  }
}

@media (max-width: 40em) {
  .create-and-insert-navigation .button__text,
  .on-wishlist-navigation .button__text,
  .wishlist-login-navigation .button__text {
    font-size: 14px;
  }
}

@media (min-width: 50em) {
  .wishlist-fb {
    min-width: 30em !important;
  }
}

@media (max-width: 70em) {
  .wishlist-main-section-half {
    border-top: solid 1px #dddddd;
  }
  .wishlists-with-product-section {
    padding-bottom: 2em;
  }
}

@media (min-width: 70em) {
  .wishlists-with-product-section {
    width: 45%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .wishlist-main-section-half {
    width: 55%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 2em;
    border-left: 1px solid #dddddd;
  }
}

.wishlist__header {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.wishlist__not-logged-in-header {
  padding-top: 5%;
  text-align: center;
}

.wishlist__not-logged-in-header h1 {
  font-weight: 400;
  line-height: 1.2em;
}

.wishlist__not-logged-in-body {
  text-align: center;
  padding: 5%;
}

@media (min-width: 30em) {
  .wishlist__login-button {
    width: 33%;
  }
}

.wishlist-products__content,
.wishlist-products__list-wrapper,
.wishlist-products__list,
.wishlist-products__list-item,
.wishlist-item__info,
.wishlist-products__footer {
  width: 100%;
  float: left;
}

.wishlist__wishlist-button {
  color: #646464;
}

.wishlist__wishlist-button-active {
  color: #ffffff;
}

.wishlist-products__heading {
  margin: 0;
  padding: 1em;
  background-color: #fff;
  color: #333333;
}

.wishlist-products__heading span {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
  display: block;
  font-weight: normal;
}

.wishlist-products__heading span a {
  color: #fff;
}

.button--rename-wishlist > svg {
  max-width: 1.0125em;
  max-height: 1.0125em;
  width: auto;
  height: auto;
  vertical-align: middle;
  padding-bottom: 3px;
}

.button--rename-wishlist > svg .hhw-icon-stroke,
.button--rename-wishlist > svg .hhw-icon-stroke--highlight,
.button--rename-wishlist > svg .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  stroke: #646464;
}

.button--rename-wishlist > svg .hhw-icon-stroke--highlight {
  stroke: #646464;
}

.button--rename-wishlist > svg .hhw-icon-stroke--inverted {
  stroke: transparent;
}

.button--rename-wishlist > svg .hhw-icon-fill,
.button--rename-wishlist > svg .hhw-icon-fill--highlight,
.button--rename-wishlist > svg .hhw-icon-fill--inverted {
  fill: #646464;
}

.button--rename-wishlist > svg .hhw-icon-fill--highlight {
  fill: #646464;
}

.button--rename-wishlist > svg .hhw-icon-stroke--inverted {
  fill: transparent;
}

.wishlist-products__sort {
  line-height: 1.5;
  margin-bottom: 1em;
  text-align: left;
}

.wishlist-products__list-item {
  border-top: 1px solid #009640;
  position: relative;
}

.wishlist-products__list-item + .wishlist-products__list-item {
  border-top: 1px solid #dddddd;
}

.wishlist-products__description,
.wishlist-item__attributes,
.wishlist-item__action-buttons,
.wishlist--add-all-to-cart {
  font-size: 0.9em;
  line-height: 1.2em;
}

.wishlist-products__content {
  text-align: left;
  border: 1px solid #dddddd;
}

.wishlist-products__list-item {
  border-top: 1px solid #000000;
}

.wishlist-products__list-item + .wishlist-products__list-item {
  border-color: #dddddd;
}

.wishlist-item {
  width: 100%;
  float: left;
  min-height: 110px;
  padding: 1em 0;
}

.wishlist-item__name {
  margin: 0 0 3em 0;
  padding: 0;
}

.wishlist-item__name a {
  color: #333333;
  text-decoration: none;
}

.wishlist-item__image {
  text-align: center;
  margin: 0.5em 0;
}

.wishlist-item__buttons {
  text-align: right;
}

.wishlist-item__buttons .wishlist-item__cart-button {
  width: 100%;
  float: right;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-right: 0;
}

.wishlist-item__buttons .wishlist-item__cart-button .qty--add-to-cart {
  height: 30px;
  width: 50px;
  vertical-align: top;
}

.wishlist-item__buttons .wishlist-item__cart-button .button--add-to-cart {
  height: 30px;
  width: auto;
  vertical-align: top;
  padding: 0 0.5em;
}

.wishlist-item__buttons .wishlist-item__cart-button .button--add-to-cart .button__text {
  font-size: 0.9em;
  line-height: 1.2em;
}

.wishlist-item__buttons .wishlist-item__action-buttons {
  width: 100%;
  float: right;
  padding-left: 1em;
  padding-right: 1em;
  padding-right: 0;
}

.wishlist-item__buttons .wishlist-item__action-buttons .button--start-moving-to-wishlist,
.wishlist-item__buttons .wishlist-item__action-buttons .button--delete-from-wishlist {
  padding-left: 1em;
}

.wishlist-item__eu-sheet-wrapper {
  font-size: 0.9em;
  padding-right: 1em;
  min-height: 19px;
}

.wishlist-item__attributes .buy-area__note {
  text-align: left;
}

.wishlist-item__price .wishlist-item__value {
  font-size: 1.0125em;
  line-height: 1.0666666667em;
  color: #ffb600;
  font-weight: bold;
  white-space: nowrap;
  margin-bottom: 0.5em;
}

.wishlist-item__price .wishlist-item__tax {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
}

.wishlist-item__no-shipping-label {
  white-space: nowrap;
}

.wishlist-product--delete {
  position: relative;
}

.wishlist-product--delete #question {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: right;
  opacity: 1;
  padding: 0 1em;
  background-color: rgba(255, 255, 255, 0.9);
  height: 100%;
}

.wishlist-product--delete #question span {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 50%;
  margin-top: -2em;
  font-size: 1.0125em;
  line-height: 1.0666666667em;
  padding: 0 1em;
}

.wishlist-product--delete #question a {
  margin: 0 1em;
}

.wishlist-product--delete #question .button, .wishlist-product--delete #question .button--add-to-cart, .wishlist-product--delete #question .page-content .btn, .page-content .wishlist-product--delete #question .btn {
  padding: 0.5em 1em;
}

.wishlist-products__footer {
  width: 100%;
  float: left;
  border-top: 1px solid #000000;
}

.wishlist-products__footer .wishlist-products__footer-links {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  padding: 1em 0;
  text-align: right;
}

.wishlist-products__footer .wishlist--add-all-to-cart {
  text-decoration: underline;
  cursor: pointer;
}

@media (max-width: 60em) {
  .wishlist-products__empty {
    padding: 0 0 0 1em;
    line-height: 1.5em;
  }
  .wishlist-products__empty .wishlist__no_products_options {
    display: block;
  }
  .wishlist-products__content .wishlist-products__list-wrapper {
    padding: 0 1em 1em 1em;
  }
  .wishlist-products__content .wishlist-products__description {
    padding-bottom: 1em;
  }
  .wishlist-products__content .wishlist-products__sort {
    width: 15em;
    float: right;
  }
  .wishlist-products__content .wishlist-item__info {
    margin-bottom: 0;
  }
  .wishlist-products__content .wishlist-item__name {
    margin-bottom: 1em;
  }
  .wishlist-products__content .wishlist-item__image img {
    max-height: 8em;
  }
  .wishlist-products__content .wishlist-item__eu-sheet-wrapper {
    padding: 1em 0;
  }
}

@media (max-width: 70em) {
  .wishlist-products__wrapper {
    padding: 0 1em;
  }
  .page__content .wishlist__customers-wishlists {
    display: none;
  }
  #switch-wishlist-box .wishlist__customers-wishlists {
    display: block;
  }
  .button--switch-wishlist {
    display: block;
    color: #333333 !important;
    width: fit-content;
  }
}

@media (min-width: 40em) {
  .wishlist-products__description {
    width: 65%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 5px;
  }
  .wishlist-item__info {
    width: 66.6666666667%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
    margin-bottom: 1em;
    padding-right: 0;
  }
  .wishlist-item__image {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .wishlist-item__image img {
    max-width: 100%;
    max-height: 100px;
    width: auto;
    height: auto;
  }
}

@media (min-width: 60em) {
  .wishlist-products__empty {
    padding-top: 1em;
    padding-bottom: 2em;
  }
  .wishlist-products__content .wishlist-products__heading {
    margin-top: 24px;
    margin-bottom: 0.5em;
    padding-top: 0;
    padding-bottom: 0;
  }
  .wishlist-products__content .wishlist-products__list-wrapper {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .wishlist-products__content .wishlist-products__description {
    line-height: 2.25em;
    padding-top: 0;
  }
  .wishlist-products__content .wishlist-products__sort {
    width: 25%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
  }
  .wishlist-products__content .wishlist-item__info {
    width: 75%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .wishlist-products__content .wishlist-item__image {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .wishlist-products__content .wishlist-item__attributes {
    width: 70%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding: 0;
    position: absolute;
    bottom: 1em;
  }
  .wishlist-products__content .wishlist-item__attributes li {
    line-height: 1.5;
  }
  .wishlist-products__content .wishlist-item__value {
    padding-right: 0.5em;
  }
  .wishlist-products__content .wishlist-item__buttons {
    width: 40%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
    position: absolute;
    right: 0;
    bottom: 1em;
    padding-right: 0;
  }
}

@media (min-width: 70em) {
  .page__content .wishlist__customers-wishlists {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-right: 0;
    display: block;
  }
  .button--switch-wishlist {
    display: none;
  }
  .wishlist__wishlist-products {
    width: 75%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
}

.ie-notice {
  padding: 1em;
  background: #ffffff;
  color: #646464;
  box-shadow: -1px 2px 16px 4px rgba(0, 0, 0, 0.25);
  z-index: 999;
  position: relative;
  display: none;
  /* Show IE banner on IE10/11 */
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .ie-notice:not(.jquery--hide) {
    display: block;
  }
}

.ie-notice .container--max-width {
  padding-right: 0;
}

.ie-notice__copy {
  font-size: 0.9em;
  margin: 0 1em;
  width: calc(100% - 150px - 4em);
}

.ie-notice__img {
  background-image: url(../../images/ie-legacy-banner.png);
  position: absolute;
  right: 4em;
  top: .25em;
  bottom: .25em;
  width: 150px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  max-height: 38px;
  margin: auto;
}

.ie-notice__close-button {
  position: absolute;
  right: 1em;
  top: 50%;
  width: 1.5em;
  height: 1.5em;
  opacity: 0.5;
  cursor: pointer;
  transition: .4s;
  transform: translateY(-50%);
}

.ie-notice__close-button:hover {
  opacity: 1;
}

.ie-notice__close-button:before {
  position: absolute;
  left: 0px;
  content: ' ';
  height: 1.5em;
  width: 2px;
  background-color: #646464;
  transform: rotate(45deg);
}

.ie-notice__close-button:after {
  position: absolute;
  left: 0px;
  content: ' ';
  height: 1.5em;
  width: 2px;
  background-color: #646464;
  transform: rotate(-45deg);
}

.promotion-big,
.our-brands {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.promotion-big > .promotion-image {
  margin-bottom: 24px;
}

.promotion-image {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin-bottom: 24px;
}

.promotion-image-link {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.promotion-image-link:link, .promotion-image-link:visited {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.promotion-image-link:hover {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

body.index .subcategory-list {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

.product-info,
.product-info__main,
.product-info__buy-area,
.product-info__summary,
.product-info__videos,
.product-info__video-wrapper {
  width: 100%;
  float: left;
}

.product-info__header,
.product-info__showroom,
.product-info__offer-box,
.product-info__info-box,
.product-info__criteria,
.product-info__description,
.product-info__service-box,
.product-info__cross-selling,
.product-info__bazaarvoice,
.product-info__media,
.product-info__also-purchased,
.product-info__other-products,
.product-info__recommended-categories,
.product-info__common-information {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 1em;
}

.product-info__cross-selling,
.product-info__other-products,
.product-info__recommended-categories {
  clear: both;
}

.product-info__title {
  margin: 0;
  line-height: 1.2;
  padding-bottom: 65px;
}

.criteria--columns-1,
.criteria--columns-2,
.product-info__video-wrapper {
  margin-bottom: 24px;
}

.product-info__criteria,
.product-info__info-box {
  margin-bottom: 0;
}

/* __header */
.product-info__rating {
  bottom: 0;
  position: absolute;
}

.product-info__header {
  position: relative;
  margin-bottom: 0px;
}

.product-info__product-id {
  position: absolute;
  bottom: 30px;
  font-size: 0.7875em;
  line-height: 1.3714285714em;
}

/* __showroom */
.product-info__showroom {
  text-align: center;
  margin-top: 1em;
}

.product-info__showroom #showroom {
  height: auto;
  padding-bottom: 1em;
  overflow: hidden;
  position: relative;
}

.product-info__showroom #showroom.product-image__notice-available {
  padding-bottom: 2em;
}

.product-info__showroom .product-info__image-link {
  align-items: center;
  justify-content: center;
  height: 100%;
}

.product-info__showroom .product-info__image-link:hover {
  cursor: zoom-in;
}

.product-info__showroom .product-info__image {
  vertical-align: middle;
}

.product-info__showroom .product-info__video-wrapper {
  width: 100%;
  position: relative;
  top: 50%;
  margin-top: -25%;
}

.product-info__showroom .product-image__notice {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.25em;
  font-size: 12px;
}

.product-images {
  margin: 0 auto;
}

.product-images::after {
  clear: both;
  content: "";
  display: table;
}

.product-images__thumb-link {
  background-color: #fff;
  border-bottom: solid 3px transparent;
  display: inline-block;
  height: 75px;
  height: calc(75px + 4px);
  line-height: 75px;
  line-height: calc(75px - 4px);
  margin: 5px 0;
  overflow: hidden;
  width: 75px;
}

.swiper-container {
  width: 100%;
  height: 100%;
  /* Blende Navigationpfeile aus, wenn Slider nicht intialisiert */
  /* Styling Prev/Next Pfeile */
}

.swiper-container .swiper-slide {
  align-items: center;
  background: #fff;
  display: flex;
  height: auto;
  justify-content: center;
  text-align: center;
}

.swiper-container .swiper-slide .fb-click-catcher {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  user-select: none;
  cursor: pointer;
}

.swiper-container .swiper-slide img {
  height: auto;
  max-height: 100%;
  max-width: 100%;
}

.swiper-container:not(.swiper-container-initialized) .swiper-button-prev,
.swiper-container:not(.swiper-container-initialized) .swiper-button-next {
  display: none;
}

.swiper-container .swiper-button-prev:after,
.swiper-container .swiper-button-next:after {
  color: #009640;
  text-shadow: 0px 1px 0px #f7f7f7;
}

.product-info__showroom #showroom {
  height: 300px;
}

@media (min-width: 34em) {
  .product-info__showroom #showroom {
    height: calc(400px + 1em);
  }
}

.showroom-slider .swiper-slide > .swiper-content {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
}

.showroom-slider .swiper-slide__youtube-wrap {
  width: 80%;
  position: relative;
  max-width: 710px;
}

.showroom-slider .swiper-slide__youtube-wrap__inner {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0 !important;
  width: 100%;
  margin: auto;
}

.showroom-slider .swiper-slide__youtube-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 34em) {
  .showroom-slider .swiper-button-prev, .showroom-slider .swiper-button-next {
    display: none;
  }
}

.swiper-pagination.swiper-pagination-fraction {
  bottom: 0;
  left: 0;
  padding: 1rem;
  position: absolute;
  text-align: left;
}

.swiper-pagination.swiper-pagination-fraction:after {
  background-image: linear-gradient(205deg, rgba(255, 255, 255, 0) 70%, #f5f5f5 100%);
  bottom: 0;
  content: '';
  height: 200px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 200px;
  z-index: -100;
}

.showroom-slider-thumbs {
  box-sizing: border-box;
  height: 20%;
  padding: 10px 0;
  margin-top: 1em;
  /* Verberge Thumbnails auf kleinen Screens */
  display: none;
}

@media (min-width: 60em) {
  .showroom-slider-thumbs {
    display: block;
  }
}

.showroom-slider-thumbs .swiper-wrapper {
  justify-content: left;
}

@media (min-width: 105em) {
  .showroom-slider-thumbs .swiper-wrapper {
    justify-content: center;
  }
}

.showroom-slider-thumbs .swiper-slide {
  border-right: 1px solid #e6e6e6;
  height: 100px;
  width: 100px;
  border-bottom: 3px solid transparent;
}

.showroom-slider-thumbs .swiper-slide.swiper-slide-thumb-active {
  border-bottom-color: #009640;
}

.showroom-slider-thumbs .swiper-slide:last-of-type {
  border-right: 0;
}

.Magic360-initial-image {
  height: 300px;
}

@media (min-width: 34em) {
  .Magic360-initial-image {
    height: 400px;
  }
}

.threesixty-zoom-button {
  background-image: url(img/icon-zoom.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 33px;
  border: 1px solid;
  cursor: pointer;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  z-index: 10;
}

@media (min-width: ) {
  .threesixty-zoom-button {
    right: calc((100% - 700px) / 2);
  }
}

@media (max-width: 50em) {
  .fancybox-slide--current .threesixty-fancybox-instance {
    display: flex !important;
    flex-wrap: wrap;
    align-content: center;
  }
}

.js-video-button svg .hhw-icon-stroke,
.js-video-button svg .hhw-icon-stroke--highlight,
.js-video-button svg .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: inherit;
  stroke: inherit;
}

.js-video-button svg .hhw-icon-stroke--highlight {
  stroke: #ffb600;
}

.js-video-button svg .hhw-icon-stroke--inverted {
  stroke: #fff;
}

.js-video-button svg .hhw-icon-fill,
.js-video-button svg .hhw-icon-fill--highlight,
.js-video-button svg .hhw-icon-fill--inverted {
  fill: #939393;
}

.js-video-button svg .hhw-icon-fill--highlight {
  fill: #ffb600;
}

.js-video-button svg .hhw-icon-stroke--inverted {
  fill: #fff;
}

.js-threesixty-button svg .hhw-icon-stroke,
.js-threesixty-button svg .hhw-icon-stroke--highlight,
.js-threesixty-button svg .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: inherit;
  stroke: inherit;
}

.js-threesixty-button svg .hhw-icon-stroke--highlight {
  stroke: #ffb600;
}

.js-threesixty-button svg .hhw-icon-stroke--inverted {
  stroke: #fff;
}

.js-threesixty-button svg .hhw-icon-fill,
.js-threesixty-button svg .hhw-icon-fill--highlight,
.js-threesixty-button svg .hhw-icon-fill--inverted {
  fill: #939393;
}

.js-threesixty-button svg .hhw-icon-fill--highlight {
  fill: #ffb600;
}

.js-threesixty-button svg .hhw-icon-stroke--inverted {
  fill: #fff;
}

.product-images__thumb,
.product-info__image {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  vertical-align: middle;
}

.product-info__image {
  max-width: 100%;
  max-height: 300px;
  width: auto;
  height: auto;
}

.showroom--noimage .product-info__image {
  max-width: 100%;
  max-height: 100px;
  width: auto;
  height: auto;
}

.product-images__disclaimer {
  font-size: 0.675em;
  line-height: 1.6em;
  text-align: center;
  margin-top: 6px;
  margin-bottom: 0;
}

.product-info__manufacture {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 1em;
}

.product-info__manufacture > a:nth-of-type(2) {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
}

.product-info__service-box .content-box {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1em;
  padding-top: 1em;
  background-color: #f5f5f5;
}

.product-info__service-box ul {
  margin-bottom: 1em;
  font-size: 0.7875em;
  line-height: 1.3714285714em;
}

.product-info__service-box li {
  padding-bottom: 0.5em;
}

.product-info__service-box li:last-child {
  padding-bottom: 0;
}

.product-info__service-box h2 {
  background-color: transparent;
  padding-top: 0;
}

.product-info__service-box svg {
  max-width: 30px;
  max-height: 30px;
  width: auto;
  height: auto;
  vertical-align: middle;
  margin-right: 0.5em;
}

.product-info__service-box svg .hhw-icon-stroke,
.product-info__service-box svg .hhw-icon-stroke--highlight,
.product-info__service-box svg .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  stroke: #ffb600;
}

.product-info__service-box svg .hhw-icon-stroke--highlight {
  stroke: #ffb600;
}

.product-info__service-box svg .hhw-icon-stroke--inverted {
  stroke: transparent;
}

.product-info__service-box svg .hhw-icon-fill,
.product-info__service-box svg .hhw-icon-fill--highlight,
.product-info__service-box svg .hhw-icon-fill--inverted {
  fill: transparent;
}

.product-info__service-box svg .hhw-icon-fill--highlight {
  fill: #ffb600;
}

.product-info__service-box svg .hhw-icon-stroke--inverted {
  fill: transparent;
}

.product-info__service-box .half--left,
.product-info__service-box .half--right {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  padding-left: 0;
  padding-right: 0;
}

.product-info__service-box .document .hhw-icon-stroke,
.product-info__service-box .document .hhw-icon-stroke--highlight,
.product-info__service-box .document .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5px;
  stroke: #ffb600;
}

.product-info__service-box .document .hhw-icon-stroke--highlight {
  stroke: #ffb600;
}

.product-info__service-box .document .hhw-icon-stroke--inverted {
  stroke: transparent;
}

.product-info__service-box .document .hhw-icon-fill,
.product-info__service-box .document .hhw-icon-fill--highlight,
.product-info__service-box .document .hhw-icon-fill--inverted {
  fill: transparent;
}

.product-info__service-box .document .hhw-icon-fill--highlight {
  fill: #ffb600;
}

.product-info__service-box .document .hhw-icon-stroke--inverted {
  fill: transparent;
}

.manufacture__image {
  max-width: 100%;
  max-height: 60px;
  width: auto;
  height: auto;
  vertical-align: bottom;
}

.carrier__image,
.shipping-sticker__image {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  vertical-align: bottom;
}

.shipping-clock__unit {
  font-weight: normal;
  color: #333333;
}

/* add-to-cart form */
.product-info #cart_quantity {
  width: 100%;
  float: left;
  margin: 1em 0 1em 0;
  text-align: center;
  border-radius: 12px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

.product-info #cart_quantity .add-to-cart__qty {
  float: left;
  width: 20%;
  width: calc(50px + 0px);
  height: 50px;
}

.product-info #cart_quantity .add-to-cart__button {
  font-size: 0.9em;
  line-height: 1.2em;
  float: right;
  width: 80%;
  width: calc(100% - 50px);
  height: 50px;
}

/* buy-area */
.buy-area__add-to-cart,
.buy-area__additional-info {
  padding: 1em;
  background-color: #f5f5f5;
  margin-bottom: 1em;
}

.buy-area__additional-info {
  margin-bottom: 0;
}

.buy-area__list {
  padding: 0 0 1em 0;
  border-bottom: 1px solid #009640;
}

.buy-area__list::after {
  clear: both;
  content: "";
  display: table;
}

.buy-area__list .item-label,
.buy-area__list .item-description {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
}

.buy-area__list .item-label--our-price {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
}

.buy-area__list .item-description--our-price-value,
.buy-area__list .adjust-line-height {
  font-size: 2.5875em;
  line-height: 0.4173913043em;
}

.buy-area__list dt {
  width: 6em;
  float: left;
  padding-right: 0.5em;
  text-align: right;
  clear: both;
  line-height: 1em;
}

.buy-area__list dd {
  padding-left: 6em;
  line-height: 1em;
}

.shipping-info {
  border-bottom: 1px solid #009640;
  padding: 1em 0 1em 0;
  text-align: center;
}

.shipping-info__content {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
  margin-bottom: 0;
}

.xtc2 .buy-area__list .item-description--our-price-value,
.xtc2 .buy-area__list .adjust-line-height {
  font-size: 2.5875em;
  line-height: 0.4173913043em;
  font-family: Veneer, sans-serif;
  line-height: 1;
}

.xtc2 .buy-area__list .item-description--our-price-value {
  text-shadow: 0 0 10px #fff, 0 1px #fff, 1px 0 rgba(0, 0, 0, 0.27);
  font-weight: normal;
}

.item-description--our-price-value {
  color: #ffb600;
  font-weight: bold;
}

.item-description--savings {
  color: #ffb600;
}

.item-uvp {
  padding-bottom: 6px;
}

.item-uvp del {
  text-decoration: none;
  position: relative;
}

.item-uvp del:after {
  content: '';
  height: 1.5px;
  width: 100%;
  background-color: #f94e3f;
  left: 0;
  bottom: 50%;
  right: 0;
  top: 50%;
  position: absolute;
  transform: rotate(-9deg);
}

.item-shipping + dd .item-description {
  line-height: 1em;
}

.AvailabilityState5 {
  color: #76b72a;
  font-weight: bold;
}

a.AvailabilityState5 {
  color: #76b72a !important;
  background-color: transparent !important;
  text-decoration: underline !important;
}

a.AvailabilityState5:link, a.AvailabilityState5:visited {
  color: #76b72a !important;
  background-color: transparent !important;
  text-decoration: underline !important;
}

a.AvailabilityState5:hover {
  color: #76b72a !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.buy-area__note {
  margin: 0;
  font-size: 0.675em;
  line-height: 1.6em;
  text-align: center;
}

.buy-area__note--rate {
  margin-top: 0.5em;
}

.buy-area__note--attention span {
  color: #880000;
  font-weight: bold;
  font-size: 1.5em;
}

.buy-area__note--attention + form {
  margin-top: 1em;
}

.buy-area__note--minimum-order-quantity {
  text-align: center;
  border-bottom: 1px solid #009640;
  padding: 1em 0 1em 0;
}

.buy-area__note--minimum-order-quantity .item-description {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
}

.buy-area__additional-info .buy-area__list {
  padding: 0;
  border: 0;
}

.buy-area__additional-info .buy-area__list dt {
  text-align: left;
}

.buy-area__add-to-cart #variants {
  border-bottom: 1px solid #009640;
  padding: 1em 0 1em 0;
}

.buy-area__add-to-cart #variants label:last-of-type {
  margin-bottom: 0;
}

.buy-area__paypal-credit {
  border-bottom: 1px solid #009640;
  display: flex;
  justify-content: center;
  padding: 1em 0 1em 0;
}

@media screen and (min-width: 544px) and (max-width: 572px) {
  .buy-area__paypal-credit {
    justify-content: normal;
  }
}

.buy-area__paypal-wrapper {
  flex-basis: auto;
  margin-right: -0.8em;
}

#varianten-form {
  padding: 1em 0;
}

.product-info__offer-box .compact-form__label {
  padding: 0;
  margin-bottom: 1em;
}

.product-info__offer-box .compact-label__text--static {
  font-size: 0.9em;
  line-height: 1.2em;
}

.product-info__offer-box select {
  margin-top: 2px;
  padding-top: 5px;
}

.product-info__comparison,
.product-info__wishlist {
  margin-bottom: 1em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
  height: 50px;
}

.product-info__comparison .vergleich,
.product-info__comparison .product-info__wishlist_inner,
.product-info__wishlist .vergleich,
.product-info__wishlist .product-info__wishlist_inner {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
  height: 100%;
  display: flex;
}

.product-info__comparison .vergleich:before,
.product-info__comparison .product-info__wishlist_inner:before,
.product-info__wishlist .vergleich:before,
.product-info__wishlist .product-info__wishlist_inner:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.product-info__comparison .vergleich .comparison--in,
.product-info__comparison .vergleich .comparison--out,
.product-info__comparison .vergleich .wishlist--in,
.product-info__comparison .vergleich .wishlist--out,
.product-info__comparison .vergleich svg,
.product-info__comparison .product-info__wishlist_inner .comparison--in,
.product-info__comparison .product-info__wishlist_inner .comparison--out,
.product-info__comparison .product-info__wishlist_inner .wishlist--in,
.product-info__comparison .product-info__wishlist_inner .wishlist--out,
.product-info__comparison .product-info__wishlist_inner svg,
.product-info__wishlist .vergleich .comparison--in,
.product-info__wishlist .vergleich .comparison--out,
.product-info__wishlist .vergleich .wishlist--in,
.product-info__wishlist .vergleich .wishlist--out,
.product-info__wishlist .vergleich svg,
.product-info__wishlist .product-info__wishlist_inner .comparison--in,
.product-info__wishlist .product-info__wishlist_inner .comparison--out,
.product-info__wishlist .product-info__wishlist_inner .wishlist--in,
.product-info__wishlist .product-info__wishlist_inner .wishlist--out,
.product-info__wishlist .product-info__wishlist_inner svg {
  vertical-align: middle;
}

.product-info__comparison .vergleich .comparison--in.jquery--hide,
.product-info__comparison .vergleich .wishlist--in.jquery--hide,
.product-info__comparison .vergleich .wishlist--out.jquery--hide,
.product-info__comparison .product-info__wishlist_inner .comparison--in.jquery--hide,
.product-info__comparison .product-info__wishlist_inner .wishlist--in.jquery--hide,
.product-info__comparison .product-info__wishlist_inner .wishlist--out.jquery--hide,
.product-info__wishlist .vergleich .comparison--in.jquery--hide,
.product-info__wishlist .vergleich .wishlist--in.jquery--hide,
.product-info__wishlist .vergleich .wishlist--out.jquery--hide,
.product-info__wishlist .product-info__wishlist_inner .comparison--in.jquery--hide,
.product-info__wishlist .product-info__wishlist_inner .wishlist--in.jquery--hide,
.product-info__wishlist .product-info__wishlist_inner .wishlist--out.jquery--hide {
  display: none;
}

.product-info__comparison .vergleich .comparison--in,
.product-info__comparison .vergleich .wishlist--in,
.product-info__comparison .vergleich .wishlist--out,
.product-info__comparison .product-info__wishlist_inner .comparison--in,
.product-info__comparison .product-info__wishlist_inner .wishlist--in,
.product-info__comparison .product-info__wishlist_inner .wishlist--out,
.product-info__wishlist .vergleich .comparison--in,
.product-info__wishlist .vergleich .wishlist--in,
.product-info__wishlist .vergleich .wishlist--out,
.product-info__wishlist .product-info__wishlist_inner .comparison--in,
.product-info__wishlist .product-info__wishlist_inner .wishlist--in,
.product-info__wishlist .product-info__wishlist_inner .wishlist--out {
  display: flex;
  width: 100%;
  justify-items: center;
}

.product-info__comparison .vergleich .comparison--in .in-comparison,
.product-info__comparison .vergleich .wishlist--in .in-comparison,
.product-info__comparison .vergleich .wishlist--out .in-comparison,
.product-info__comparison .product-info__wishlist_inner .comparison--in .in-comparison,
.product-info__comparison .product-info__wishlist_inner .wishlist--in .in-comparison,
.product-info__comparison .product-info__wishlist_inner .wishlist--out .in-comparison,
.product-info__wishlist .vergleich .comparison--in .in-comparison,
.product-info__wishlist .vergleich .wishlist--in .in-comparison,
.product-info__wishlist .vergleich .wishlist--out .in-comparison,
.product-info__wishlist .product-info__wishlist_inner .comparison--in .in-comparison,
.product-info__wishlist .product-info__wishlist_inner .wishlist--in .in-comparison,
.product-info__wishlist .product-info__wishlist_inner .wishlist--out .in-comparison {
  padding-top: 15px;
}

.product-info__comparison .vergleich .comparison--in .in-comparison::before,
.product-info__comparison .vergleich .wishlist--in .in-comparison::before,
.product-info__comparison .vergleich .wishlist--out .in-comparison::before,
.product-info__comparison .product-info__wishlist_inner .comparison--in .in-comparison::before,
.product-info__comparison .product-info__wishlist_inner .wishlist--in .in-comparison::before,
.product-info__comparison .product-info__wishlist_inner .wishlist--out .in-comparison::before,
.product-info__wishlist .vergleich .comparison--in .in-comparison::before,
.product-info__wishlist .vergleich .wishlist--in .in-comparison::before,
.product-info__wishlist .vergleich .wishlist--out .in-comparison::before,
.product-info__wishlist .product-info__wishlist_inner .comparison--in .in-comparison::before,
.product-info__wishlist .product-info__wishlist_inner .wishlist--in .in-comparison::before,
.product-info__wishlist .product-info__wishlist_inner .wishlist--out .in-comparison::before {
  display: none;
}

.product-info__comparison .vergleich a,
.product-info__comparison .product-info__wishlist_inner a,
.product-info__wishlist .vergleich a,
.product-info__wishlist .product-info__wishlist_inner a {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.product-info__comparison .vergleich a:link, .product-info__comparison .vergleich a:visited,
.product-info__comparison .product-info__wishlist_inner a:link,
.product-info__comparison .product-info__wishlist_inner a:visited,
.product-info__wishlist .vergleich a:link,
.product-info__wishlist .vergleich a:visited,
.product-info__wishlist .product-info__wishlist_inner a:link,
.product-info__wishlist .product-info__wishlist_inner a:visited {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.product-info__comparison .vergleich a:hover,
.product-info__comparison .product-info__wishlist_inner a:hover,
.product-info__wishlist .vergleich a:hover,
.product-info__wishlist .product-info__wishlist_inner a:hover {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.product-info__comparison .vergleich svg,
.product-info__comparison .product-info__wishlist_inner svg,
.product-info__wishlist .vergleich svg,
.product-info__wishlist .product-info__wishlist_inner svg {
  max-width: 30px;
  max-height: 30px;
  width: auto;
  height: auto;
  margin-right: 1em;
}

.product-info__comparison .vergleich svg .hhw-icon-stroke,
.product-info__comparison .vergleich svg .hhw-icon-stroke--highlight,
.product-info__comparison .vergleich svg .hhw-icon-stroke--inverted,
.product-info__comparison .product-info__wishlist_inner svg .hhw-icon-stroke,
.product-info__comparison .product-info__wishlist_inner svg .hhw-icon-stroke--highlight,
.product-info__comparison .product-info__wishlist_inner svg .hhw-icon-stroke--inverted,
.product-info__wishlist .vergleich svg .hhw-icon-stroke,
.product-info__wishlist .vergleich svg .hhw-icon-stroke--highlight,
.product-info__wishlist .vergleich svg .hhw-icon-stroke--inverted,
.product-info__wishlist .product-info__wishlist_inner svg .hhw-icon-stroke,
.product-info__wishlist .product-info__wishlist_inner svg .hhw-icon-stroke--highlight,
.product-info__wishlist .product-info__wishlist_inner svg .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  stroke: #ffb600;
}

.product-info__comparison .vergleich svg .hhw-icon-stroke--highlight,
.product-info__comparison .product-info__wishlist_inner svg .hhw-icon-stroke--highlight,
.product-info__wishlist .vergleich svg .hhw-icon-stroke--highlight,
.product-info__wishlist .product-info__wishlist_inner svg .hhw-icon-stroke--highlight {
  stroke: #ffb600;
}

.product-info__comparison .vergleich svg .hhw-icon-stroke--inverted,
.product-info__comparison .product-info__wishlist_inner svg .hhw-icon-stroke--inverted,
.product-info__wishlist .vergleich svg .hhw-icon-stroke--inverted,
.product-info__wishlist .product-info__wishlist_inner svg .hhw-icon-stroke--inverted {
  stroke: transparent;
}

.product-info__comparison .vergleich svg .hhw-icon-fill,
.product-info__comparison .vergleich svg .hhw-icon-fill--highlight,
.product-info__comparison .vergleich svg .hhw-icon-fill--inverted,
.product-info__comparison .product-info__wishlist_inner svg .hhw-icon-fill,
.product-info__comparison .product-info__wishlist_inner svg .hhw-icon-fill--highlight,
.product-info__comparison .product-info__wishlist_inner svg .hhw-icon-fill--inverted,
.product-info__wishlist .vergleich svg .hhw-icon-fill,
.product-info__wishlist .vergleich svg .hhw-icon-fill--highlight,
.product-info__wishlist .vergleich svg .hhw-icon-fill--inverted,
.product-info__wishlist .product-info__wishlist_inner svg .hhw-icon-fill,
.product-info__wishlist .product-info__wishlist_inner svg .hhw-icon-fill--highlight,
.product-info__wishlist .product-info__wishlist_inner svg .hhw-icon-fill--inverted {
  fill: transparent;
}

.product-info__comparison .vergleich svg .hhw-icon-fill--highlight,
.product-info__comparison .product-info__wishlist_inner svg .hhw-icon-fill--highlight,
.product-info__wishlist .vergleich svg .hhw-icon-fill--highlight,
.product-info__wishlist .product-info__wishlist_inner svg .hhw-icon-fill--highlight {
  fill: #ffb600;
}

.product-info__comparison .vergleich svg .hhw-icon-stroke--inverted,
.product-info__comparison .product-info__wishlist_inner svg .hhw-icon-stroke--inverted,
.product-info__wishlist .vergleich svg .hhw-icon-stroke--inverted,
.product-info__wishlist .product-info__wishlist_inner svg .hhw-icon-stroke--inverted {
  fill: transparent;
}

.product-info__comparison .vergleich .wishlist--in svg,
.product-info__comparison .product-info__wishlist_inner .wishlist--in svg,
.product-info__wishlist .vergleich .wishlist--in svg,
.product-info__wishlist .product-info__wishlist_inner .wishlist--in svg {
  max-width: 30px;
  max-height: 30px;
  width: auto;
  height: auto;
  margin-right: 1em;
  vertical-align: middle;
}

.product-info__comparison .vergleich .wishlist--in svg .hhw-icon-stroke,
.product-info__comparison .vergleich .wishlist--in svg .hhw-icon-stroke--highlight,
.product-info__comparison .vergleich .wishlist--in svg .hhw-icon-stroke--inverted,
.product-info__comparison .product-info__wishlist_inner .wishlist--in svg .hhw-icon-stroke,
.product-info__comparison .product-info__wishlist_inner .wishlist--in svg .hhw-icon-stroke--highlight,
.product-info__comparison .product-info__wishlist_inner .wishlist--in svg .hhw-icon-stroke--inverted,
.product-info__wishlist .vergleich .wishlist--in svg .hhw-icon-stroke,
.product-info__wishlist .vergleich .wishlist--in svg .hhw-icon-stroke--highlight,
.product-info__wishlist .vergleich .wishlist--in svg .hhw-icon-stroke--inverted,
.product-info__wishlist .product-info__wishlist_inner .wishlist--in svg .hhw-icon-stroke,
.product-info__wishlist .product-info__wishlist_inner .wishlist--in svg .hhw-icon-stroke--highlight,
.product-info__wishlist .product-info__wishlist_inner .wishlist--in svg .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  stroke: #009640;
}

.product-info__comparison .vergleich .wishlist--in svg .hhw-icon-stroke--highlight,
.product-info__comparison .product-info__wishlist_inner .wishlist--in svg .hhw-icon-stroke--highlight,
.product-info__wishlist .vergleich .wishlist--in svg .hhw-icon-stroke--highlight,
.product-info__wishlist .product-info__wishlist_inner .wishlist--in svg .hhw-icon-stroke--highlight {
  stroke: #009640;
}

.product-info__comparison .vergleich .wishlist--in svg .hhw-icon-stroke--inverted,
.product-info__comparison .product-info__wishlist_inner .wishlist--in svg .hhw-icon-stroke--inverted,
.product-info__wishlist .vergleich .wishlist--in svg .hhw-icon-stroke--inverted,
.product-info__wishlist .product-info__wishlist_inner .wishlist--in svg .hhw-icon-stroke--inverted {
  stroke: transparent;
}

.product-info__comparison .vergleich .wishlist--in svg .hhw-icon-fill,
.product-info__comparison .vergleich .wishlist--in svg .hhw-icon-fill--highlight,
.product-info__comparison .vergleich .wishlist--in svg .hhw-icon-fill--inverted,
.product-info__comparison .product-info__wishlist_inner .wishlist--in svg .hhw-icon-fill,
.product-info__comparison .product-info__wishlist_inner .wishlist--in svg .hhw-icon-fill--highlight,
.product-info__comparison .product-info__wishlist_inner .wishlist--in svg .hhw-icon-fill--inverted,
.product-info__wishlist .vergleich .wishlist--in svg .hhw-icon-fill,
.product-info__wishlist .vergleich .wishlist--in svg .hhw-icon-fill--highlight,
.product-info__wishlist .vergleich .wishlist--in svg .hhw-icon-fill--inverted,
.product-info__wishlist .product-info__wishlist_inner .wishlist--in svg .hhw-icon-fill,
.product-info__wishlist .product-info__wishlist_inner .wishlist--in svg .hhw-icon-fill--highlight,
.product-info__wishlist .product-info__wishlist_inner .wishlist--in svg .hhw-icon-fill--inverted {
  fill: #009640;
}

.product-info__comparison .vergleich .wishlist--in svg .hhw-icon-fill--highlight,
.product-info__comparison .product-info__wishlist_inner .wishlist--in svg .hhw-icon-fill--highlight,
.product-info__wishlist .vergleich .wishlist--in svg .hhw-icon-fill--highlight,
.product-info__wishlist .product-info__wishlist_inner .wishlist--in svg .hhw-icon-fill--highlight {
  fill: #009640;
}

.product-info__comparison .vergleich .wishlist--in svg .hhw-icon-stroke--inverted,
.product-info__comparison .product-info__wishlist_inner .wishlist--in svg .hhw-icon-stroke--inverted,
.product-info__wishlist .vergleich .wishlist--in svg .hhw-icon-stroke--inverted,
.product-info__wishlist .product-info__wishlist_inner .wishlist--in svg .hhw-icon-stroke--inverted {
  fill: transparent;
}

.product-info__comparison .vergleich .wishlist--in svg,
.product-info__comparison .vergleich .wishlist--out svg,
.product-info__comparison .product-info__wishlist_inner .wishlist--in svg,
.product-info__comparison .product-info__wishlist_inner .wishlist--out svg,
.product-info__wishlist .vergleich .wishlist--in svg,
.product-info__wishlist .vergleich .wishlist--out svg,
.product-info__wishlist .product-info__wishlist_inner .wishlist--in svg,
.product-info__wishlist .product-info__wishlist_inner .wishlist--out svg {
  display: initial;
  padding: 2px;
}

/* criteria + tabbed-accordion */
.tab-title {
  font-size: 0.9em;
  line-height: 1.2em;
  font-weight: bold;
  display: inline-block;
  padding: 12px 1em;
  margin: 0;
  border-right: 1px solid #fff;
  background-color: #646464;
  border-radius: 12px 12px 0 0;
}

.tab-title--active {
  background-color: #009640;
  color: #fff;
}

.tab-title--neutral {
  background-color: #fff;
  border-color: #fff;
  padding-left: 0;
  padding-right: 0;
  border-left: 0;
  border-right: 0;
}

.tab-content, .tabbed-accordion__content {
  background-color: #fff;
  padding-top: 12px;
  border-top: 2px solid #009640;
}

.tab-content::after, .tabbed-accordion__content::after {
  clear: both;
  content: "";
  display: table;
}

.tab-content p, .tabbed-accordion__content p, .tab-content td, .tabbed-accordion__content td, .tab-content li, .tabbed-accordion__content li {
  font-size: 0.9em;
  line-height: 1.2em;
}

.criteria__content-table {
  border-collapse: collapse;
  width: 100%;
  margin: 1em 0;
}

.criteria__content-table td {
  font-size: 0.9em;
  line-height: 1.2em;
  padding: 0 0 0 1em;
  vertical-align: top;
  line-height: 1.8em;
}

.criteria__content-table td:last-child {
  text-align: right;
  white-space: nowrap;
  padding-right: 1em;
}

.criteria__content-table tr:nth-of-type(odd) td {
  background-color: #f5f5f5;
}

.criteria__content-table img {
  vertical-align: top;
  margin-top: 5px;
  display: none;
}

.criteria__content-table .tooltip-row:hover {
  cursor: pointer;
}

.criteria__content-table .tooltip-row:hover .tooltip-column {
  background-color: #b1b1b1;
  color: #fff;
}

.criteria__content-table .tooltip-column {
  padding: 0;
  border-right: 2px solid #fff;
  width: 24px;
  text-align: center;
}

.criteria__content-table .tooltip-column:before {
  content: '+';
}

.criteria__content-table .tooltip--active td {
  font-weight: bold;
}

.criteria__content-table .tooltip--active .tooltip {
  display: block !important;
}

.criteria__content-table .tooltip--active .tooltip-column:before {
  content: '\2013';
}

.criteria__content-table .tooltip {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

/* tabbed-accordion */
.tabbed-nav {
  display: none;
  margin: 0;
  padding: 0;
}

.tabbed-nav .tab-title {
  padding: 0;
}

.tabbed-nav .tab-title a {
  display: block;
  padding: 12px 1em;
  color: #fff;
  text-decoration: none;
}

.tabbed-accordion {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.tabbed-accordion__content {
  word-break: break-word;
  padding: 12px 0 0 0;
}

.tabbed-accordion__content ul {
  margin-bottom: 24px;
}

.tabbed-accordion__content > p:first-child {
  margin-top: 12px;
}

.tabbed-accordion__content--preview {
  height: 250px;
  overflow: hidden;
  position: relative;
}

.accordion-title {
  font-size: 0.9em;
  line-height: 1.2em;
  margin: 24px 0 0 0;
  background-color: #009640;
  display: block;
  border-radius: 12px;
}

.accordion-title a {
  display: block;
  position: relative;
  padding: 1em;
  color: #fff;
  text-decoration: none;
}

.accordion-title a:after {
  content: '+';
  font-size: 2em;
  position: absolute;
  right: 0.5em;
}

.tabbed-accordion li:first-child .accordion-title {
  margin-top: 0;
}

.accordion-title--active {
  background-color: #fff;
  color: #009640;
}

.accordion-title--active a {
  color: #009640;
  padding-left: 0;
}

.accordion-title--active a:hover {
  cursor: default;
}

.accordion-title--active a:after {
  content: '';
}

.cliplister-wrapper {
  width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.swiper-slide .cliplister-wrapper {
  width: 560px !important;
}

/* finance content + guarantee content */
.tabbed-accordion__content ul:not([class]),
.tabbed-accordion__content ol:not([class]),
.tab-content ul:not([class]), .tabbed-accordion__content ul:not([class]),
.tab-content ol:not([class]), .tabbed-accordion__content ol:not([class]) {
  margin: 24px 0 24px 1.25em;
  padding-left: 0;
}

.tabbed-accordion__content ul:not([class]),
.tab-content ul:not([class]), .tabbed-accordion__content ul:not([class]) {
  list-style-type: disc;
}

.tabbed-accordion__content ol:not([class]),
.tab-content ol:not([class]), .tabbed-accordion__content ol:not([class]) {
  list-style-type: decimal;
}

.finance__table,
.guarantee-extension__table {
  width: 100%;
  max-width: 30em;
  margin-bottom: 24px;
}

.finance__table th, .finance__table td,
.guarantee-extension__table th,
.guarantee-extension__table td {
  padding: 12px 0.5em 0 0;
}

.finance__table th:last-child, .finance__table td:last-child,
.guarantee-extension__table th:last-child,
.guarantee-extension__table td:last-child {
  text-align: right;
  padding-right: 0;
}

/* preview link */
.link-open-modal {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, white 80%);
}

.link-open-modal > span {
  position: absolute;
  bottom: 1.5em;
  left: 0;
  text-align: center;
  line-height: 2em;
}

.link-open-modal > span span {
  padding: 0.5em 0;
  background-color: #fff;
}

/* also purchased */
.also-purchased__list {
  width: 100%;
  float: left;
}

.also-purchased__item {
  width: 100%;
  float: left;
  margin-bottom: 24px;
  text-align: center;
}

.also-purchased__product {
  width: 100%;
  float: left;
  position: relative;
}

.also-purchased__image-link,
.also-purchased__products-description {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.also-purchased__image-link {
  height: 75px;
  overflow: hidden;
}

.also-purchased__products-image {
  max-height: 75px;
  max-width: 100%;
  height: auto;
  width: auto;
  vertical-align: middle;
}

.also-purchased__products-description {
  margin-bottom: 0;
}

.also-purchased__text-link {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
  font-weight: bold;
  display: block;
}

.also-purchased__text-link:link, .also-purchased__text-link:visited {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.also-purchased__text-link:hover {
  color: #4d4d4d !important;
  background-color: transparent !important;
  text-decoration: underline !important;
}

.also-purchased__products-price {
  display: block;
  padding-top: 6px;
  font-weight: bold;
  color: #ffb600;
}

/* product-info__cross-selling */
.cross-selling__item {
  width: 100%;
  float: left;
  margin-bottom: 24px;
  text-align: center;
  position: relative;
}

.cross-selling__list,
.cross-selling__products-description,
.cross-selling__order-box {
  width: 100%;
  float: left;
}

.cross-selling__image-link,
.cross-selling__products-title,
.cross-selling__price-box,
.cross-selling__add-to-cart {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.product-info__cross-selling .cross-selling__add-to-cart-qty-column {
  height: auto;
  width: auto;
  display: inline-block;
  vertical-align: top;
}

.product-info__cross-selling .cross-selling__add-to-cart-qty-column .qty--add-to-cart {
  height: 30px;
  width: 50px;
  vertical-align: top;
}

.cross-selling__products-title a {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
  font-weight: bold;
}

.cross-selling__products-title a:link, .cross-selling__products-title a:visited {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.cross-selling__products-title a:hover {
  color: #4d4d4d !important;
  background-color: transparent !important;
  text-decoration: underline !important;
}

.cross-selling__products-image {
  max-height: 75px;
  max-width: 100%;
  height: auto;
  width: auto;
  vertical-align: middle;
}

.cross-selling__price-box {
  margin: 6px 0;
}

.cross-selling__tax-info {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
}

.cross-selling__eek-eu-sheet {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
}

.cross-selling__price {
  font-weight: bold;
  color: #ffb600;
}

.cross-selling__base-price {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
}

.cross-selling__minimum-order-quantity {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
  color: #880000;
}

.product-info__recommended-categories .subcategory-list {
  margin: 0 -1em;
  width: calc(100% + 2em);
}

/* other products in category */
.product-info__other-products .tab-title a {
  color: #fff !important;
  background-color: transparent !important;
  text-decoration: underline !important;
}

.product-info__other-products .tab-title a:link, .product-info__other-products .tab-title a:visited {
  color: #fff !important;
  background-color: transparent !important;
  text-decoration: underline !important;
}

.product-info__other-products .tab-title a:hover {
  color: #fff !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

/* common information */
.product-info__common-information .tab-content, .product-info__common-information .tabbed-accordion__content {
  padding: 0 1em;
}

.fancybox-content .in-cart-box-cross-selling .tabbed-nav {
  display: none;
}

@media (min-width: 21em) {
  .also-purchased__image-link,
  .cross-selling__image-link {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .also-purchased__products-description,
  .cross-selling__products-description,
  .also-purchased__products-eek-link {
    width: 66.6666666667%;
    float: left;
    text-align: left;
  }
  .product-info__cross-selling .cross-selling__add-to-cart-qty-column {
    float: left;
  }
}

@media (min-width: 30em) {
  .buy-area__list dt {
    width: 9em;
  }
  .buy-area__list dd {
    padding-left: 9em;
  }
  .product-info__service-box .half--left,
  .product-info__service-box .half--right {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
  }
  .also-purchased__item {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .also-purchased__item:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
  }
  .also-purchased__item:nth-child(2n + 2) {
    margin-left: 50%;
    margin-right: -100%;
    clear: none;
  }
  .also-purchased__image-link {
    width: 100%;
    float: left;
    padding-left: 0;
    padding-right: 0;
  }
  .also-purchased__products-description {
    width: 100%;
    float: left;
    padding-top: 12px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 34em) {
  .product-info__main {
    width: 50%;
    float: left;
  }
  .product-info__header {
    position: relative;
    margin-bottom: 0;
  }
  .product-info__title {
    min-height: 60px;
  }
  .product-info__showroom {
    margin-bottom: 48px;
  }
  .product-info__showroom #showroom {
    max-height: 100%;
  }
  .product-info__showroom .product-info__image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .product-info__showroom .showroom--noimage .product-info__image {
    max-width: 100%;
    max-height: 200px;
    width: auto;
    height: auto;
  }
  .product-info__offer-box {
    width: 50%;
    float: left;
    padding-left: 0;
    padding-right: 0;
  }
  .product-info__buy-area {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
  }
  .buy-area__list dt {
    width: 6em;
  }
  .buy-area__list dd {
    padding-left: 6em;
  }
  .product-info__info-box {
    width: 100%;
    float: left;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
  }
  .product-info__summary {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .product-info__manufacture {
    margin-bottom: 24px;
    padding-right: 1em;
  }
  .also-purchased__item {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .also-purchased__item:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
  }
  .also-purchased__item:nth-child(3n + 2) {
    margin-left: 33.3333333333%;
    margin-right: -100%;
    clear: none;
  }
  .also-purchased__item:nth-child(3n + 3) {
    margin-left: 66.6666666667%;
    margin-right: -100%;
    clear: none;
  }
}

@media (min-width: 40em) {
  .buy-area__list dt {
    width: 7em;
  }
  .buy-area__list dd {
    padding-left: 7em;
  }
}

@media (min-width: 50em) {
  .product-info__main {
    width: 58.3333333333%;
    float: left;
  }
  .product-info__criteria {
    width: 100%;
    float: left;
    padding-left: 0;
    padding-right: 0;
  }
  .criteria--columns-1 {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .criteria--columns-2 {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .product-info__bazaarvoice,
  .product-info__also-purchased,
  .product-info__common-information {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .product-info__showroom {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .product-info__description {
    width: 58.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .product-info__offer-box,
  .product-info__service-box {
    clear: right;
    width: 41.6666666667%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
  }
  .product-info__offer-box {
    padding: 0;
  }
  .product-info__service-box {
    padding-left: 0;
  }
  .product-info__service-box h2 {
    margin-top: 0;
  }
  .product-info__service-box .half--left,
  .product-info__service-box .half--right {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
    padding-right: 0;
  }
  .tab-content, .tabbed-accordion__content {
    position: relative;
  }
  .accordion-title {
    display: block;
  }
  .tabbed-accordion {
    display: block;
  }
  .finance__table {
    max-width: 30em;
  }
  .also-purchased__item {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .also-purchased__item:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
  }
  .also-purchased__item:nth-child(4n + 2) {
    margin-left: 25%;
    margin-right: -100%;
    clear: none;
  }
  .also-purchased__item:nth-child(4n + 3) {
    margin-left: 50%;
    margin-right: -100%;
    clear: none;
  }
  .also-purchased__item:nth-child(4n + 4) {
    margin-left: 75%;
    margin-right: -100%;
    clear: none;
  }
  .cross-selling__item {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .cross-selling__item:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
  }
  .cross-selling__item:nth-child(2n + 2) {
    margin-left: 50%;
    margin-right: -100%;
    clear: none;
  }
}

@media (min-width: 60em) {
  .product-info__offer-box {
    width: 33.3333333333%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
    padding-right: 0;
  }
  .product-info__buy-area {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
  }
  .product-info__description {
    width: 66.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .product-info__description .tabbed-accordion li:first-child .tabbed-accordion__content {
    padding-left: 1em;
    padding-right: 1em;
  }
  .tabbed-accordion__list-item--description {
    padding: 0 1em;
  }
  .product-info__service-box {
    width: 33.3333333333%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
    clear: right;
  }
  .also-purchased__item {
    width: 16.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .also-purchased__item:nth-child(6n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
  }
  .also-purchased__item:nth-child(6n + 2) {
    margin-left: 16.6666666667%;
    margin-right: -100%;
    clear: none;
  }
  .also-purchased__item:nth-child(6n + 3) {
    margin-left: 33.3333333333%;
    margin-right: -100%;
    clear: none;
  }
  .also-purchased__item:nth-child(6n + 4) {
    margin-left: 50%;
    margin-right: -100%;
    clear: none;
  }
  .also-purchased__item:nth-child(6n + 5) {
    margin-left: 66.6666666667%;
    margin-right: -100%;
    clear: none;
  }
  .also-purchased__item:nth-child(6n + 6) {
    margin-left: 83.3333333333%;
    margin-right: -100%;
    clear: none;
  }
  .cross-selling__item {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .cross-selling__item:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
  }
  .cross-selling__item:nth-child(3n + 2) {
    margin-left: 33.3333333333%;
    margin-right: -100%;
    clear: none;
  }
  .cross-selling__item:nth-child(3n + 3) {
    margin-left: 66.6666666667%;
    margin-right: -100%;
    clear: none;
  }
}

@media (min-width: 70em) {
  .product-info {
    width: 100%;
    float: left;
  }
  .product-info__main {
    width: 70%;
    float: left;
  }
  .product-info__offer-box {
    width: 30%;
    float: right;
    padding-left: 0;
    padding-right: 0;
  }
  .product-info__description {
    width: 70%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .product-info__service-box {
    width: 30%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
  }
}

.fancybox-content .also-purchased__item,
.fancybox-content .cross-selling__item {
  width: 100%;
  float: left;
  margin: 0;
  margin-bottom: 24px;
  text-align: center;
}

.fancybox-content .also-purchased__product {
  width: 100%;
  float: left;
  position: relative;
}

.fancybox-content .also-purchased__image-link,
.fancybox-content .cross-selling__image-link {
  width: 33.3333333333%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.fancybox-content .also-purchased__products-description,
.fancybox-content .cross-selling__products-description {
  width: 66.6666666667%;
  float: left;
  text-align: left;
}

.fancybox-content .also-purchased__products-description {
  padding-top: 0;
}

.christmas-shipping-banner {
  position: relative;
  padding: 1em;
  margin-bottom: 24px;
}

.christmas-shipping-banner .box {
  text-align: center;
  background-color: #f5f5f5;
  padding: 1.5em 2em;
  margin: 0;
}

.christmas-shipping-banner .box h2 {
  margin: 0;
  color: #009640;
  font-size: 20px;
  line-height: 24px;
}

.christmas-shipping-banner .box p {
  margin: 0;
  color: #009640;
  font-size: 14px;
  line-height: 16px;
}

.christmas-shipping-banner .first {
  background: url(img/schleife_links.png) transparent no-repeat top left;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.christmas-shipping-banner .second {
  background: url(img/schleife_rechts.png) transparent no-repeat bottom right;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.christmas-shipping-delay-banner {
  margin-bottom: 24px;
}

.christmas-shipping-delay-banner .box {
  background: url(img/icon-info.png) #f5f5f5 no-repeat 12px 12px;
  padding: 12px;
  padding-left: 64px;
  margin: 0;
  min-height: 64px;
}

.christmas-shipping-delay-banner .box h2 {
  margin: 0;
  color: #009640;
  font-size: 20px;
  line-height: 24px;
}

.christmas-shipping-delay-banner .box p {
  margin: 0;
  color: #009640;
  font-size: 14px;
  line-height: 16px;
}

.xtc4 .christmas-shipping-delay-banner .box h2, .xtc4 .christmas-shipping-delay-banner .box p {
  color: #009640;
}

@media (min-width: 30em) {
  .christmas-shipping-banner .box {
    padding: 1em;
  }
  .christmas-shipping-banner .second {
    display: block;
  }
}

@media (min-width: 40em) {
  .product-info__cross-selling .tabbed-nav {
    display: block;
  }
}

.product-info__cross-selling .tabbed-nav .tab-title > span {
  display: block;
  padding: 12px 1em;
}

@media (min-width: 40em) {
  .product-info__cross-selling .tabbed-content > li:not(:first-of-type) .cross-selling__list {
    display: none;
  }
}

.product-info__cross-selling .tabbed-content .cross-selling__list {
  border-top: none;
  margin-bottom: 1em;
  padding: 0;
  position: relative;
}

@media (min-width: 40em) {
  .product-info__cross-selling .tabbed-content .cross-selling__list {
    border-top: 2px solid #009640;
    display: none;
    padding: 12px 0 0 0;
  }
  .product-info__cross-selling .tabbed-content .cross-selling__list.tab-content--active {
    display: block !important;
  }
}

@media (min-width: 40em) {
  .product-info__cross-selling .tabbed-content .cross-selling__list {
    margin-bottom: inherit;
    margin-top: 0;
    padding-top: 12px;
  }
}

.product-info__cross-selling .tabbed-content .cross-selling__list:before {
  background-color: #009640;
  border-radius: 12px 12px 0 0;
  color: #fff;
  content: attr(data-group-label);
  display: inline-block;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0;
  padding: 12px 1em;
}

@media (min-width: 40em) {
  .product-info__cross-selling .tabbed-content .cross-selling__list:before {
    display: none;
    top: 0;
  }
}

.product-info__cross-selling .tabbed-content .cross-selling__list > li:first-of-type {
  border-top: 2px solid #009640;
  padding-top: 12px;
}

.product-info__cross-selling .tabbed-content .cross-selling__list > li:first-of-type .eek-badge {
  top: 1em;
}

@media (min-width: 40em) {
  .product-info__cross-selling .tabbed-content .cross-selling__list > li:first-of-type {
    border-top: none;
    padding-top: 0;
  }
  .product-info__cross-selling .tabbed-content .cross-selling__list > li:first-of-type .eek-badge {
    top: 0;
  }
}

.fancybox-content .in-cart-box-cross-selling .tabbed-content .cross-selling__list {
  border-top: none;
  margin-bottom: 1em;
  padding: 0px;
  position: relative;
}

.fancybox-content .in-cart-box-cross-selling .tabbed-content .cross-selling__list:before {
  background-color: #009640;
  border-radius: 12px 12px 0 0;
  color: #fff;
  content: attr(data-group-label);
  display: inline-block;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0;
  padding: 12px 1em;
}

.fancybox-content .in-cart-box-cross-selling .tabbed-content .cross-selling__list > li:first-of-type {
  border-top: 2px solid #009640;
  padding-top: 12px;
}

.fancybox-content .in-cart-box-cross-selling .tabbed-content .cross-selling__list > li:first-of-type .eek-badge {
  top: 1em;
}

ul.message--info {
  font-size: 0.9em;
  line-height: 1.2em;
  margin: 1em 0;
}

ul.message--info li {
  margin-bottom: 1em;
}

.checkout-shipping__address,
.checkout-payment__address,
.checkout-shipping__content-box,
.checkout-payment__content-box,
.checkout-payment__gift-box,
.checkout-confirmation__messages,
.checkout-confirmation__shipping-address,
.checkout-confirmation__payment-address,
.checkout-confirmation__shipping-method,
.checkout-confirmation__payment-method,
.checkout-confirmation__customer-order-id {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

/* shipping / payment */
.shipping-address__content,
.payment-address__content,
.amazon-checkout__content {
  font-size: 0.9em;
  line-height: 1.2em;
}

.shipping-method,
.payment-method {
  font-size: 0.9em;
  line-height: 1.2em;
  padding-bottom: 1em;
  padding-top: 1em;
  border-top: 1px solid #dddddd;
}

.shipping-method > label,
.payment-method > label {
  display: block;
  padding-left: 2em;
  cursor: pointer;
  box-sizing: border-box;
}

.shipping-method > label img,
.payment-method > label img {
  max-height: 30px;
  max-width: 100%;
  height: auto;
  width: auto;
}

.shipping-method > label input,
.payment-method > label input {
  position: absolute;
  margin-left: -2em;
}

.payment-method .payment-method__vault-box label, .payment-method .payment-method__vault-box input {
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.payment-method__price .discount {
  font-weight: bold;
  color: #008800;
  white-space: nowrap;
}

.payment-method__discount {
  white-space: normal;
  display: block;
}

input:checked + strong + .payment-method__price,
input:checked + strong + .shipping-method__price {
  font-weight: bold;
}

.shipping-method__price,
.payment-method__price,
.payment-method__vaulted {
  white-space: nowrap;
  vertical-align: top;
  padding-left: 1em;
}

.payment-method__description {
  clear: both;
  margin: 0 0 0 2em;
}

.payment-method__description ul {
  list-style-type: disc;
  margin: 1em 0 1em 1em;
}

.payment-method__description ul li {
  line-height: 24px;
}

.payment-method__description span {
  line-height: 4em;
  color: #4d4d4d;
}

.checkout-payment__continue-box {
  position: relative;
  min-height: 55px;
}

.checkout-payment__continue-box .loader__text {
  font-size: 0.9em;
  line-height: 1.2em;
}

.checkout-payment__paypal-container {
  display: none;
}

.checkout-payment__paypal-container > div:not(:first-child) {
  margin-top: 16px;
  margin-bottom: 16px;
}

.checkout-payment__paypal-container > div {
  max-height: 55px;
}

.shipping-method__description {
  margin: 0 0 0 2em;
}

.shipping-services {
  max-width: 50em;
  margin: 0 0 0 2em;
}

.shipping-services td {
  vertical-align: top;
}

.shipping-services label {
  display: block;
  padding-left: 2em;
}

.shipping-services input {
  margin-left: -2em;
  position: absolute;
}

.shipping-services.inactive {
  color: #d3d3d3;
}

.shipping-services__description {
  margin-left: 3em;
}

.shipping-services__description li {
  margin: 0.25em 0;
}

.shipping-services__description li:before {
  position: absolute;
  margin-left: -0.6em;
  content: '\2022';
  font-size: 1em;
}

.shipping-services__price {
  padding-left: 1em;
  white-space: nowrap;
  text-align: right;
}

.shipping-address__heading span,
.payment-address__heading span,
.shipping-method__heading span,
.payment-method__heading span,
.customer-order-id__heading span {
  font-size: 0.7875em;
  line-height: 1.3714285714em;
  display: block;
  font-weight: normal;
}

.dropshipping-address .shipping-address__heading {
  margin-top: 48px;
}

.dropshipping-address .compact-form__label {
  width: auto;
}

.dropshipping-address .inactive {
  position: relative;
}

.dropshipping-address .inactive:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
}

.dropshipping-address .inactive .inactive:before {
  display: none;
}

.dropshipping-pdf.inactive {
  opacity: 0.5;
}

.shipping-method__content,
.payment-method__content,
.customer-order-id__content {
  font-size: 0.9em;
  line-height: 1.2em;
}

.payment-method__checkout-description {
  margin: 0 0 24px 0;
}

.checkout-confirmation__customer-comment {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 24px;
}

.checkout-confirmation__customer-comment textarea {
  width: 100%;
}

.checkout-success {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.success-box {
  background-color: #f2f9f2;
  color: #008800;
  border: 1px solid #b3dbb3;
  border-radius: 5px;
  padding: 1em;
  margin-bottom: 1em;
}

.success-box::after {
  clear: both;
  content: "";
  display: table;
}

.success-box p {
  font-size: 0.9em;
  line-height: 1.2em;
}

.success-box div.success-message {
  margin: 0 auto;
  position: relative;
  padding-left: 4em;
  min-height: 4em;
}

.success-box div.success-message:before {
  content: '\2713';
  color: #008800;
  position: absolute;
  width: 1em;
  height: 1.5em;
  margin-left: -1.5em;
  font-size: 2em;
  text-align: center;
}

.success-box div.stack {
  min-height: 2.25em;
}

.success-box div.stack div {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.attention-box {
  background-color: #f2f5f8;
  color: #003871;
  border: 1px solid #b3c3d4;
  border-radius: 5px;
  padding: 1em;
  margin-bottom: 1em;
}

.attention-box::after {
  clear: both;
  content: "";
  display: table;
}

.attention-box p {
  font-size: 0.9em;
  line-height: 1.2em;
}

.attention-box p:last-of-type {
  margin-bottom: 0;
}

.attention-box > div {
  margin: 0 auto;
  position: relative;
  padding-left: 4em;
  min-height: 4em;
}

.attention-box > div:before {
  content: '';
  color: #003871;
  position: absolute;
  width: 1em;
  height: 1.5em;
  margin-left: -1.5em;
  font-size: 2em;
  text-align: center;
}

.attention-box > div + div {
  margin-top: 1em;
}

.signup-box {
  border: 1px solid #b3c3d4;
  border-radius: 5px;
  padding: 1em;
  margin-bottom: 1em;
}

@media (min-width: 70em) {
  .signup-box {
    padding-left: 5em;
  }
}

.signup-box h2 {
  font-size: 2em;
}

.signup-box .signup-box-wrap {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

@media (min-width: 60em) {
  .signup-box .signup-box-wrap {
    flex-wrap: nowrap;
  }
}

.signup-box ol, .signup-box ul {
  margin: 0 0 24px 1em;
  padding-left: 1px;
}

.signup-box ol > li, .signup-box ul > li {
  margin-bottom: .5em;
  font-size: 0.9em;
  line-height: 1.2em;
}

.signup-box ol > li:before, .signup-box ul > li:before {
  content: "\2022";
  font-size: 16px;
  color: #76b72a;
  font-weight: bold;
  display: inline-block;
  width: .8em;
  margin-left: -.8em;
}

@media (min-width: 50em) {
  .signup-box .signup-box__left {
    padding-right: 5em;
  }
}

.signup-box .signup-box-info {
  font-size: 0.9em;
  line-height: 1.2em;
}

/* vrpay cc form */
.wpwl-form {
  margin: 0 0 48px 0 !important;
}

/* catalog abbestellen */
.catalog-box {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 1em;
}

.catalog-box__content {
  background-color: #ffb600;
  padding: 1em;
}

.catalog-box__content table {
  margin: 0;
}

.catalog-box__content .catalog-box__image-cell {
  vertical-align: middle;
}

.catalog-box__content img {
  height: 6em;
  width: auto;
  float: left;
  margin: 0;
}

.catalog-box__content .catalog-box__text-cell {
  font-size: 0.9em;
  line-height: 1.2em;
  overflow: hidden;
  vertical-align: middle;
}

.checkout-feedback {
  margin-top: 24px;
  position: relative;
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  background-color: #009640;
  color: #fff;
  border-radius: 5px;
  padding: 24px;
}

.checkout-feedback h2 {
  font-size: 2em;
  margin-top: 0;
}

.checkout-feedback textarea {
  margin-top: 0.5em;
  width: 100%;
}

.checkout-feedback p {
  font-size: 0.9em;
  line-height: 1.2em;
  margin-bottom: 24px;
}

.checkout-feedback .right {
  margin-top: 48px;
}

.checkout-feedback .position-x input {
  width: 20px;
  margin-right: 10px;
  float: left;
}

.checkout-feedback .position-x .label-text {
  overflow: hidden;
  display: block;
}

.checkout-feedback label {
  display: block;
  font-size: 0.9em;
  line-height: 1.2em;
}

.checkout-feedback textarea {
  min-height: 5em;
}

.checkout-feedback--success {
  background-color: #008800;
}

.xtc1 .checkout-feedback h2 {
  font-family: Veneer, sans-serif;
}

@media (min-width: 21em) {
  .checkout-confirmation__shipping-address,
  .checkout-confirmation__payment-address,
  .checkout-confirmation__shipping-method,
  .checkout-confirmation__payment-method,
  .checkout-confirmation__customer-order-id {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    border-top: 1px solid #dddddd;
  }
  .checkout-confirmation__customer-comment {
    border-top: 1px solid #dddddd;
  }
  .catalog-box__content img {
    margin-right: 1em;
  }
}

@media (min-width: 34em) {
  .checkout-confirmation__shipping-address,
  .checkout-confirmation__payment-address,
  .checkout-confirmation__shipping-method,
  .checkout-confirmation__payment-method,
  .checkout-confirmation__customer-order-id {
    border: 0;
  }
  .catalog-box__content {
    padding-right: 2em;
  }
  .catalog-box__content img {
    height: 8em;
    width: auto;
    margin-top: 0.5em;
  }
}

@media (min-width: 40em) {
  .trusted-shops__table td:last-child {
    white-space: nowrap;
  }
  .checkout-shipping__address,
  .checkout-payment__address {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .checkout-shipping__content-box,
  .checkout-payment__content-box {
    width: 66.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .checkout-feedback .left {
    width: 60%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
  }
  .checkout-feedback .right {
    margin-top: 0;
    width: 35%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
    padding-right: 0;
  }
  .checkout-feedback .position-x {
    position: absolute;
    width: 35%;
    bottom: 24px;
    padding-right: 24px;
  }
}

@media (min-width: 50em) {
  .checkout-confirmation__info .checkout-confirmation__shipping-address,
  .checkout-confirmation__info .checkout-confirmation__payment-address,
  .checkout-confirmation__info .checkout-confirmation__shipping-method,
  .checkout-confirmation__info .checkout-confirmation__payment-method {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .checkout-confirmation__info-full .checkout-confirmation__shipping-address,
  .checkout-confirmation__info-full .checkout-confirmation__payment-address,
  .checkout-confirmation__info-full .checkout-confirmation__shipping-method,
  .checkout-confirmation__info-full .checkout-confirmation__payment-method,
  .checkout-confirmation__info-full .checkout-confirmation__customer-order-id {
    width: 20%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .checkout-shipping__address,
  .checkout-payment__address {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .checkout-shipping__content-box,
  .checkout-payment__content-box {
    width: 75%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .catalog-box__content img {
    height: 10em;
    width: auto;
    margin-right: 1em;
  }
}

@media (min-width: 70em) {
  .catalog-box__content img {
    margin-right: 2em;
  }
}

.customer_order_id__optional_note {
  font-style: italic;
}

#customer_order_id_input {
  width: 95%;
}

@media (min-width: 1482px) {
  .customer-order-id__heading {
    margin-bottom: 19px;
  }
}

@media (max-width: 1481px) {
  .customer-order-id__heading {
    margin-bottom: 5px;
  }
}

.payment-method__cc-main {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(242px, 400px));
  padding-top: 1em;
}

.payment-method__cc-block--alpha {
  background: whitesmoke;
  border-radius: 12px;
  display: grid;
  margin-left: -2em;
  padding: .5em;
}

@media (min-width: 340px) {
  .payment-method__cc-block--alpha {
    padding: 2em;
  }
}

.payment-method__cc-block--alpha .form-control {
  background: white;
  border-radius: 12px;
  border: 1px solid #cfcfcf;
  height: 50px;
  padding: 10px;
  position: relative;
  width: auto;
}

.payment-method__cc-block--alpha .form-control.braintree-hosted-fields-focused:not(.braintree-hosted-fields-invalid):not(.braintree-hosted-fields-valid) {
  border: 1px solid #646464;
}

.payment-method__cc-block--alpha .payment-method__cc--row:nth-of-type(3) {
  display: grid;
  grid-row: 3;
  grid-template-columns: minmax(130px, 1fr) minmax(0, 1fr) minmax(90px, 1fr);
}

.payment-method__cc-block--alpha .payment-method__cc--row:nth-of-type(3) .payment-method__cc--col:nth-of-type(1) {
  grid-column: 1;
}

.payment-method__cc-block--alpha .payment-method__cc--row:nth-of-type(3) .payment-method__cc--col:nth-of-type(2) {
  grid-column: 3;
}

.payment-method__cc-block--alpha .compact-label__text {
  background-color: transparent;
  background-image: linear-gradient(to bottom, transparent, transparent 60%, #fff 60%, #fff 100%);
  z-index: 1;
}

@-moz-document url-prefix() {
  .payment-method__cc-block--alpha .compact-label__text {
    background-image: linear-gradient(to bottom, transparent, #f5f5f5 50%, #fff 70%, #fff 100%);
  }
}

.payment-method__cc-block--alpha .compact-form__label {
  padding-top: 1em;
}

.payment-method__cc-block--alpha #card-image {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAG1CAMAAABUL/NdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAMAUExURQAAAP7+/v///7aQfv////7++v///SYwMM3Py/7+9////////hshcP///P///////v////r67////+/y8////f///hofcf7+/vn69////UFWa////////v///v///f///////gCKtf///gp+twCLuACLtg19uM8AGv///QtvtdYNIRofcRofcQCItiInLv///v///tMIIf///hgcKP///gKKtv39+QBruQeCs////dQCG////P///gCHugKKtv398AKItVW1MAOOv////gh2ruADM////////uIGN87PzixKLdgMIytsygOMuv///ugVMuA1KytrygoPFNAAHdkjMh1swOUPNAoPFM7Q0OAUM+53gVKyMQCLttAAGs3OzOuXOAhDj3ujyitsyuYOM/Ly9P7+/gkOEwoPFAoPFNwgL8nW31OyMSYzaSksLyosLiksLiksL/CnPP//3w1Smv///9DQ0AkOEyYzadEBGuITMxpvvwKc3FOyMPGtPABJlgCc3b3K1uyeOSgsLiosLvCmPCaOwQoPFGqYxCEqawBJllW1MwBtu1OzMrnS5QxQlgCd3eePNOeANvGsPP//1mGNu73V5uVuQzFywUF8tP//9FOyMUt+tbPP4///9Lw2Ud6oteiBN1GyMff39+Li4eLo7JCx0fjXoBofcf///v///////87PzCotL/GtPe0cLtgjMgCd3QFKl7+/v6DC3OIBN93q8ufn51KyMCtryQCLtpSVlgBsueNiOCY0aiaSxu/0+QFruFCDtyg2bgBruAoPFOiBNyQpdx8mT9kCHF9lm25xpdTV5cra6fXDxPnZ2+paZlBUkoaJtCMvYa7J4IFWffnhufSvtLe50+vs8cPL3vvs0ZfX8ffP0g+j3++ZnZGTu6Olxjy05e8yQt1AQNnf667g9NLu+fO5WiiFund6q/vl5h8iSmrF60FFiTQ4gdzc3N8CHSNRgfzw6ixuqPTBbRten/jYpOd2QemGZ0x2p9gCHKdBYfbNiffSlNoCHJC92i8BOu4AAACndFJOUwD+zQLeFjQZfA2/ZmBU7p3SBeElSfLB+i1+BqKqdYzErtuDGmLuL75tQmmwoE9EOrkZkilexB2+JED8JnA7sAeFQpvsD0TZ6cCADje1cVvoDdviUt6WjXxwPv6/+OjxRVT+8dH8sk+xx3qmq6it4vfi132Id85p4M2rXvntetG6Vm1zf/HrkPx7cCzrZNat3SHgpWbyxKFw9J7OzOtg8e6/f7tllqY8IjjhAgAAEslJREFUeNrtnXlcU1fax08SiJNQCGCYhICQkBDBDotAKFuAIpJWRRSrVAb3tdPdttal+6K22u3tNm1ned+/yOcUrcqrNVM0bmVERLTW3bpr1bHOq7XbvO287/Ocm5sEK4rJSavt/UWSw12+9znP85zz3JsbIiGXkz5C1eX33pSGk+AVS+NDgU2qygoF9lIFhI1R6gVXKvS9hSVlwu/h+qziGBGbXyxur4LFYlOpFKMQruwSj7IkHaW6CKBroBGVhsuiKfzeJ4yC4pIUDOuApgZ3VMpxcexQtCdBBk01HrkQN5brfVg11SXmRCsJSaaxSZo4miRi1TQsJyVRhgsAm52iiaJVcIjwqqSIoTkyHeyRQ6OS0jSJsEOkLCo+TyOL87oqj+qE8ERSBywspLp8L7YPLO5Do0Tf9o5iS5gSMFfCaJrHjWEyNDSHasT1RpogNLJpCr4k04e7YPWUqsSQxVO5GI4k3E0t7qulRnwppNEitko8YhiNJOIR/bDFSPRgtWg5Ce+jjgJHAlGro1Vs4JRQTWFESmI01YnYKDpUbGjxJYVO6RabhbsVOmhySkQiM1RplNEo2D8Jo+hITojPE7Fy7LQQfbZMQ3O6xUZiJ2PZ4oc9/e+dQHV6EgFJ0HW4J4j+SqCJwriN6BabAC5Uoa99WNyhBLoR1ZVKlJBBCgLpraS6SPSBo6w7bJ5MpkRnRYpYJSzU67CXajoFj+s3IlIgz2PRwdAIi6JxkeSyWEdyLJVhrqRRmVqTGIvYMF1VFaVVwCoOozq53CGGn2WH2uFQF6LrpjjCEtlASUgGeE4yOjs/OVlFYtLUYXFVRiHBtcYwnUOuySKq+GRHXHQSGwJlKeqoqGhNFvkJNGxE3zFj+o4Yxpc6YtamfxUV/WvTrBE8qf2KNvXtN3hwv75FRf34UQcCTYGN/mP+XTSQF9Uwa5NgY/++m8YUzTLwcuymvh7q//QFMi/39hWMZVTSz3OM4DWmaLCXSgYXjeGJ9VA5YtEJIpWjEyBkXirhFzLDrKIxmzzUfpu4JRgMh3+PYVRFvyJ+wwEHb5EweDfxHLyhmmpCNTGGRnkRgiKzYjhSU2Q+afhhs/2wsj7csGH+2Chu2Dh/rI4bltFWCtoz2S9qxjBQVXaKqrs9w6Nxi2hjXpelZdFhRjxbAk1eKWqswntJIfYgrDtu5GUjDcBsON2Gxc49IvWfy2/3XvPBCnmyDp7TusHGQzfVcuTm+y0dKpPBdUEiLvZily9/xM+WAXCmCWtTusEmMDvTZOyUzz9h8aQTsT5jfViwRQ2uAHNLSBlceTys6hNfQiLi4/GkC9p9iJwlJLqimPSOT9RE5sfHa9FOOAEf4BcxoC7/g4hNZLaUwGp9FktCeAojRsF4WGnEHIokimxcXKLzbJGDdoJP4Hen2wtdvry39zwdNlMjTx3ukMlip2AzGz0nZxY6VPnM+WhWCVosz45jcdBhluYz1y73auyP8rkqPAdMiyEx0WiLChbn43G0pFBMhAQcUhF4Ci2TFfZmx83D5f/0Yb3G4vEcVfLECAVxCKFOYvuCFyKM3liFVak1hZhT0Z4BG66VyeBqQYPY90XoI77LS1itK/MOGBwlyWCL0H8hl6ETU7xJk43DQweDHxIWrgTVsA8VkH+43e+aFWMl97kjKUYFxsogCWKYc/C0W+1NPXCHTkuK1biLBuPIJhodo16SlBrWGaYc0YkDPNkq4GJlsqGXTlca7JNeCMzk5f6JJV5is84IYx+7NEDD8pi5WI4jXOU3DArhELLobMxjh0wXI2BXIvbOS9+aUCp9005WnlYVo1SyiyRIIMFZSqVvcKm0eYUkXKlUEL1SjPojXVLgyiqrwlHXIzFsT9/GEYLeo7dinnrqqR4aS1Qq1c9beZ1eca28Tj9xrLz+WI6V1x/LsfIibYUgjpUXjXSvEPUnv8rr6UH3lVfsY0KXyut0YuWFxXSPSD3e7J0b9LACKi88d1t5oZtqOWZQl8rrdGLlxcN5jd3R/JKfLazyOp3dVl6nE2dz2F/ZNWGx8vpjtzQ3v+lnC6u8Tme3lZclJLqiS+V1OrHyYid8VJ8TEpktJbBanxWLx4anWGIUjIeVRswhrLzgfai8ni1y0E6svN6IHd8B1GZf5YXN1JjUUHmhOQXR2eg5ObMQKi9zPppVghZD5WVx0GGW5jMfMCDTn36Uz1B5wTSsvGiLChbn43Gg8voSIZb5Uw8mFvZmx83D5Vu81B2+ygvLxcrLukWS2L7ghQijN1aeyut0RnsGbLjW6cTKi1ivsS/5VV7IHk/lhS1Y5QVbhP4LuQydmOJNGqHywuCHhMXK68W+eUnlZZ0R3YGVFzZklRdjzCqvN/XAHazy4i4ajCN6xaljhl5aeVlnhMqLIDz8AE+2CjjYdajfdCUT3Ax90guBcTf7J5ZYeVlnPJUXkRqWx8zFQuX1GwaFaF10NuaxwylW3hWI7Xnldfaw8r7ZJV+vVnlx1PVILyG2p5VXCPrPV3kl3WjShEVHV1UlJ3V7RyxcjltET4nomhLy2MQrZYyTskmTxnbHHSrMqpR2wWRR71R0OSmBqp4SBbvFd1dgqTPKiNMC9a+EeU68n9KthmKFIsVxlHZ3XpfAVuGkHelfYCmdcQUs2IKjcQClKVBPE40zwl+PTyN/njEDfRIzI34GnPvhbQo9xRlPmWRMiOwdP0NLNLTLUX5sC54tYIEN18dS6sTbgzqSTNnts0RK1SSMQlUoM1LqIGm4AR2At7XkbF7tVrC6yhgNWyeSKErDEgAC5kc68RZSJIWZG+fV5Gw4Io3MwjgkIjoPNh5whbPsmAEsETCsSZRCgS2TO2kSKYMiinM81WJRExLhHRJL8cRJGUed+jLnFROhGM8a5HIjzKFxVBfObi6hK6HPQ5OEWMFxo+XydyJJFpgt3GNzQpsmXAELtnjud+Y7aZzn7FzL+h/HcoTkUHGGTXOye46qKPDy67TbhES97s1qlQyCV6bCepjPCiy4UM8OI2YSODwqskwPxqrBY976eDm94xs8idBbBmMFFvYTCixkxuueA+PaOIyYBipol8FBflRgvTdvVZAU1JHgqSrxVLi9Gg4ob4GFEw+qBvP/DIkQd6UyodcW+vJE2ydPQQq16Gu9jlJ2p1yRpfXdXFPl9dGSGC2c3Ci1xQFMayqHk6bxny1zKM0OwSQcWRJRLJWi61O9ei6DhP0lYyX9opR77wNNoAfuzeVJzby/yaP7M/lRB93X5NV9g/gZC7i/MUGDn7nP+GOfud6tDZFvQ5QJocpbSZJ+7TKPf+Eh0AvjzRyh6e81r9C5t0z4atmyZU+M50V9aAcV5F4H3GUvV/KhHqeiZPOR+wQPbjrYumUCMCdsAe6XzF4O2PeAumwdYNctA+5exC6zBp8DzWiigP0SnjFsyx4KGjt+BRjrwaK5bzDvBo19QUebvdhm8DDzQvBYN93hxUL05vPBjt9C93ixbkr/yMcJhglooYCFppsZ+wKH0eCmsnUMu04mupbDeKh8A5ArPD9bGJXLtFAwXyYO3i1fcaPCiHhvrzDTMA88YeU3M458Y8J8zIEnXuY2L0qSJEmSpBtTGzdOn0o2kmm1dWTq9NqZw9567bVxU6cTMn3qxtpaWDutV2BYRWZt7sbcWsWg3NpcRe5bH4Nerc3NBSRc8W80TKsLDEvIvJlo7dSZ8+DX1xD7dN28eXVkY+10snFebW6g2GlT4Smzduo0ETuuV21tL7Kx1yCycdq8AH1bNx2Mypw+b7pi+rS6meOA+p9wpGm4ZiYB7wT2NkVd3VR4IlNn9iIKfHr16XH4LkUurqkjdYbMmVJaS5Ik6Velse+jxvLGvi9Iwt442BBlgqQbTk2ex9Vav2jsL2+eHxuCSScUE1HA2PcvFW8nSJIkyaP0W1BWMnr2baDB5Na7fw96MVjq2rUfgdJH/zfTwFs/ZLo1SOwta9du2ADY2R7s3dywaG76bR7s7zlhN6z9aEMIsGs3rF24cCFgJ02aVANOeAzEx7d2kpE+YhgZPXrYqIFk0IuDyK3csISgG2oGkkUfvkvIYxywHzFsf8G3xADWLuLh2w1WMiedKGoE7KIPH1OQu4PFmueMnEMMt6T3J/1HjRoBvn1x0SISPHbkyJHlIxdCgk0aNWrU7JqB/3U36F0uTgjFcPDMCfyHA1pr92BH87MWsAsNArZGIWAfM3AYvB/BdMuwkwYThn032OmWEIVCcdlXSZIkXfeyVzz5ZEU1+ySYYnS/u/oN5gHNeGUp09wKw7BRNUtQNcF/8VL1Uq/+KEBRt/UPjmrxUed++hcvdsmkoL59yTzXj/rppz7sktnBYCt8xq5pa2vz5wYTOAjXkSOfHTkC2E//F7RkSedRD3ZUED4A3AnZEbfuyP6zpyb837r5f+3cerC+vrP+4NElk4LIWMC6T+4/efLIWffZk/v3n/zrUV3nmY6OXbt2LakJHGtduvQz9wk38PZT+Dl7dnL9maMyQNd3BIOtnLv0yIn9J06cdZ9YceTkibMnztTr6rcu2bX1TGcwTiBPLv0MtRQep75b990bNUuOHoWYHQ0uZP6j4TvI279wSjAw1597B6fhQMyveLGn2mp4DV7geu2d+za/qQb9+yRODK9UmAnHiZHlmdXu+Tgvv2lckiRJP4FwxI5ml02KcU8/zj5YErQMd93xAeqOuwyKx59bjHru8aAvzfoLUAZ+cLGoB1/lRv2gpWWxjxvcND7bRz3W0vKNj/sfwVAHf+BvbEvLcz5uMIEb1cXYlpaP+Zh7B5xxHWTU+m8R+83OfZ8z6Oc/PBgE9tiFXVu3dmzdtfVAx64DWw+e2brz4vf7vt4H+npxENjOjgsdHR0Hdp05eKAD0AfPfL7465079+384Yfvg8HWH5Qd7DhwYNeBAxfQ5m869u28sHPnzq/3XbgYjBPeOtZ57Fh9Z2fnsc6Wb7/9tuXjixc/By3+/mJQIQtRgoVoOJBhoRm8IZpqQjUxhmoalyTpp9agzGeeffbZZzID+SvhO29H3XmZNZniHyDfF8AHcLv9zFKu98+Pm+7P5Ye9t6npb55H0738sA80NVHPo+mB6x4bIicEF7IQJViIhoMk0G88j6u1rjXBPI+rta4PbIic8HPpzsuPwZ67Q9DlJo3rBvubS/UTYYP1rSRJki697Ht7yMSJw4eMLOBKtQ5fJWgIV+pEIIKtQ1al88SirW9jg+cXf5A5QB3JP15DVq2aWMkfCz4YHoLsmsg5A0KLDZETIGSrzPyxIUowNhxG4seqrIT74J04ZMhwvoM3RFMNIYo5Q4bznxglSZIk6cZRhqUSfszYMGdYLJYCfDIXWIjZYqm0WAhhP9da3wpcDeXE5ColVpcrw5Zqs2WYTLZUk6XBnGqyVbsaMgwul8XgyrhGbIWp3ERMJldBqQmwNrDWVJFemmppqE41EFtpqU3hMqUWXCu2EmxyZQC61GUBrKm01G5KTXVVWBrgaFaXzeayuyyw8hqx1akVFSabqdziMlUK1lpN1bDU0mB3VdhMsBKQGa5rxVZUQ1EsLc1Q4D97eSk0KzKIvdReSizQhkCC/aS8NNDybkkF2Sorbey1AJ5MlnJ4rrCAUzIqoBXQ+Wl1qt2eYbKBP0x2i6vaVW1nTXuByZZut7rK7faArK12gWVWV0NBdYMNcsJlsjWUl7sa8MllstpcLpshMGut1oJSQFenlpdDspZD/MtNVquZmNMbyg0F1S57oNamptrTG0wmvDaD0JfbyrEHYGiq3QUmB2RtpdWKphGzlZ3NFBhIpbmyoKDAbC6ANjSkaU6SpIAvFcbf1ANd88hd0NgTLbhW7O96hL1Zwl5P2C82g9pwZ3iFn22NjedOH9re1iosaQ3U2m2H3ZQCdxulh7+g9FDjdvY1koDfLrwE6oTNCGs8DIzTcIA2Svfs3usGM1cC9nTg2FYZ3d3Y6qbtiD53mNkOVOC76eEgQtZOVzaCoZuhsQe7vofZuJfu3U2PB4E9RGkrEFsFs9uh7+3nGsHPpw9RWWvgWIjWdvQvvkL/D0EMd4NDdK1tQswCxLbqwIuyc9h/FvlzMnocfK1rP86OE/BwwG8Q3d3YuBv6vO1w2zbA7z7t+a7S3UFgPRm6EiK0ncEmfwG+bmtr2wvBDBz7RXs7WNXa3n6ocfPePe7jh8/BEuz+5vb2VmkGk7Cifnet2F43//bquln6Yn9Jv0bddA/TTZzz/9H1gh7l+umnQY+uFrT+tzyxmetXr/6E6VGurgXs35lWz+GIXSBi/3H+eY43uO5Zv/oTRv37qTXpPBNh9Sf/AH3y5RqO1g4C7Prz589/dWrNmlJ+V5S54Nov1zA9b+WaCOtPIfP5Civhji038/0Pte5Zv/48GJvOeaIZv2DBy+CCENxFr16zxsb//xRTmNPTpXfoJF3f+n/OIBtYEuQ3OwAAAABJRU5ErkJggg==");
  background-position: -100px 0;
  background-repeat: no-repeat;
  background-size: 86px 458px;
  border-radius: 4px;
  display: block;
  height: 28px;
  margin-bottom: 1em;
  position: absolute;
  right: 1em;
  top: 1.7em;
  transition: right .4s;
  width: 44px;
}

.payment-method__cc-block--alpha #card-image.visa {
  background-position: 0 -398px;
}

.payment-method__cc-block--alpha #card-image.master-card {
  background-position: 0 -281px;
}

.payment-method__cc-block--alpha #card-image.american-express {
  background-position: 0 -370px;
}

.payment-method__cc-block--alpha #card-image.discover {
  background-position: 0 -163px;
}

.payment-method__cc-block--alpha #card-image.maestro {
  background-position: 0 -251px;
}

.payment-method__cc-block--alpha #card-image.jcb {
  background-position: 0 -221px;
}

.payment-method__cc-block--alpha #card-image.diners-club {
  background-position: 0 -133px;
}

.payment-method__cc-block--alpha .payment-method__cc--col .invalid-feedback {
  display: none;
}

.payment-method__cc-block--alpha .payment-method__cc--col.is-valid ~ #card-image, .payment-method__cc-block--alpha .payment-method__cc--col .is-invalid ~ #card-image {
  right: 3em;
}

.payment-method__cc-block--alpha .payment-method__cc--col.is-valid label:after {
  color: #4caf50;
  content: '✓';
  margin-left: 6px;
}

.payment-method__cc-block--alpha .payment-method__cc--col.is-valid .form-control {
  border-color: #4caf50;
}

.payment-method__cc-block--alpha .payment-method__cc--col.is-valid .invalid-feedback {
  display: none;
}

.payment-method__cc-block--alpha .payment-method__cc--col.is-invalid {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  backface-visibility: hidden;
  perspective: 1000px;
  transform: translate3d(0, 0, 0);
}

.payment-method__cc-block--alpha .payment-method__cc--col.is-invalid label {
  color: #d32f2f;
}

.payment-method__cc-block--alpha .payment-method__cc--col.is-invalid label:after {
  color: #d32f2f;
  content: '!';
  margin-left: 7px;
}

.payment-method__cc-block--alpha .payment-method__cc--col.is-invalid .form-control {
  border-color: #d32f2f;
}

.payment-method__cc-block--alpha .payment-method__cc--col.is-invalid .invalid-feedback {
  display: block;
  font-size: 12px;
  color: #d32f2f;
  line-height: 1;
  margin-top: .5em;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.payment-method__cc-block--beta {
  padding: 2em;
}

.payment-method__vault-cc-block--label {
  display: block;
  float: none;
}

@media (min-width: 30em) {
  .payment-method__vault-cc-block--label {
    float: left;
    width: 170px;
  }
}

.payment-method__vault-cc-block--content {
  font-weight: bold;
}

.payment-method__vault-box {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.payment-method__vault-box span {
  line-height: 24px;
}

.payment-method__vault-box label, .payment-method__vault-box input {
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.payment-method--vault-action {
  position: relative;
}

.payment-method--vault-action #question {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -2px;
  left: 0;
  text-align: right;
  opacity: 1;
  padding: 0 1em;
  background-color: rgba(255, 255, 255, 0.9);
  height: 100%;
  z-index: 3;
}

.payment-method--vault-action #question span {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 50%;
  margin-top: -2em;
  font-size: 1.0125em;
  line-height: 1.0666666667em;
  padding: 0 1em;
}

.payment-method--vault-action #question a {
  margin: 0 1em;
}

.payment-method--vault-action #question .button, .payment-method--vault-action #question .button--add-to-cart, .payment-method--vault-action #question .page-content .btn, .page-content .payment-method--vault-action #question .btn {
  padding: 0.5em 1em;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .payment-method__cc--col .is-valid:before,
  .payment-method__cc--col .is-invalid:before {
    right: 3em;
  }
  .payment-method__cc--col .is-valid:after,
  .payment-method__cc--col .is-invalid:after {
    right: 3em;
  }
  .payment-method__cc--col .is-valid + #card-image,
  .payment-method__cc--col .is-invalid + #card-image {
    right: 5em;
  }
  .payment-method__cc--col #card-image {
    right: 3em;
  }
  .payment-method__cc--col .payment-method__cc-block--beta {
    padding: 0;
  }
}

.payment-method[data-vault="true"] .payment-method_vault__paypal-main input,
.payment-method[data-vault="true"] .payment-method_vault__cc-main input {
  display: none;
}

.payment-method[data-vault="true"] .payment-method_vault__paypal-main .payment-method_source,
.payment-method[data-vault="true"] .payment-method_vault__cc-main .payment-method_source {
  border-radius: 5px;
  border: solid 1px #dddddd;
  padding: 1em;
  position: relative;
  margin: 1em 0;
  cursor: pointer;
}

.payment-method[data-vault="true"] .payment-method_vault__paypal-main__label,
.payment-method[data-vault="true"] .payment-method_vault__cc-main__label {
  line-height: 1.5;
}

.payment-method[data-vault="true"] .payment-method_vault__paypal-main__account,
.payment-method[data-vault="true"] .payment-method_vault__cc-main__account {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  margin-bottom: 0;
}

.payment-method[data-vault="true"] .payment-method_vault__paypal-main__controls,
.payment-method[data-vault="true"] .payment-method_vault__cc-main__controls {
  display: none;
  margin-top: 1em;
}

.payment-method[data-vault="true"] .payment-method_vault__paypal-main__controls > span,
.payment-method[data-vault="true"] .payment-method_vault__cc-main__controls > span {
  line-height: 1em;
}

.payment-method[data-vault="true"] .payment-method_vault__paypal-main .payment-method_source--is-selected,
.payment-method[data-vault="true"] .payment-method_vault__cc-main .payment-method_source--is-selected {
  border: solid 1px transparent;
  position: relative;
  z-index: 1;
}

.payment-method[data-vault="true"] .payment-method_vault__paypal-main .payment-method_source--is-selected:before,
.payment-method[data-vault="true"] .payment-method_vault__cc-main .payment-method_source--is-selected:before {
  content: '';
  background: linear-gradient(45deg, #009640, #76b72a);
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  z-index: -2;
  border-radius: 5px;
}

.payment-method[data-vault="true"] .payment-method_vault__paypal-main .payment-method_source--is-selected:after,
.payment-method[data-vault="true"] .payment-method_vault__cc-main .payment-method_source--is-selected:after {
  content: '';
  background: white;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  border-radius: 3px;
}

.payment-method[data-vault="true"] .payment-method_vault__paypal-main .payment-method_source--is-selected > div[class$="main__controls"],
.payment-method[data-vault="true"] .payment-method_vault__cc-main .payment-method_source--is-selected > div[class$="main__controls"] {
  display: block;
}

.payment-method[data-vault="true"] .payment-method_vault__paypal-main .payment-method__vault-default-info,
.payment-method[data-vault="true"] .payment-method_vault__cc-main .payment-method__vault-default-info {
  margin-left: 1.4em;
  position: relative;
  font-size: .9em;
}

.payment-method[data-vault="true"] .payment-method_vault__paypal-main .payment-method__vault-default-info:before,
.payment-method[data-vault="true"] .payment-method_vault__cc-main .payment-method__vault-default-info:before {
  content: '\2713';
  color: #76b72a;
  position: absolute;
  width: 1em;
  height: 1.5em;
  margin-left: -1.1em;
  font-size: 1.5em;
  text-align: center;
  top: 2px;
  left: 0;
}

.payment-method[data-vault="true"] .link--vault-delete {
  position: absolute;
  right: .25em;
  top: .25em;
  width: 90px;
  height: 22px;
  opacity: 0.5;
  cursor: pointer;
  transition: .4s;
  text-decoration: none;
  font-size: .9em;
  line-height: 21px;
}

.payment-method[data-vault="true"] .link--vault-delete:hover {
  opacity: 1;
}

.payment-method[data-vault="true"] .link--vault-delete label:hover {
  cursor: pointer;
}

.payment-method[data-vault="true"] .link--vault-delete i:before, .payment-method[data-vault="true"] .link--vault-delete i:after {
  content: ' ';
  position: absolute;
  right: 11px;
  height: 22px;
  width: 2px;
  background-color: #646464;
  transform: rotate(45deg);
}

.payment-method[data-vault="true"] .link--vault-delete i:after {
  transform: rotate(-45deg);
}

.login__header {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.login__header h1 {
  font-weight: 400;
}

#LoginWithAmazon {
  text-align: center;
  line-height: 50px;
  margin-bottom: 24px;
}

#LoginWithAmazon img {
  vertical-align: middle;
}

#LoginWithPaypal {
  text-align: center;
  height: 50px;
  margin-bottom: 24px;
}

#LoginWithPaypal #login_with_paypal {
  height: 30px;
  padding: 10px 0;
  display: inline-block;
}

.js-create-guest,
.js-create-account {
  position: relative;
  text-align: left;
  padding-right: 2em;
}

.js-create-guest .plus,
.js-create-account .plus {
  position: absolute;
  right: 0.6666666667em;
  font-size: 1.5em;
  top: 0.25em;
}

.login-option__link {
  position: relative;
  margin-bottom: 24px;
  padding: 1em;
  padding-right: 2em;
  border: 1px solid #dddddd;
}

.login-option__link--open {
  cursor: pointer;
}

.login-option__link--open:after {
  content: '>';
  position: absolute;
  right: 1em;
  transform: scale(2, 1) rotate(90deg);
}

.login-option__link--close {
  color: #009640;
  border-color: transparent transparent #009640 transparent;
  cursor: initial;
}

.login-option__link--close:after {
  color: #009640;
  content: '';
  position: absolute;
  right: 1em;
  transform: scale(2, 1) rotate(90deg);
}

.login-wrapper {
  max-width: 100%;
  margin: 0 auto;
  overflow: auto;
  clear: both;
}

.login-wrapper .input-note {
  text-align: center;
}

.login-wrapper form {
  max-width: 400px;
  margin: 0 auto;
}

.login__col--login input {
  height: 50px;
  margin-top: 12px;
}

.login__col--login .compact-form__label {
  margin-top: -12px;
  padding-bottom: 24px;
}

.login-wrapper--closed-shop form {
  margin: 0;
  max-width: 100%;
}

.login-wrapper--closed-shop fieldset {
  max-width: 100%;
}

.login-wrapper--closed-shop ol {
  list-style-type: decimal;
  margin-bottom: 24px;
  padding: 0 1em;
}

@media (min-width: 40em) {
  .login-wrapper {
    max-width: 800px;
  }
  .login__col--signup,
  .login__col--login {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .login__col--thirdparty {
    width: 50%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
  }
  .login-option__link button {
    margin-top: -3px;
  }
  .login__header h1 {
    text-align: center;
  }
}

@media (min-width: 70em) {
  .login-wrapper {
    max-width: 70em;
  }
  .login__col--signup,
  .login__col--login,
  .login__col--thirdparty {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .login__header {
    padding-top: 5%;
  }
  .login-wrapper {
    padding: 50px 1em 5% 1em;
  }
  .login__col--signup {
    padding-left: 0;
    padding-right: 2em;
  }
  .login__col--thirdparty {
    padding-right: 0;
    padding-left: 2em;
  }
  .login-option__link {
    border-width: 0 0 1px 0;
    padding: 1em 0;
  }
  .login-option__link--close:after,
  .login-option__link--open:after {
    right: 0.5em;
  }
  .login-option__link--close {
    color: #333333;
    border-color: transparent transparent #dddddd transparent;
    border-width: 0 0 1px 0;
    cursor: initial;
  }
  .login-option__link--close:after {
    color: #333333;
  }
  .login-wrapper--closed-shop .login__col--signup {
    width: 66.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding: 0 2em 1em 2em;
    width: 65%;
    width: calc(200% / 3);
    border: 1px solid #dddddd;
  }
  .login-wrapper--closed-shop .login__col--login {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding: 0 2em;
    width: 32%;
    width: calc(100% / 3 - 1em);
    margin-left: 3%;
    margin-left: calc(0em + 1em);
    border: 1px solid #dddddd;
  }
  .login-wrapper--closed-shop .login__col--signup-only {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding: 0 2em 1em 2em;
    border: 1px solid #dddddd;
  }
  .login-wrapper--fp-only {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 10%;
    padding-right: 10%;
    float: none;
  }
  .login-wrapper--fp-only .login__col--signup,
  .login-wrapper--fp-only .login__col--login {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
}

.split-page {
  width: 100%;
  float: left;
}

.split-page__text,
.split-page__nav {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.account__header,
.account__edit,
.account__welcome,
.account__settings,
.account__address-book,
.account__password,
.account__newsletter,
.account__logoff,
.account__history,
.account__import-order {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.account__header h1 {
  margin-top: 0;
}

.account__address-book .half--left {
  width: 50%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  padding-left: 0;
}

.account__address-book .half--right {
  width: 50%;
  float: right;
  padding-left: 1em;
  padding-right: 1em;
  padding-right: 0;
}

.address-book__list .message-inline-box--info {
  margin-top: 1em;
}

.address-book__list .show-all {
  display: none;
}

.address-book__address {
  padding: 1em;
}

.address-book__address--default {
  border: 1px solid #dddddd;
}

.address-book__list--truncated-3 li:nth-of-type(n+4) {
  display: none;
}

.address-book__list--truncated-4 li:nth-of-type(n+5) {
  display: none;
}

.address-book__list--truncated-3 li.show-all,
.address-book__list--truncated-4 li.show-all {
  display: inherit;
  clear: none;
}

.history-info {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.history-info__list dd {
  padding-bottom: 1em;
}

.history-info__list {
  font-size: 0.9em;
  line-height: 1.2em;
}

.history-info__shipping-address,
.history-info__payment-address,
.history-info__payment-info,
.history-info__order-info {
  width: 100%;
  float: left;
}

.history-info__shipping-address > p,
.history-info__payment-address > p,
.history-info__payment-info > p,
.history-info__order-info > p {
  font-size: 0.9em;
  line-height: 1.2em;
}

.history-list {
  width: 100%;
  float: left;
  margin-bottom: 1em;
}

.history-list__order {
  width: 100%;
  float: left;
  padding-top: 24px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.history-list__order + .history-list__order {
  border-top: 0;
}

.history-list__order:nth-of-type(odd) {
  background-color: #f5f5f5;
}

.history-list__col1,
.history-list__col2,
.history-list__col3 {
  width: 100%;
  float: left;
}

.history-list__col3 .button:first-child, .history-list__col3 .button--add-to-cart:first-child, .history-list__col3 .page-content .btn:first-child, .page-content .history-list__col3 .btn:first-child {
  margin-bottom: 1em;
}

.import-order__table {
  font-size: 0.9em;
  line-height: 1.2em;
  margin-top: 24px;
}

.import-order__table th {
  font-weight: bold;
}

.import-order__table td, .import-order__table th {
  padding: 5px;
  vertical-align: top;
}

.import-order__table tr:nth-of-type(odd) td {
  background-color: #f5f5f5;
}

@media (min-width: 21em) {
  .history-info__shipping-address {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
  }
  .history-info__payment-address {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-right: 0;
  }
  .history-info__list dt {
    float: left;
    width: 8em;
    padding-bottom: 1em;
  }
  .history-info__list dd {
    overflow: hidden;
  }
}

@media (min-width: 30em) {
  .split-page__text {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
  }
  .split-page__nav {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-right: 0;
    text-align: right;
  }
  .history-list__col1 {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .history-list__col2,
  .history-list__col3 {
    width: 50%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
  }
  .address-book__address--additional {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    min-height: 13em;
  }
  .address-book__address--additional:nth-of-type(2n+2) {
    clear: left;
  }
  .address-book__edit-buttons {
    position: absolute;
    bottom: 1em;
  }
  .address-book__address {
    margin-top: 1em;
    padding-bottom: 3em;
    position: relative;
  }
}

@media (min-width: 34em) {
  .account__newsletter {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media (min-width: 40em) {
  .account__header {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .account__welcome {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .account__settings {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .history-list__col1 {
    width: 41.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .history-list__col2 {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .history-list__col3 {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    text-align: right;
  }
  .account__edit .half--left {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
  }
  .account__edit .half--left .compact-form__fieldset {
    max-width: 100%;
  }
  .account__edit .half--right {
    width: 50%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
    padding-right: 0;
  }
  .account__edit .half--right .compact-form__fieldset {
    max-width: 100%;
  }
}

@media (min-width: 50em) {
  .address-book__address--additional {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .address-book__address--additional:nth-of-type(2n+2) {
    clear: none;
  }
  .address-book__address--additional:nth-of-type(3n+2) {
    clear: left;
  }
  .account__import-order .half--left {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
    clear: none;
  }
  .account__import-order .half--right {
    width: 50%;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
    padding-right: 0;
    clear: none;
  }
}

@media (min-width: 70em) {
  .account__header {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .account__welcome {
    width: 57.1428571429%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .account__settings {
    width: 42.8571428571%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media (min-width: 80em) {
  .address-book__address--additional {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .address-book__address--additional:nth-of-type(3n+2) {
    clear: none;
  }
  .address-book__address--additional:nth-of-type(4n+2) {
    clear: left;
  }
}

.no-hits {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.subcategory-list {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.subcategory-list__item {
  width: 50%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 1em;
  padding-right: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.subcategory-list__item:nth-child(2n + 1) {
  margin-left: 0;
  margin-right: -100%;
  clear: both;
}

.subcategory-list__item:nth-child(2n + 2) {
  margin-left: 50%;
  margin-right: -100%;
  clear: none;
}

.subcategory-list__name {
  font-size: 0.9em;
  line-height: 1.2em;
  position: absolute;
  display: block;
  width: 100%;
  bottom: 2px;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 2px;
}

.subcategory-list__price {
  display: block;
  color: #ffb600;
}

.subcategory-list__link {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
  display: block;
  height: 150px;
  border: 1px solid #dddddd;
  position: relative;
  text-align: center;
  cursor: pointer;
  padding: 0;
  line-height: 130px;
  line-height: calc(150px - 1em);
}

.subcategory-list__link:link, .subcategory-list__link:visited {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.subcategory-list__link:hover {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.subcategory-list__link:hover {
  box-shadow: 0 0 0 2px #dddddd;
}

.subcategory-list__link:hover .subcategory-list__name {
  background-color: #fff;
}

.js-subcategory-list__item--more .subcategory-list__link span {
  font-size: 0.9em;
  line-height: 1.2em;
  line-height: 1.5em;
  display: inline-block;
  vertical-align: middle;
}

.subcategory-list__image {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  max-height: calc(140px - (1em*2));
  vertical-align: middle;
}

.subcategory-list--truncated .subcategory-list__item:nth-child(n+11) {
  display: none;
}

.page__content > .subcategory-list {
  display: none;
}

@media (min-width: 30em) {
  .subcategory-list__item {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .subcategory-list__item:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
  }
  .subcategory-list__item:nth-child(3n + 2) {
    margin-left: 33.3333333333%;
    margin-right: -100%;
    clear: none;
  }
  .subcategory-list__item:nth-child(3n + 3) {
    margin-left: 66.6666666667%;
    margin-right: -100%;
    clear: none;
  }
}

@media (min-width: 40em) {
  .page__content > .subcategory-list {
    display: block;
  }
}

@media (min-width: 60em) {
  .subcategory-list__item {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .subcategory-list__item:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
  }
  .subcategory-list__item:nth-child(4n + 2) {
    margin-left: 25%;
    margin-right: -100%;
    clear: none;
  }
  .subcategory-list__item:nth-child(4n + 3) {
    margin-left: 50%;
    margin-right: -100%;
    clear: none;
  }
  .subcategory-list__item:nth-child(4n + 4) {
    margin-left: 75%;
    margin-right: -100%;
    clear: none;
  }
}

@media (min-width: 80em) {
  .subcategory-list__item {
    width: 20%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .subcategory-list__item:nth-child(5n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
  }
  .subcategory-list__item:nth-child(5n + 2) {
    margin-left: 20%;
    margin-right: -100%;
    clear: none;
  }
  .subcategory-list__item:nth-child(5n + 3) {
    margin-left: 40%;
    margin-right: -100%;
    clear: none;
  }
  .subcategory-list__item:nth-child(5n + 4) {
    margin-left: 60%;
    margin-right: -100%;
    clear: none;
  }
  .subcategory-list__item:nth-child(5n + 5) {
    margin-left: 80%;
    margin-right: -100%;
    clear: none;
  }
}

/* Clearfix */
.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

/* UEBER UNS */
.welcome-headline {
  display: block;
  background-color: #009640;
  color: #fff;
  text-align: center;
  padding: 1em;
  font-size: 24px;
}

.welcome-headline__logo {
  margin-top: 18px;
  width: 100%;
  max-width: 400px;
}

.service-banner {
  width: 100%;
  float: right;
  padding: 1em;
  background-color: #f5f5f5;
  background-image: url("https://elektroshopwagner.de/images/employee_service_center.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
  margin-bottom: 24px;
}

.service-banner__title {
  font-size: 1.125em;
  line-height: 0.96em;
}

.service-banner__exclamation {
  font-size: 1.35em;
  line-height: 0.8em;
  display: block;
  padding-top: 0.5em;
}

.service-banner__feature-list,
.service-banner__partner-list {
  width: 100%;
  float: left;
  font-size: 0.9em;
  line-height: 1.2em;
  margin-bottom: 0.5em;
  padding: 0;
}

.service-banner__feature-list > li {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 0.25em;
  padding-left: 0;
}

.service-banner__feature-list > li:before {
  content: '\2713\00a0';
  color: #fff;
}

.service-banner__partner-list > li {
  width: 16.6666666667%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 0.25em;
  padding-left: 0;
}

@media (min-width: 30em) {
  .service-banner__partner-list > li {
    width: 16.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media (min-width: 40em) {
  .service-banner__partner-list > li {
    width: 8.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
}

.timeline {
  position: relative;
  margin-left: 125px;
  list-style: none;
}

.timeline > li {
  border-left: 2px solid #009640;
  padding: 1em 0 1em 20px;
}

.timeline__content {
  border: 2px solid #dddddd;
  border-radius: 5px;
  padding: 10px;
}

.timeline__content > p:last-child {
  margin-bottom: 0;
}

.timeline__content:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  border: 3px solid #003871;
  background-color: #fff;
  display: block;
  position: absolute;
  left: -7px;
}

.timeline__header__date {
  font-size: 0.9em;
  line-height: 1.2em;
  position: absolute;
  left: -120px;
  display: block;
  width: 100px;
  text-align: right;
}

.timeline__content--hidden {
  opacity: 0;
}

.b-chart__chart {
  margin-bottom: 18px;
}

.signature {
  margin-top: 24px;
}

#agbWiderrufsbelehrung {
  background-color: #f5f5f5;
  border: 1px solid #880000;
  padding: 10px;
}

.product-comparison {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  padding: 0 0.5em;
  position: relative;
}

.product-comparison .add-to-cart__qty .qty--add-to-cart {
  height: 40px;
  padding: 0.1875em 0.3125em 0.3125em 0.3125em;
}

.product-comparison .add-to-wishlist__button {
  width: 100%;
  height: 2.5em;
}

.product-comparison .add-to-wishlist__button svg {
  width: 40px;
  vertical-align: text-bottom;
  padding-right: 1em;
  display: initial;
}

.product-comparison .add-to-wishlist__button .button--add-to-wishlist-long,
.product-comparison .add-to-wishlist__button .button--add-to-wishlist-short {
  width: 100%;
  vertical-align: baseline;
}

.product-comparison .add-to-wishlist__button .button--add-to-wishlist-long svg,
.product-comparison .add-to-wishlist__button .button--add-to-wishlist-short svg {
  max-width: 35px;
  max-height: 35px;
  width: auto;
  height: auto;
}

.product-comparison .add-to-wishlist__button .button--add-to-wishlist-long svg .hhw-icon-stroke,
.product-comparison .add-to-wishlist__button .button--add-to-wishlist-long svg .hhw-icon-stroke--highlight,
.product-comparison .add-to-wishlist__button .button--add-to-wishlist-long svg .hhw-icon-stroke--inverted,
.product-comparison .add-to-wishlist__button .button--add-to-wishlist-short svg .hhw-icon-stroke,
.product-comparison .add-to-wishlist__button .button--add-to-wishlist-short svg .hhw-icon-stroke--highlight,
.product-comparison .add-to-wishlist__button .button--add-to-wishlist-short svg .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  stroke: #ffb600;
}

.product-comparison .add-to-wishlist__button .button--add-to-wishlist-long svg .hhw-icon-stroke--highlight,
.product-comparison .add-to-wishlist__button .button--add-to-wishlist-short svg .hhw-icon-stroke--highlight {
  stroke: #ffb600;
}

.product-comparison .add-to-wishlist__button .button--add-to-wishlist-long svg .hhw-icon-stroke--inverted,
.product-comparison .add-to-wishlist__button .button--add-to-wishlist-short svg .hhw-icon-stroke--inverted {
  stroke: transparent;
}

.product-comparison .add-to-wishlist__button .button--add-to-wishlist-long svg .hhw-icon-fill,
.product-comparison .add-to-wishlist__button .button--add-to-wishlist-long svg .hhw-icon-fill--highlight,
.product-comparison .add-to-wishlist__button .button--add-to-wishlist-long svg .hhw-icon-fill--inverted,
.product-comparison .add-to-wishlist__button .button--add-to-wishlist-short svg .hhw-icon-fill,
.product-comparison .add-to-wishlist__button .button--add-to-wishlist-short svg .hhw-icon-fill--highlight,
.product-comparison .add-to-wishlist__button .button--add-to-wishlist-short svg .hhw-icon-fill--inverted {
  fill: transparent;
}

.product-comparison .add-to-wishlist__button .button--add-to-wishlist-long svg .hhw-icon-fill--highlight,
.product-comparison .add-to-wishlist__button .button--add-to-wishlist-short svg .hhw-icon-fill--highlight {
  fill: #ffb600;
}

.product-comparison .add-to-wishlist__button .button--add-to-wishlist-long svg .hhw-icon-stroke--inverted,
.product-comparison .add-to-wishlist__button .button--add-to-wishlist-short svg .hhw-icon-stroke--inverted {
  fill: transparent;
}

.product-comparison .add-to-wishlist__button .button--on-wishlist {
  width: 100%;
  vertical-align: baseline;
}

.product-comparison .add-to-wishlist__button .button--on-wishlist svg {
  max-width: 35px;
  max-height: 35px;
  width: auto;
  height: auto;
}

.product-comparison .add-to-wishlist__button .button--on-wishlist svg .hhw-icon-stroke,
.product-comparison .add-to-wishlist__button .button--on-wishlist svg .hhw-icon-stroke--highlight,
.product-comparison .add-to-wishlist__button .button--on-wishlist svg .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  stroke: #009640;
}

.product-comparison .add-to-wishlist__button .button--on-wishlist svg .hhw-icon-stroke--highlight {
  stroke: #009640;
}

.product-comparison .add-to-wishlist__button .button--on-wishlist svg .hhw-icon-stroke--inverted {
  stroke: transparent;
}

.product-comparison .add-to-wishlist__button .button--on-wishlist svg .hhw-icon-fill,
.product-comparison .add-to-wishlist__button .button--on-wishlist svg .hhw-icon-fill--highlight,
.product-comparison .add-to-wishlist__button .button--on-wishlist svg .hhw-icon-fill--inverted {
  fill: #009640;
}

.product-comparison .add-to-wishlist__button .button--on-wishlist svg .hhw-icon-fill--highlight {
  fill: #009640;
}

.product-comparison .add-to-wishlist__button .button--on-wishlist svg .hhw-icon-stroke--inverted {
  fill: transparent;
}

.product-comparison__wrapper {
  overflow-x: scroll;
}

.product-comparison__add-to-cart-wrapper {
  padding: 0 0.25em;
}

.product-comparison__minimum-order-quantity {
  color: #880000;
}

.comparison__table {
  width: 100%;
}

.comparison__table .product-title {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
  font-weight: bold;
}

.comparison__table .product-title:link, .comparison__table .product-title:visited {
  color: #333333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.comparison__table .product-title:hover {
  color: #4d4d4d !important;
  background-color: transparent !important;
  text-decoration: underline !important;
}

.comparison__table td,
.comparison__table th {
  font-size: 0.9em;
  line-height: 1.2em;
  text-align: center;
  vertical-align: top;
  min-width: 150px;
  max-width: 300px;
  padding: 0.25em 0.5em;
}

.comparison__table th:first-child {
  text-align: right;
}

.comparison__table .row-meta-info img {
  max-width: 100%;
  max-height: 100px;
  width: auto;
  height: auto;
}

.comparison__table .row-meta-info td {
  position: relative;
}

.comparison__table .row-meta-info td,
.comparison__table .column-product-header {
  text-align: center;
}

.comparison__table .column-product-description {
  text-align: left;
}

.comparison__table .column-product-description ul {
  margin-bottom: 24px;
  list-style-type: disc;
  padding-left: 1em;
}

.comparison__table .preview-box {
  display: block;
  height: 250px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.comparison__table .compare-image-link {
  display: block;
  text-align: center;
}

.comparison__table .product-remove-link {
  color: #333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
  line-height: 1;
}

.comparison__table .product-remove-link:link, .comparison__table .product-remove-link:visited {
  color: #333 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.comparison__table .product-remove-link:hover {
  color: #4d4d4d !important;
  background-color: transparent !important;
  text-decoration: underline !important;
}

.comparison__table .product-remove-link img {
  vertical-align: middle;
}

.comparison__table .product-price {
  font-weight: bold;
  color: #ffb600;
}

.comparison__table .row-criteria--diff td {
  background-color: #fffcf2;
}

.comparison__table .col-description-title span {
  display: none;
}

.criteria-selection-box p {
  line-height: 2em;
}

.criteria-selection-box span {
  vertical-align: middle;
}

.criteria-selection-box select {
  vertical-align: middle;
  margin-left: 1em;
  padding-right: 2em;
}

@media (max-width: 50em) {
  .comparison__table--flex {
    width: 100%;
    max-width: 300px;
  }
  .comparison__table--flex tr {
    display: flex;
    flex-flow: row wrap;
  }
  .comparison__table--flex .row-criteria--show {
    display: flex;
  }
  .comparison__table--flex td,
  .comparison__table--flex th {
    display: block;
    width: 100%;
  }
  .comparison__table--flex th:first-child {
    font-weight: bold;
    padding: 1em 0 0.25em 0;
    width: 100%;
    border-bottom: 1px solid #dddddd;
    text-align: center;
  }
  .comparison__table--flex .row-meta-info th:first-child {
    display: none;
  }
  .comparison__table--flex .row-group-title .td {
    display: none;
  }
  .comparison__table--flex .row-group-title th {
    background-color: #f5f5f5;
    border-bottom: 0;
    padding: 24px 0.5em;
    border-top: 24px solid #fff;
  }
  .comparison__table--flex .col-description-title {
    display: none;
  }
  .comparison__table--2 {
    max-width: 600px;
  }
  .comparison__table--2 td,
  .comparison__table--2 th {
    width: 50%;
  }
  .comparison__table--2 td:first-child,
  .comparison__table--2 th:first-child {
    min-width: 300px;
    max-width: 600px;
  }
  .comparison__table--3 {
    max-width: 900px;
  }
  .comparison__table--3 td,
  .comparison__table--3 th {
    width: 33.3333333333%;
  }
  .comparison__table--3 td:first-child,
  .comparison__table--3 th:first-child {
    min-width: 450px;
    max-width: 900px;
  }
  .comparison__table--4 {
    max-width: 1200px;
  }
  .comparison__table--4 td,
  .comparison__table--4 th {
    width: 25%;
  }
  .comparison__table--4 td:first-child,
  .comparison__table--4 th:first-child {
    min-width: 600px;
    max-width: 1200px;
  }
  .comparison__table--5 {
    max-width: 1500px;
  }
  .comparison__table--5 td,
  .comparison__table--5 th {
    width: 20%;
  }
  .comparison__table--5 td:first-child,
  .comparison__table--5 th:first-child {
    min-width: 750px;
    max-width: 1500px;
  }
  .comparison__table--6 {
    max-width: 1800px;
  }
  .comparison__table--6 td,
  .comparison__table--6 th {
    width: 16.6666666667%;
  }
  .comparison__table--6 td:first-child,
  .comparison__table--6 th:first-child {
    min-width: 900px;
    max-width: 1800px;
  }
  .comparison__table--table {
    width: auto;
  }
  .comparison__table--table th:first-child,
  .comparison__table--table td:first-child {
    width: auto;
    min-width: 150px;
    max-width: 300px;
  }
  .comparison__table--table tbody td {
    border-bottom: 1px solid #dddddd;
  }
  .comparison__table--table tbody th {
    border-bottom: 1px solid transparent;
  }
  .comparison__table--table tbody .row-meta-info td {
    border-color: transparent;
  }
  .comparison__table--table tbody .row-group-title {
    background-color: #f5f5f5;
  }
  .comparison__table--table tbody .row-group-title th,
  .comparison__table--table tbody .row-group-title td {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .comparison__table--table tbody .row-group-title th {
    font-weight: bold;
  }
}

@media (min-width: 50em) {
  .comparison__table {
    width: auto;
  }
  .comparison__table th:first-child,
  .comparison__table td:first-child {
    width: 300px;
  }
  .comparison__table tbody td {
    border-bottom: 1px solid #dddddd;
  }
  .comparison__table tbody th {
    border-bottom: 1px solid transparent;
  }
  .comparison__table tbody .row-meta-info td {
    border-color: transparent;
  }
  .comparison__table tbody .row-group-title {
    background-color: #f5f5f5;
  }
  .comparison__table tbody .row-group-title th,
  .comparison__table tbody .row-group-title td {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .comparison__table tbody .row-group-title th {
    font-weight: bold;
  }
}

.page-content {
  /* Font */
  /* Left & Right alignment */
  /* The inside class provides consistent padding. To be used often! */
  /* The fractioclasses are useful for column lists */
  /* Background Colors */
  /* Hinweis Box */
  /* For when a <br /> just ain't enough */
  /* Sofort verfuegbar */
  /* Table fuer Content */
  /* Table fuer z.B. Warenkorb */
  /* Standard Button */
  /* Checkout */
  /* Message Stack */
  /* Startseitenbanner */
}

.page-content ul {
  list-style: disc outside;
  margin: 0 0 24px 24px;
}

.page-content ol {
  list-style: decimal outside;
  margin: 0 0 24px 24px;
}

.page-content .xSmall {
  font-size: 0.8333em;
}

.page-content .small {
  font-size: 0.9167em;
}

.page-content .large {
  font-size: 1.1667em;
}

.page-content .xLarge {
  font-size: 1.3333em;
}

.page-content .xxLarge {
  font-size: 2em;
}

.page-content .clearfix::after {
  clear: both;
  content: "";
  display: table;
}

.page-content .left {
  float: left;
}

.page-content .right {
  float: right;
}

.page-content .half, .page-content .third, .page-content .quarter, .page-content .fifth, .page-content .sixth {
  width: 100%;
}

.page-content .half li, .page-content .third li, .page-content .quarter li, .page-content .fifth li, .page-content .sixth li {
  float: left;
}

.page-content .half li {
  padding: 0 2%;
  width: 46%;
}

.page-content .third li {
  padding-right: 5%;
  width: 28.3%;
}

.page-content .quarter li {
  padding-right: 5%;
  width: 20%;
}

.page-content .fifth li {
  padding-right: 5%;
  width: 15%;
}

.page-content .BgLightGrey, .page-content .BGlightgrey {
  background-color: #f1f1f1;
}

.page-content .BgGrey, .page-content .BGgrey {
  background-color: #eaeaea;
}

.page-content .BgDarkGrey, .page-content .BGdarkgrey {
  background-color: #a5a5a5;
}

.page-content .BgWhite, .page-content .BGwhite {
  background-color: #fff;
}

.page-content .active, .page-content .BGblue {
  background-color: #c7d8f6;
}

.page-content .notice, .page-content .panel {
  border: 1px solid #b3c3d4;
  background-color: #f2f5f8;
  padding: 10px;
  margin-bottom: 18px;
}

.page-content .notice > h2 {
  margin-top: 0;
}

.page-content .panel {
  background-color: #f1f1f1;
  border: none;
}

.page-content .separator {
  clear: both;
  float: left;
  height: 1px;
  width: 100%;
}

.page-content .AvailabilityState5 {
  color: #008800;
  font-weight: bold;
}

.page-content .product_not_available {
  color: #880000;
  font-weight: bold;
}

.page-content table.content {
  border-collapse: collapse;
  margin-bottom: 15px;
  width: 100%;
  background-color: #fff;
}

.page-content table.shipping-data-table--fixed-width {
  table-layout: fixed;
}

.page-content table.content caption {
  text-align: left;
  background-color: #f2f5f8;
  padding: 5px;
  border-bottom: 1px solid #dddddd;
  font-weight: bold;
}

.page-content table.content tr {
  vertical-align: top;
}

.page-content table.content th {
  text-align: left;
  font-weight: bold;
  padding: 5px;
  background-color: #f5f5f5;
  vertical-align: top;
}

.page-content table.content td {
  text-align: left;
  padding: 5px;
  vertical-align: top;
}

.page-content table.content td.vlLight {
  margin-left: 5px;
  border-left: 1px solid #dddddd;
}

.page-content table.content tr.bottomLight {
  border-bottom: 1px solid #dddddd;
}

.page-content table.content th.vlLight {
  margin-left: 5px;
  border-left: 1px solid #dddddd;
}

.page-content table.content tr.item {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.page-content table.content td.number, .page-content table.content th.number {
  text-align: right;
}

@media (min-width: 30em) {
  .page-content table.content td.number, .page-content table.content th.number {
    white-space: nowrap;
  }
}

.page-content table.shipping-data-table--fixed-width td.shipping-data-table--fixed-width__shipping-method {
  width: 25%;
}

.page-content table.shipping-data-table--fixed-width td.shipping-data-table--fixed-width__weight {
  width: 55%;
}

.page-content table.shipping-data-table--fixed-width td.shipping-data-table--fixed-width__price {
  width: 20%;
}

.page-content table.content td.center, .page-content table.content th.center {
  text-align: center;
}

@media (min-width: 30em) {
  .page-content table.content td.center, .page-content table.content th.center {
    white-space: nowrap;
  }
}

.page-content table.content tfoot {
  border-top: 1px solid #dddddd;
  background-color: #f5f5f5;
}

.page-content table.content .odd {
  background-color: #f5f5f5;
}

.page-content table.important {
  border-collapse: collapse;
  margin-bottom: 15px;
  width: 100%;
  border-bottom: 1px solid #dddddd;
}

.page-content table.important caption {
  text-align: left;
  padding: 1em;
  color: #333333;
  background-color: #f2f5f8;
  border: 1px solid #dddddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-weight: bold;
}

.page-content table.important tr {
  vertical-align: top;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}

.page-content table.important tr.row-seperator {
  border-bottom: 1px solid #dddddd;
}

.page-content table.important tr.row-seperator td {
  height: 1px;
  padding: 0px;
}

.page-content table.important th {
  text-align: left;
  padding: 5px 10px;
  background-color: #f5f5f5;
  color: #444444;
  border-bottom: 1px solid #dddddd;
}

.page-content table.important td {
  text-align: left;
  padding: 10px;
}

.page-content table.important td.center-info {
  text-align: center;
  padding: 15px;
}

.page-content table.important tr.item {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.page-content table.important td.number, .page-content table.important th.number {
  text-align: right;
}

@media (min-width: 30em) {
  .page-content table.important td.number, .page-content table.important th.number {
    white-space: nowrap;
  }
}

.page-content table.important td.center, .page-content table.important th.center {
  text-align: center;
}

@media (min-width: 30em) {
  .page-content table.important td.center, .page-content table.important th.center {
    white-space: nowrap;
  }
}

.page-content table.important td.center input[type="text"] {
  text-align: center;
}

.page-content table.important tfoot {
  background-color: #f5f5f5;
}

.page-content table.important tfoot td {
  padding: 2px 10px;
}

.page-content .important caption span a {
  color: #333333;
}

.page-content .button--catalogInlineError {
  margin-bottom: 0.5em;
  width: 10em;
}

.page-content table.panelExpressCheckout {
  margin-top: 18px;
  width: 100%;
}

.page-content table.panelExpressCheckout td {
  text-align: right;
  vertical-align: middle;
  padding: 10px;
}

.page-content table.panelExpressCheckout td:first-child {
  width: 100%;
  padding-right: 0;
  white-space: nowrap;
}

.page-content table.panelExpressCheckout-cart {
  width: 0;
  float: right;
  margin-top: 0;
}

.page-content table.panelExpressCheckout-cart td:first-child {
  width: 0;
}

.page-content div.panelExpressCheckout {
  text-align: right;
  width: 335px;
  float: right;
}

.page-content .markProductOutOfStock {
  color: #880000;
}

.page-content .markProductReorderCommission {
  color: #008800;
}

.page-content .messageStackError {
  background-color: #f9f2f2;
}

.page-content .messageStackError td, .page-content .messageStackWarning td, .page-content .messageStackSuccess td {
  padding: 10px;
  font-weight: bold;
}

.page-content .messageStackWarning {
  background-color: #fffcf2;
}

.page-content .messageStackSuccess {
  background-color: #f2f9f2;
}

.page-content .promotion_image {
  margin-bottom: 18px;
  display: block;
}

/* overwrite */
.page-content .service-banner__feature-list,
.page-content .service-banner__partner-list,
.page-content .timeline,
.page-content #message-box,
.page-content .floated-content ul {
  list-style-type: none;
  margin: 0 0 24px 0;
}

.page-content .service-banner__feature-list {
  margin-bottom: 1em;
}

.page-content .service-banner__partner-list {
  margin-bottom: 0;
}

.page-content .fullsize {
  width: 100%;
}

/* Admin Box */
aside.admin {
  width: 100%;
  margin-bottom: 24px;
  padding: 0em 1em;
}

aside.admin span {
  vertical-align: middle;
}

aside.admin a {
  display: inline-block;
  line-height: 1;
  margin-right: 1em;
}

aside.admin img {
  vertical-align: middle;
}

aside.admin h2 {
  margin: 0px;
}

aside.admin .button, aside.admin .button--add-to-cart, aside.admin .page-content .btn, .page-content aside.admin .btn {
  border-radius: 0;
  height: 34px;
  border: 1px solid transparent;
  padding-top: 0;
  padding-bottom: 0;
}

aside.admin .button__text {
  line-height: 15px;
}

aside.admin .button--primary, aside.admin .button--add-to-cart {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}

aside.admin .button--primary:hover, aside.admin .button--add-to-cart:hover {
  background-color: #009640;
}

aside.admin .button--secondary {
  color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.8);
}

aside.admin .button--secondary:hover {
  color: #009640;
  border-color: #009640;
}

@media (min-width: 34em) {
  .page-content .halfsize {
    width: 50%;
    float: left;
  }
  .page-content .halfsize-last {
    width: 50%;
    float: left;
    padding-left: 1em;
  }
  .page-content .halfsize-last::after {
    clear: both;
    content: "";
    display: table;
  }
}

.content-wrapper {
  margin-bottom: 48px;
}

.content-wrapper--odd-even {
  margin-top: 48px;
}

.content-wrapper--odd-even dl {
  margin-bottom: 24px;
}

.content-wrapper--odd-even dd, .content-wrapper--odd-even dt {
  display: inline-block;
  margin-bottom: 0.5em;
}

.content-wrapper--odd-even dd {
  margin-right: 0.5em;
}

.content-wrapper--odd-even dd.last-item {
  margin-right: 2em;
}

.content-wrapper--odd-even .content-wrapper {
  padding: 1em;
  margin-bottom: 24px;
}

.content-wrapper--odd-even .content-wrapper *:first-child {
  margin-top: 0;
  padding-top: 0;
}

.content-wrapper--odd-even .content-wrapper:nth-of-type(odd) {
  background-color: #f5f5f5;
}

.page-content table td {
  padding-right: 1em;
}

.page-content figure {
  display: inline-block;
  padding: 1em 0 !important;
  margin-left: 10px;
  margin-bottom: 24px;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.page-content figure img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.page-content figcaption {
  font-size: 0.9em;
  line-height: 1.2em;
  line-height: 1em;
  padding-top: .5em;
  font-weight: bold;
}

#agbFooter {
  margin-top: 24px;
}

.shipping-info__headline {
  position: relative;
  padding-bottom: 12px;
  padding-top: 12px;
  border-bottom: 1px solid #dddddd;
  margin: 0 !important;
  cursor: pointer;
}

.shipping-info__headline:after {
  content: '\2212';
  position: absolute;
  right: 0;
}

.shipping-info__headline--closed:after {
  content: '+';
}

.guarantee-table caption {
  font-size: 0.9em;
  line-height: 1.2em;
}

.guarantee-table caption span {
  font-weight: normal;
}

.feedback-wrapper {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  padding: 1em;
  background-color: #f5f5f5;
}

.feedback-wrapper textarea {
  min-height: 10em;
}

.page-content .breadcrumb-navigation {
  list-style: none;
  margin: 0;
  padding: 0;
}

#hhw-icon-2018-mood-sad-cloud .hhw-icon-stroke,
#hhw-icon-2018-mood-sad-cloud .hhw-icon-stroke--highlight,
#hhw-icon-2018-mood-sad-cloud .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.5px;
  stroke: #36a9e1;
}

#hhw-icon-2018-mood-sad-cloud .hhw-icon-stroke--highlight {
  stroke: #ff6803;
}

#hhw-icon-2018-mood-sad-cloud .hhw-icon-stroke--inverted {
  stroke: #fff;
}

#hhw-icon-2018-mood-sad-cloud .hhw-icon-fill,
#hhw-icon-2018-mood-sad-cloud .hhw-icon-fill--highlight,
#hhw-icon-2018-mood-sad-cloud .hhw-icon-fill--inverted {
  fill: #e6e6e6;
}

#hhw-icon-2018-mood-sad-cloud .hhw-icon-fill--highlight {
  fill: #ff6803;
}

#hhw-icon-2018-mood-sad-cloud .hhw-icon-stroke--inverted {
  fill: #fff;
}

#hhw-icon-2018-mood-happy-sun .hhw-icon-stroke,
#hhw-icon-2018-mood-happy-sun .hhw-icon-stroke--highlight,
#hhw-icon-2018-mood-happy-sun .hhw-icon-stroke--inverted {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.5px;
  stroke: #ffb600;
}

#hhw-icon-2018-mood-happy-sun .hhw-icon-stroke--highlight {
  stroke: #ff6803;
}

#hhw-icon-2018-mood-happy-sun .hhw-icon-stroke--inverted {
  stroke: #fff;
}

#hhw-icon-2018-mood-happy-sun .hhw-icon-fill,
#hhw-icon-2018-mood-happy-sun .hhw-icon-fill--highlight,
#hhw-icon-2018-mood-happy-sun .hhw-icon-fill--inverted {
  fill: #ffb600;
}

#hhw-icon-2018-mood-happy-sun .hhw-icon-fill--highlight {
  fill: #ff6803;
}

#hhw-icon-2018-mood-happy-sun .hhw-icon-stroke--inverted {
  fill: #fff;
}

#email_feedback .label {
  position: relative;
  display: inline-block;
  margin: 20px 0;
  cursor: pointer;
}

#email_feedback .label input {
  position: absolute;
  top: -30px;
  left: 0;
  height: 80px;
}

#email_feedback .label svg {
  position: absolute;
  top: -30px;
  left: 20px;
  height: 80px;
  width: 80px;
}

#email_feedback .label__text {
  display: inline-block;
  padding-left: 100px;
  line-height: 1.2em;
}

.return__header {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

.return__header-centered {
  padding-top: 5%;
  padding-bottom: 2.5%;
  text-align: center;
}

.return__header-centered h1 {
  font-weight: 400;
}

.order-info__wrapper {
  display: inline-block;
  line-height: 24px;
  margin-bottom: 2em;
  padding-left: 1em;
}

.order-info__wrapper .order-info__item {
  display: block;
}

.return-wrapper {
  max-width: 100%;
  margin: 0 auto;
  overflow: auto;
  clear: both;
  text-align: center;
}

.return-wrapper #message-box {
  text-align: left;
}

.return-wrapper .message-inline-box {
  max-width: 100%;
}

.return-wrapper .message-inline-box--return {
  font-size: .9em;
  max-width: 400px;
  margin: 1em auto -1em 0;
}

.return-wrapper .message-inline-box--return-not-eligible {
  padding: 0 3em 0 0;
  background-color: white;
  color: #444444;
  border: none;
  position: relative;
}

.return-wrapper .message-inline-box--return-not-eligible a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath fill='%23333' d='M17.09 18.68h-.56v-6a.62.62 0 00-.63-.63h-2.55a.63.63 0 00-.64.63V14a.64.64 0 00.64.64h.51v4h-.51a.64.64 0 00-.64.64v1.31a.63.63 0 00.64.63h3.74a.63.63 0 00.64-.63v-1.25a.66.66 0 00-.64-.66z'/%3E%3Cpath d='M15 2.86A12.14 12.14 0 1027.14 15 12.13 12.13 0 0015 2.86z' fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='.5'/%3E%3Ccircle fill='%23333' cx='15.19' cy='9.12' r='1.65'/%3E%3C/svg%3E");
  width: 26px;
  height: 26px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  margin: auto 0 auto .5em;
  top: 0;
  bottom: 0;
  right: 10px;
}

.return-wrapper .compact-form__section {
  display: inline-block;
  float: none;
  width: 100%;
  margin-bottom: 1em;
  text-align: left;
}

.return-wrapper .compact-form__section input {
  height: 50px;
  margin-top: 12px;
}

.return-wrapper .compact-form__section .compact-form__label {
  margin-top: -12px;
  padding-bottom: 1em;
}

.return-wrapper .return__info-list {
  list-style-type: decimal;
  padding: 1em 1em 0;
}

.return-wrapper .content-box {
  display: inline-block;
  text-align: left;
}

.return-wrapper .link {
  display: inline-block;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
}

.return-wrapper .products-list__item {
  border-top: 0;
  border-bottom: 1px solid #dddddd;
}

.return-wrapper.return-confirmation,
.return-wrapper.return-confirmation-wide {
  max-width: 70em;
  padding: 0 2em;
}

.return-wrapper.return-confirmation .products-lists__wrapper,
.return-wrapper.return-confirmation-wide .products-lists__wrapper {
  padding-top: 1em;
}

.return-wrapper.return-confirmation .product-item,
.return-wrapper.return-confirmation-wide .product-item {
  width: 100%;
}

.return-wrapper.return-error .compact-form__label {
  margin-bottom: 1em;
}

.return-wrapper.return-error .compact-form__section,
.return-wrapper.return-confirmation .compact-form__section {
  width: auto;
}

.return-wrapper.return-authentication .compact-form__section {
  padding: 0;
}

.return-wrapper.return-authentication .compact-form__section .content-box {
  width: 100%;
  padding: 0 0 0 1em;
  border: 0;
}

.return-wrapper.return-products-selection,
.return-wrapper.return-confirmation,
.return-wrapper.return-confirmation-wide {
  max-width: 100%;
}

.return-wrapper.return-products-selection .products-lists__wrapper .compact-form__header,
.return-wrapper.return-confirmation .products-lists__wrapper .compact-form__header,
.return-wrapper.return-confirmation-wide .products-lists__wrapper .compact-form__header {
  padding: .25em 0;
  font-size: 14px;
}

.return-wrapper.return-products-selection .products-lists__wrapper .return-options__description,
.return-wrapper.return-confirmation .products-lists__wrapper .return-options__description,
.return-wrapper.return-confirmation-wide .products-lists__wrapper .return-options__description {
  width: 41.6666666667%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  display: none;
  float: right;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
}

.return-wrapper.return-products-selection .products-list,
.return-wrapper.return-confirmation .products-list,
.return-wrapper.return-confirmation-wide .products-list {
  border-bottom: 1px solid;
  border-top: 1px solid;
}

.return-wrapper.return-products-selection .product-item,
.return-wrapper.return-confirmation .product-item,
.return-wrapper.return-confirmation-wide .product-item {
  display: inline-block;
  width: 100%;
  margin-bottom: 1em;
}

.return-wrapper.return-products-selection .product-item .product-item__image,
.return-wrapper.return-confirmation .product-item .product-item__image,
.return-wrapper.return-confirmation-wide .product-item .product-item__image {
  width: 33.3333333333%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  float: right;
  padding: 0;
}

.return-wrapper.return-products-selection .product-item .product-item__quantity,
.return-wrapper.return-confirmation .product-item .product-item__quantity,
.return-wrapper.return-confirmation-wide .product-item .product-item__quantity {
  width: 8.3333333333%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  display: inline-block;
  line-height: 1em;
  padding: 0;
  clear: left;
}

.return-wrapper.return-products-selection .product-item .product-item__info,
.return-wrapper.return-confirmation .product-item .product-item__info,
.return-wrapper.return-confirmation-wide .product-item .product-item__info {
  width: 58.3333333333%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  padding: 0;
}

.return-wrapper.return-products-selection .product-item .product-item__info .product-item__name,
.return-wrapper.return-confirmation .product-item .product-item__info .product-item__name,
.return-wrapper.return-confirmation-wide .product-item .product-item__info .product-item__name {
  margin-bottom: 1em;
}

.return-wrapper.return-products-selection .product-item__return-options,
.return-wrapper.return-confirmation .product-item__return-options,
.return-wrapper.return-confirmation-wide .product-item__return-options {
  width: 91.6666666667%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  float: right;
  padding: 0;
  line-height: 24px;
  font-size: 16px;
}

.return-wrapper.return-products-selection .product-item__return-options .return-options__description-in-list,
.return-wrapper.return-confirmation .product-item__return-options .return-options__description-in-list,
.return-wrapper.return-confirmation-wide .product-item__return-options .return-options__description-in-list {
  display: inline-block;
}

.return-wrapper.return-products-selection .product-item__return-options .compact-form__label,
.return-wrapper.return-confirmation .product-item__return-options .compact-form__label,
.return-wrapper.return-confirmation-wide .product-item__return-options .compact-form__label {
  display: inline-block;
  width: 100%;
  min-width: auto;
  margin-top: 1em;
}

.return-wrapper.return-products-selection .product-item__return-options .compact-form__label span:first-child,
.return-wrapper.return-confirmation .product-item__return-options .compact-form__label span:first-child,
.return-wrapper.return-confirmation-wide .product-item__return-options .compact-form__label span:first-child {
  display: inline-block;
  font-size: 14px;
}

.return-wrapper.return-products-selection .product-item__return-options .compact-form__label .return__col--form,
.return-wrapper.return-confirmation .product-item__return-options .compact-form__label .return__col--form,
.return-wrapper.return-confirmation-wide .product-item__return-options .compact-form__label .return__col--form {
  display: block;
  min-width: auto;
  max-width: 400px;
  height: auto;
  margin-top: 0;
  padding: 5px 1em;
}

.return-wrapper.return-products-selection .product-item__return-options .compact-form__label:first-of-type,
.return-wrapper.return-confirmation .product-item__return-options .compact-form__label:first-of-type,
.return-wrapper.return-confirmation-wide .product-item__return-options .compact-form__label:first-of-type {
  margin-top: 0;
}

.return-wrapper.return-products-selection .product-item__return-options > :nth-child(n+3),
.return-wrapper.return-confirmation .product-item__return-options > :nth-child(n+3),
.return-wrapper.return-confirmation-wide .product-item__return-options > :nth-child(n+3) {
  display: none;
}

.no-js .return-wrapper .product-item__return-options .compact-form__label {
  display: inline-block;
}

@media (min-width: 30em) {
  .return-wrapper.return-authentication .compact-form__section,
  .return-wrapper.return-error .compact-form__section,
  .return-wrapper.return-confirmation-wide .compact-form__section,
  .return-wrapper.return-confirmation .compact-form__section {
    text-align: center;
    padding: 0 1em;
  }
  .return-wrapper.return-authentication .compact-form__section .content-box,
  .return-wrapper.return-error .compact-form__section .content-box,
  .return-wrapper.return-confirmation-wide .compact-form__section .content-box,
  .return-wrapper.return-confirmation .compact-form__section .content-box {
    max-width: 30em;
    padding: 2em;
    border: 1px solid #dddddd;
    text-align: left;
  }
  .return-wrapper.return-products-selection .product-item .product-item__image,
  .return-wrapper.return-confirmation .product-item .product-item__image,
  .return-wrapper.return-confirmation-wide .product-item .product-item__image {
    width: 41.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    float: right;
    padding: 0;
  }
  .return-wrapper.return-products-selection .product-item .product-item__quantity,
  .return-wrapper.return-confirmation .product-item .product-item__quantity,
  .return-wrapper.return-confirmation-wide .product-item .product-item__quantity {
    width: 8.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding: 0;
    clear: none;
  }
  .return-wrapper.return-products-selection .product-item .product-item__info,
  .return-wrapper.return-confirmation .product-item .product-item__info,
  .return-wrapper.return-confirmation-wide .product-item .product-item__info {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
    padding-right: 1em;
  }
  .return-wrapper.return-products-selection .product-item__return-options,
  .return-wrapper.return-confirmation .product-item__return-options,
  .return-wrapper.return-confirmation-wide .product-item__return-options {
    width: 100%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    float: left;
    padding-left: 8.3333333333%;
    padding-right: 0;
  }
}

@media (min-width: 40em) {
  .return-wrapper.return-products-selection .product-item .product-item__image,
  .return-wrapper.return-confirmation .product-item .product-item__image,
  .return-wrapper.return-confirmation-wide .product-item .product-item__image {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    float: right;
    padding: 0;
  }
  .return-wrapper.return-products-selection .product-item .product-item__quantity,
  .return-wrapper.return-confirmation .product-item .product-item__quantity,
  .return-wrapper.return-confirmation-wide .product-item .product-item__quantity {
    width: 8.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding: 0;
    clear: none;
  }
  .return-wrapper.return-products-selection .product-item .product-item__info,
  .return-wrapper.return-confirmation .product-item .product-item__info,
  .return-wrapper.return-confirmation-wide .product-item .product-item__info {
    width: 66.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding: 0;
  }
}

@media (min-width: 50em) {
  .return-wrapper.return-authentication,
  .return-wrapper.return-error,
  .return-wrapper.return-confirmation,
  .return-wrapper.return-confirmation-wide {
    max-width: 50em;
  }
  .return-wrapper.return-authentication .return__col--form,
  .return-wrapper.return-authentication .return__col--info,
  .return-wrapper.return-error .return__col--form,
  .return-wrapper.return-error .return__col--info,
  .return-wrapper.return-confirmation .return__col--form,
  .return-wrapper.return-confirmation .return__col--info,
  .return-wrapper.return-confirmation-wide .return__col--form,
  .return-wrapper.return-confirmation-wide .return__col--info {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding: 0 .5em;
  }
  .return-wrapper.return-authentication .return__col--info,
  .return-wrapper.return-error .return__col--info,
  .return-wrapper.return-confirmation .return__col--info,
  .return-wrapper.return-confirmation-wide .return__col--info {
    float: right;
    margin: 0;
  }
  .return-wrapper.return-products-selection .products-lists__wrapper .return-options__description {
    width: 41.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    display: inline-block;
    float: right;
  }
  .return-wrapper.return-products-selection .product-item {
    width: 58.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding: 0;
  }
  .return-wrapper.return-products-selection .product-item .product-item__image {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    float: left;
    padding-right: 1em;
  }
  .return-wrapper.return-products-selection .product-item .product-item__quantity {
    width: 8.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding: 0;
    clear: none;
  }
  .return-wrapper.return-products-selection .product-item .product-item__info {
    width: 66.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding: 0;
  }
  .return-wrapper.return-products-selection .product-item__return-options {
    width: 41.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    float: right;
    padding-left: 1em;
  }
  .return-wrapper.return-products-selection .product-item__return-options .return-options__description-in-list {
    display: none;
  }
  .return-wrapper.return-confirmation .product-item,
  .return-wrapper.return-confirmation-wide .product-item {
    width: 100%;
  }
  .return-wrapper.return-confirmation .product-item .product-item__image,
  .return-wrapper.return-confirmation-wide .product-item .product-item__image {
    float: left;
  }
}

@media (min-width: 60em) {
  .return-wrapper.return-authentication {
    max-width: 60em;
  }
  .return-wrapper.return-authentication .return__col--form {
    padding-left: 1em;
    padding-right: .5em;
  }
  .return-wrapper.return-authentication .return__col--info {
    padding-left: .5em;
    padding-right: 1em;
  }
  .return-wrapper.return-authentication .compact-form__section .content-box {
    max-width: initial;
  }
  .return-wrapper.return-confirmation,
  .return-wrapper.return-confirmation-wide {
    max-width: 60em;
  }
  .return-wrapper.return-products-selection .product-item .product-item__image,
  .return-wrapper.return-confirmation .product-item .product-item__image,
  .return-wrapper.return-confirmation-wide .product-item .product-item__image {
    width: 25%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    float: left;
    padding: 0;
  }
  .return-wrapper.return-products-selection .product-item .product-item__quantity,
  .return-wrapper.return-confirmation .product-item .product-item__quantity,
  .return-wrapper.return-confirmation-wide .product-item .product-item__quantity {
    width: 8.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding: 0;
    clear: none;
  }
  .return-wrapper.return-products-selection .product-item .product-item__info,
  .return-wrapper.return-confirmation .product-item .product-item__info,
  .return-wrapper.return-confirmation-wide .product-item .product-item__info {
    width: 66.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0;
    padding-right: 1em;
  }
  .return-wrapper.return-products-selection .product-item__return-options,
  .return-wrapper.return-confirmation .product-item__return-options,
  .return-wrapper.return-confirmation-wide .product-item__return-options {
    padding-left: 1em;
  }
  .return-wrapper.return-confirmation .product-item,
  .return-wrapper.return-confirmation-wide .product-item {
    width: 100%;
  }
}

@media (min-width: 70em) {
  .return-wrapper.return-products-selection .products-lists__wrapper .return-options__description,
  .return-wrapper.return-confirmation .products-lists__wrapper .return-options__description,
  .return-wrapper.return-confirmation-wide .products-lists__wrapper .return-options__description {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    float: right;
  }
  .return-wrapper.return-products-selection .product-item,
  .return-wrapper.return-confirmation .product-item,
  .return-wrapper.return-confirmation-wide .product-item {
    width: 66.6666666667%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .return-wrapper.return-products-selection .product-item__return-options,
  .return-wrapper.return-confirmation .product-item__return-options,
  .return-wrapper.return-confirmation-wide .product-item__return-options {
    width: 33.3333333333%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .return-wrapper.return-confirmation .product-item,
  .return-wrapper.return-confirmation-wide .product-item {
    width: 100%;
  }
}

.fancybox-enabled {
  overflow: hidden;
}

.fancybox-enabled body {
  overflow: visible;
  height: 100%;
}

.fancybox-is-hidden {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container {
  z-index: 99992;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fancybox-outer {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
  position: absolute;
  direction: ltr;
  z-index: 99997;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s, visibility 0s linear .25s;
  box-sizing: border-box;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1;
  visibility: visible;
  transition: opacity .25s, visibility 0s;
}

.fancybox-infobar {
  top: 0;
  left: 50%;
  margin-left: -79px;
}

.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30, 30, 30, 0.7);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox-toolbar {
  top: 0;
  right: 0;
}

.fancybox-stage {
  overflow: hidden;
  direction: ltr;
  z-index: 99994;
  -webkit-transform: translate3d(0, 0, 0);
}

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  display: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.fancybox-slide::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: visible;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
  background: #000;
}

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
  background: #E5E3DF;
}

.fancybox-slide--next {
  z-index: 99995;
}

.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box;
}

.fancybox-slide .fancybox-image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fancybox-can-zoomOut .fancybox-image-wrap {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-image-wrap {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.fancybox-can-drag .fancybox-image-wrap {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-dragging .fancybox-image-wrap {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--iframe .fancybox-content {
  padding: 0;
  width: 80%;
  height: 80%;
  max-width: calc(100% - 100px);
  max-height: calc(100% - 88px);
  overflow: visible;
  background: #fff;
}

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.fancybox-error {
  margin: 0;
  padding: 40px;
  width: 100%;
  max-width: 380px;
  background: #fff;
  cursor: default;
}

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  z-index: 10;
  cursor: pointer;
}

.fancybox-close-small:after {
  content: '×';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background: #fff;
  transition: background .25s;
  box-sizing: border-box;
  z-index: 2;
}

.fancybox-close-small:focus:after {
  outline: 1px dotted #888;
}

.fancybox-close-small:hover:after {
  color: #555;
  background: #eee;
}

.fancybox-slide--iframe .fancybox-close-small {
  top: 0;
  right: -44px;
}

.fancybox-slide--iframe .fancybox-close-small:after {
  background: transparent;
  font-size: 35px;
  color: #aaa;
}

.fancybox-slide--iframe .fancybox-close-small:hover:after {
  color: #fff;
}

/* Caption */
.fancybox-caption-wrap {
  bottom: calc(5px + 44px + 1em);
  left: 50%;
  transform: translateX(-50%);
  background: white;
  border-radius: 50px;
  pointer-events: none;
}

.fancybox-caption {
  padding: 3px 10px;
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: black;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
}

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
  pointer-events: all;
}

.fancybox-caption a {
  color: #fff;
  text-decoration: underline;
}

/* Buttons */
.fancybox-button {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: transparent;
  color: #ddd;
  border-radius: 0;
  cursor: pointer;
  vertical-align: top;
  outline: none;
}

.fancybox-button[disabled] {
  cursor: default;
  pointer-events: none;
}

.fancybox-infobar__body, .fancybox-button {
  background: rgba(30, 30, 30, 0.6);
}

.fancybox-button:hover:not([disabled]) {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}

.fancybox-button::before,
.fancybox-button::after {
  content: '';
  pointer-events: none;
  position: absolute;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  box-sizing: border-box;
  display: inline-block;
}

.fancybox-button[disabled]::before,
.fancybox-button[disabled]::after {
  opacity: 0.3;
}

.fancybox-button--left::after,
.fancybox-button--right::after {
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
}

.fancybox-button--left::after {
  left: 20px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.fancybox-button--right::after {
  right: 20px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fancybox-button--left {
  border-bottom-left-radius: 5px;
}

.fancybox-button--right {
  border-bottom-right-radius: 5px;
}

.fancybox-button--close::before, .fancybox-button--close::after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: calc(50% - 1px);
  left: calc(50% - 8px);
}

.fancybox-button--close::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fancybox-button--close::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Navigation arrows */
.fancybox-arrow {
  position: absolute;
  top: 50%;
  margin: -50px 0 0 0;
  height: 100px;
  width: 54px;
  padding: 0;
  border: 0;
  outline: none;
  background: none;
  cursor: pointer;
  z-index: 99995;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: opacity .25s;
}

.fancybox-arrow::after {
  content: '';
  position: absolute;
  top: 28px;
  width: 44px;
  height: 44px;
  background-color: rgba(30, 30, 30, 0.8);
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
}

.fancybox-arrow--right {
  right: 0;
}

.fancybox-arrow--left {
  left: 0;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

.fancybox-arrow--right::after,
.fancybox-arrow--left::after {
  left: 0;
}

.fancybox-show-nav .fancybox-arrow {
  opacity: 0.6;
}

.fancybox-show-nav .fancybox-arrow[disabled] {
  opacity: 0.3;
}

/* Loading indicator */
.fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: fancybox-rotate .8s infinite linear;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
  opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
  opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--next {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--current {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1;
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--next {
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1;
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-infobar {
    left: 0;
    margin-left: 0;
  }
  .fancybox-caption {
    padding: 20px 0;
    margin: 0;
  }
}

/* Fullscreen  */
.fancybox-button--fullscreen::before {
  width: 15px;
  height: 11px;
  left: calc(50% - 7px);
  top: calc(50% - 6px);
  border: 2px solid;
  background: none;
}

/* Slideshow button */
.fancybox-button--play::before,
.fancybox-button--pause::before {
  top: calc(50% - 6px);
  left: calc(50% - 4px);
  background: transparent;
}

.fancybox-button--play::before {
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px;
}

.fancybox-button--pause::before {
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px 0 2px;
}

/* Thumbs */
.fancybox-thumbs {
  display: none;
}

.fancybox-button--thumbs {
  display: none;
}

@media all and (min-width: 800px) {
  .fancybox-button--thumbs {
    display: inline-block;
  }
  .fancybox-button--thumbs span {
    font-size: 23px;
  }
  .fancybox-button--thumbs::before {
    width: 3px;
    height: 3px;
    top: calc(50% - 2px);
    left: calc(50% - 2px);
    box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
  }
  .fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #fff;
    word-break: normal;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    z-index: 99995;
  }
  .fancybox-show-thumbs .fancybox-thumbs {
    display: block;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 220px;
  }
  .fancybox-thumbs > ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
  }
  .fancybox-thumbs > ul > li {
    float: left;
    overflow: hidden;
    max-width: 50%;
    padding: 0;
    margin: 0;
    width: 105px;
    height: 75px;
    position: relative;
    cursor: pointer;
    outline: none;
    border: 5px solid transparent;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
  }
  li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1);
  }
  .fancybox-thumbs > ul > li > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .fancybox-thumbs > ul > li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
    opacity: 1;
  }
}

.checkout-shipping__amazon-box,
#addressBookWidgetDiv,
#walletWidgetDiv,
.amazon-checkout__heading,
.amazon-checkout__content {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

#addressBookWidgetDiv,
#walletWidgetDiv {
  height: 300px;
  margin-bottom: 1em;
}

.amazon-checkout-wait__content {
  padding: 5em 2em;
  text-align: center;
}

.amazon-checkout-confirmation__content {
  padding: 5em 2em 0 2em;
  font-weight: bold;
  font-size: large;
  text-align: center;
}

.amazon-checkout-confirmation__text {
  padding: 0 2em 5em 2em;
  text-align: center;
}

@media (min-width: 50em) {
  #addressBookWidgetDiv,
  #walletWidgetDiv {
    width: 50%;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}

@media (min-width: 60em) {
  .amazon-checkout-wait__content {
    padding: 10em 2em;
    font-size: x-large;
  }
  .amazon-checkout-confirmation__content {
    padding: 10em 2em 0 2em;
    font-weight: bold;
    font-size: x-large;
  }
}

/*! nouislider - 9.2.0 - 2017-01-11 10:35:35 */
/* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
*/
.filter-slider input {
  width: 3em;
  text-align: center;
}

.filter-slider > p {
  text-align: center;
}

.filter-slider > div {
  margin: 0 auto 1em auto;
  padding: 0 1em;
}

.filter-slider__link {
  line-height: 100%;
  vertical-align: middle;
}

.filter-slider__form {
  white-space: nowrap;
}

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */
}

.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-origin {
  position: absolute;
  top: 0;
  height: 0;
  width: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
* Browsers can paint handles in their own layer.
*/
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
*/
.noUi-horizontal {
  height: 12px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -9px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

/* Styling;
*/
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connect {
  background: #3FB8AF;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

/* Handles and cursors;
*/
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
*/
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
*/
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
*
*/
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
*
*/
.noUi-value {
  position: absolute;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
*
*/
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
*
*/
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
*
*/
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  padding-left: 25px;
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.paypal-express--ok-button__content {
  padding: 0 2em 2em 2em;
  text-align: center;
}

.paypal-express-error__text {
  padding: 1em 2em 3em 2em;
  text-align: center;
  line-height: 1em;
  font-size: 1em;
}

@media (min-width: 40em) {
  .paypal-express-error__text {
    line-height: 1.5em;
    font-size: 1.2em;
  }
}

@media (min-width: 30em) {
  .paypal-express-error__text {
    padding-top: 2em;
  }
}

@media (min-width: 60em) {
  .paypal-express-error__text {
    padding-top: 5em;
  }
}

#BVQAContainer p,
#BVQAContainer span,
#BVQAContainer a {
  word-break: break-word !important;
}

/**
 * Swiper 6.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 18, 2020
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

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

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

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

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

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

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

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

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

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

.swiper-container-3d {
  perspective: 1200px;
}

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

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

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

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

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

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

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

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

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 0px;
  right: auto;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 0px;
  left: auto;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000000;
}

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

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

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

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

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

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

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

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform, .2s top;
}

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

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

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s right;
}

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

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

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

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

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

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

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

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

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

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

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

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

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

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

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

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._hj_feedback_container ._hj-1Fv4C__Feedback__container {
  z-index: 10 !important;
}

.tabbernav {
  display: none;
}