/* Browser reset */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  height: 100%;
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-overflow-scrolling: touch;
}
html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
input {
  margin: 0;
  padding: 0;
}
body {
  height: 100%;
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
address,
caption,
cite,
code,
em,
strong,
th {
  font-size: inherit;
  font-weight: normal;
  font-style: normal;
}
ul,
ol {
  list-style: none;
}
fieldset,
img {
  border: none;
  display: block;
}
caption,
th {
  text-align: left;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
fieldset {
  display: block;
  padding: 0;
  margin: 0;
}
p,
figure,
ul,
ol,
form,
table,
aside {
  margin-bottom: 24px;
}
p:last-child,
figure:last-child,
ul:last-child,
ol:last-child,
form:last-child,
table:last-child,
aside:last-child {
  margin-bottom: 0;
}
iframe {
  border: 0;
}
strong {
  font-weight: bold;
  font-size: inherit;
}
em {
  ont-style: italic;
}
abbr {
  cursor: help;
  border: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  padding: 0;
  border-top: 1px solid #8d8d8d;
  margin: 24px 0;
}
a:hover,
a:active {
  outline: 0;
}
::selection {
  background: #ff4e3f;
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: #ff4e3f;
  color: #fff;
  text-shadow: none;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
#map_canvas img,
.map img,
.google-maps img {
  max-width: none;
}
.fb-comments,
.fb-comments span,
.fb-comments iframe {
  width: 100% !important;
}
button,
input,
select,
textarea {
  outline: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible;
  line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  #tsbadge4_db8d3657bdbe440c985ae127463eaad4,
  #tscard4_db8d3657bdbe440c985ae127463eaad4,
  iframe {
    display: none !important;
  }
  h1,
  .btn,
  p.print--notice,
  p.teaser--actions,
  .header-container,
  .navigation--list-wrapper,
  .finish--teaser,
  .footer-main {
    display: none;
  }
  h2.is--underline {
    border-top: 0px solid #ffffff!important;
  }
  #tsbadge4_db8d3657bdbe440c985ae127463eaad4.reviews,
  #tsbadge4_db8d3657bdbe440c985ae127463eaad4,
  #tsbadge4_db8d3657bdbe440c985ae127463eaad4 a,
  #tsbadge4_db8d3657bdbe440c985ae127463eaad4 div,
  #tsbadge4_db8d3657bdbe440c985ae127463eaad4 img,
  #tsbadge4_db8d3657bdbe440c985ae127463eaad4 p,
  #tsbadge4_db8d3657bdbe440c985ae127463eaad4 span,
  #tsbadge4_db8d3657bdbe440c985ae127463eaad4 strong,
  #tsbadge4_db8d3657bdbe440c985ae127463eaad4 table,
  #tsbadge4_db8d3657bdbe440c985ae127463eaad4 tbody,
  #tsbadge4_db8d3657bdbe440c985ae127463eaad4 td,
  #tsbadge4_db8d3657bdbe440c985ae127463eaad4 tr,
  #tscard_db8d3657bdbe440c985ae127463eaad4 a,
  #tscard_db8d3657bdbe440c985ae127463eaad4 div,
  #tscard_db8d3657bdbe440c985ae127463eaad4 img,
  #tscard_db8d3657bdbe440c985ae127463eaad4 p,
  #tscard_db8d3657bdbe440c985ae127463eaad4 span,
  #tscard_db8d3657bdbe440c985ae127463eaad4 strong,
  #tscard_db8d3657bdbe440c985ae127463eaad4 table,
  #tscard_db8d3657bdbe440c985ae127463eaad4 tbody,
  #tscard_db8d3657bdbe440c985ae127463eaad4 td,
  #tscard_db8d3657bdbe440c985ae127463eaad4 tr {
    max-height: 0px;
    color: #fff!important;
    font-size: 1px!important;
  }
}
@media only screen and (max-width: 767px) {
  aside,
  figure,
  form,
  ol,
  p,
  table,
  ul {
    margin-bottom: 10px;
  }
  body {
    font-size: 14px;
    line-height: 22px;
    overflow-x: hidden;
  }
}
/* PocketGrid 1.1.0*/
/* Border-box-sizing */
.block-group,
.block,
.block-group:after,
.block:after,
.block-group:before,
.block:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* Clearfix */
.block-group {
  *zoom: 1;
}
/*.block-group:before,*/
.block-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.block-group:after {
  clear: both;
}
.block-group {
  /* ul/li compatibility */
  list-style-type: none;
  padding: 0;
  margin: 0;
}
/* Nested grid */
.block-group > .block-group {
  clear: none;
  float: left;
  margin: 0 !important;
}
/* Default block */
/**
 * Plugin styles.
 *
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}
.jspPane {
  position: absolute;
}
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 100%;
  background: none;
}
.jspCap {
  display: none;
}
.jspTrack {
  background: none;
  position: relative;
}
.jspDrag {
  background: #000;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}
.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}
.jspVerticalBar .jspArrow {
  height: 6px;
}
.jspVerticalBar .jspArrow:focus {
  outline: none;
}
.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}
/*
@spriteGlobal:          '/images/sprites_global.png';
@spriteIcons:           '/images/sprites_icons.png';
@spriteIconsRetina:     '/images/sprites_icons@2x.png';
*/
/* Structure - The variables define the widths for the different viewports. */
/* Appearance mixin */
/* Backface visibility mixin */
/* Border-radius mixin */
/* Box shadow mixin */
/* Box-sizing mixin */
/* Clearfix mixin */
/* Gradient mixin */
/* Opacity */
/* Rotate mixin */
/* Scale mixin */
/* Touch callout mixin */
/* Transform style mixin */
/* Transform origin mixin */
/* Transition mixin */
/* Translate mixin */
/* Unitize mixin */
/* User-select mixin */
/* Transform mixin */
/* Tab highlighting mixin */
/* Keyframe mixin */
@-webkit-keyframes keyframe--spin {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform: rotate(0 deg);
    -moz-transform: rotate(0 deg);
    -ms-transform: rotate(0 deg);
    -o-transform: rotate(0 deg);
    transform: rotate(0 deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg deg);
    -moz-transform: rotate(360deg deg);
    -ms-transform: rotate(360deg deg);
    -o-transform: rotate(360deg deg);
    transform: rotate(360deg deg);
  }
}
@-moz-keyframes keyframe--spin {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform: rotate(0 deg);
    -moz-transform: rotate(0 deg);
    -ms-transform: rotate(0 deg);
    -o-transform: rotate(0 deg);
    transform: rotate(0 deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg deg);
    -moz-transform: rotate(360deg deg);
    -ms-transform: rotate(360deg deg);
    -o-transform: rotate(360deg deg);
    transform: rotate(360deg deg);
  }
}
@keyframes keyframe--spin {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform: rotate(0 deg);
    -moz-transform: rotate(0 deg);
    -ms-transform: rotate(0 deg);
    -o-transform: rotate(0 deg);
    transform: rotate(0 deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg deg);
    -moz-transform: rotate(360deg deg);
    -ms-transform: rotate(360deg deg);
    -o-transform: rotate(360deg deg);
    transform: rotate(360deg deg);
  }
}
@-webkit-keyframes keyframe--spin-reverse {
  from {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg deg);
    -moz-transform: rotate(360deg deg);
    -ms-transform: rotate(360deg deg);
    -o-transform: rotate(360deg deg);
    transform: rotate(360deg deg);
  }
  to {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform: rotate(0 deg);
    -moz-transform: rotate(0 deg);
    -ms-transform: rotate(0 deg);
    -o-transform: rotate(0 deg);
    transform: rotate(0 deg);
  }
}
@-moz-keyframes keyframe--spin-reverse {
  from {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg deg);
    -moz-transform: rotate(360deg deg);
    -ms-transform: rotate(360deg deg);
    -o-transform: rotate(360deg deg);
    transform: rotate(360deg deg);
  }
  to {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform: rotate(0 deg);
    -moz-transform: rotate(0 deg);
    -ms-transform: rotate(0 deg);
    -o-transform: rotate(0 deg);
    transform: rotate(0 deg);
  }
}
@keyframes keyframe--spin-reverse {
  from {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg deg);
    -moz-transform: rotate(360deg deg);
    -ms-transform: rotate(360deg deg);
    -o-transform: rotate(360deg deg);
    transform: rotate(360deg deg);
  }
  to {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform: rotate(0 deg);
    -moz-transform: rotate(0 deg);
    -ms-transform: rotate(0 deg);
    -o-transform: rotate(0 deg);
    transform: rotate(0 deg);
  }
}
/* Animations mixin */
/* Column count mixin */
/* Hypheration mixin */
/* Grabbing cursor */
h1.landingpage,
h2.landingpage,
h3.landingpage,
h4.landingpage,
h5.landingpage,
h6.landingpage {
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans !important;
  color: #000 !important;
  font-weight: 700!important;
  text-transform: uppercase!important;
  font-style: normal!important;
}
h1.landingpage {
  font-size: 40px!important;
  line-height: 50px!important;
  margin-bottom: 10px;
}
h2.landingpage,
h3.landingpage,
h4.landingpage,
h5.landingpage,
h6.landingpage {
  font-size: 28px!important;
  line-height: 36px!important;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: left;
}
h2.landingpage:before {
  display: none!important;
}
h2.landingpage-italic:before,
h3.landingpage-italic:before,
h4.landingpage-italic:before,
h5.landingpage-italic:before,
h6.landingpage-italic:before {
  background: #000 none repeat scroll 0 0;
  content: " ";
  display: block;
  height: 3px;
  margin: 20px auto 0;
  position: relative;
  top: -25px;
  width: 90px;
}
h2.landingpage-italic,
h3.landingpage-italic,
h4.landingpage-italic,
h5.landingpage-italic,
h6.landingpage-italic {
  color: #000;
  font-family: Georgia,serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 22px;
  padding-bottom: 20px;
  padding-top: 20px;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 28px!important;
    line-height: 36px!important;
    padding: 5px 0 5px 0!important;
  }
  h1.has-line,
  h1.panel--title {
    padding-bottom: 10px!important;
    font-size: 28px;
  }
  h2.is--underline.panel--title {
    margin: 25px auto 5px!important;
    font-size: 14px;
  }
  h1.has-line:after,
  h1.panel--title:after {
    display: none !important;
  }
}
@media only screen and (max-width: 378px) {
  .product--detail-upper h1 {
    font-size: 22px!important;
    line-height: 32px!important;
  }
  h1 {
    font-size: 24px!important;
    line-height: 32px!important;
    padding: 5px 0 5px 0!important;
  }
}
[type="radio"]:not(:checked),
[type="radio"]:checked {
  width: 1px;
  opacity: 0;
  margin: 0;
  padding: 0;
}
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 28px;
  padding-top: 2px;
}
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #b5b29e;
  background: #f8f8f8;
  border-radius: 11px;
  -ms-transition: border-color 0.2s ease-in;
  -webkit-transition: border-color 0.2s ease-in;
  -moz-transition: border-color 0.2s ease-in;
  -o-transition: border-color 0.2s ease-in;
  transition: border-color 0.2s ease-in;
}
[type="radio"]:not(:checked) + label:hover:before,
[type="radio"]:checked + label:hover:before,
[type="radio"]:not(:checked) + label:hover:before,
[type="radio"]:checked + label:hover:before,
[type="radio"]:not(:checked) + label:focus:before,
[type="radio"]:checked + label:focus:before,
[type="radio"]:not(:checked) + label:focus:before,
[type="radio"]:checked + label:focus:before {
  border-color: #262626;
}
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 10px;
  height: 10px;
  background: #000;
  border-radius: 5px;
  transition: all .2s;
}
[type="radio"]:not(:checked):not(:checked) + label:after,
[type="radio"]:checked:not(:checked) + label:after {
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
[type="radio"]:not(:checked):checked + label:after,
[type="radio"]:checked:checked + label:after {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
@media only screen and (max-width: 767px) {
  .panel--body [type=checkbox]:checked + label,
  .panel--body [type=checkbox]:not(:checked) + label {
    font-size: 0.9em!important;
  }
}
/* Panel */
.panel {
  display: block;
}
.panel.has--shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) false false false false;
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) false false false false;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) false false false false;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.panel--table {
  *zoom: 1;
  width: 100%;
  display: block;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}
.panel--table:after {
  content: "";
  display: table;
  clear: both;
}
.panel--table:before,
.panel--table:after {
  display: table;
  content: "";
  line-height: 0;
}
.panel--table:after {
  clear: both;
}
.panel--table.has--border {
  border: 1px solid #dadae5;
}
.panel--tr {
  *zoom: 1;
  display: block;
  width: 100%;
}
.panel--tr:after {
  content: "";
  display: table;
  clear: both;
}
.panel--tr:before,
.panel--tr:after {
  display: table;
  content: "";
  line-height: 0;
}
.panel--tr:after {
  clear: both;
}
.panel--th,
.panel--td {
  *zoom: 1;
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  display: inline-block;
  float: left;
}
.panel--th:after,
.panel--td:after {
  content: "";
  display: table;
  clear: both;
}
.panel--th:before,
.panel--td:before,
.panel--th:after,
.panel--td:after {
  display: table;
  content: "";
  line-height: 0;
}
.panel--th:after,
.panel--td:after {
  clear: both;
}
.panel--th.has--border,
.panel--td.has--border {
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #dadae5;
}
.panel--th.has--border:last-child,
.panel--td.has--border:last-child {
  border-width: 0;
}
.panel--th p,
.panel--td p {
  margin: 0;
}
.panel--th {
  font-weight: bold;
  color: #000;
}
.panel--list {
  list-style: none;
}
.panel--list.has--border {
  border: 1px solid #dadae5;
}
.panel--list li {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  border-bottom: 1px solid #dadae5;
}
.panel--list li:last-child {
  border-bottom: 0 none;
}
.panel--list li.is--secondary {
  background: #F5F5F8;
}
.panel--list li.is--primary {
  color: #D9400B;
}
.panel--arrow {
  width: 22px;
  width: 1.375rem;
  height: 30px;
  height: 1.875rem;
  margin-top: -15px;
  margin-top: -0.9375rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-size: 12px;
  font-size: 0.75rem;
  display: none;
  position: absolute;
  top: 50%;
  z-index: 2000;
  font-family: 'shopware';
  text-align: center;
  color: #000;
}
.panel--arrow.has--background {
  border-radius: 3px;
  background-clip: padding-box;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8fa 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f8f8fa));
  background-image: -webkit-linear-gradient(top, #ffffff, #f8f8fa);
  background-image: -moz-linear-gradient(top, #ffffff, #f8f8fa);
  background-image: -ms-linear-gradient(top, #ffffff, #f8f8fa);
  background-image: -o-linear-gradient(top, #ffffff, #f8f8fa);
  background-image: linear-gradient(top, bottom, #ffffff, #f8f8fa);
  border: 1px solid #dadae5;
}
.panel--arrow.left--arrow {
  left: 10px;
  left: 0.625rem;
}
.panel--arrow.left--arrow:before,
.panel--arrow.left--arrow::before {
  content: "\e611";
}
.panel--arrow.right--arrow {
  right: 10px;
  right: 0.625rem;
}
.panel--arrow.right--arrow:before {
  content: "\e60f";
}
.panel--arrow:hover {
  color: #D9400B;
}
.panel--dot-nav {
  height: 11px;
  height: 0.6875rem;
  position: relative;
}
.panel--dot-nav .dot--link,
.panel--dot-nav a {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin: 0px 5px 0px 5px;
  margin: 0rem 0.3125rem 0rem 0.3125rem;
  width: 11px;
  width: 0.6875rem;
  height: 11px;
  height: 0.6875rem;
  display: inline-block;
  border: 1px solid #dadae5;
}
.panel--dot-nav .dot--link.is--active,
.panel--dot-nav a.is--active {
  border-color: #D9400B;
  background: #D9400B;
}
.panel--tab-nav {
  list-style: none;
}
.panel--tab-nav .navigation--entry {
  display: inline-block;
}
.panel--tab-nav .navigation--link {
  padding: 10px 15px 10px 15px;
  padding: 0.625rem 0.9375rem 0.625rem 0.9375rem;
  margin: 0px 5px 0px 0px;
  margin: 0rem 0.3125rem 0rem 0rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #f8f8fa 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #f8f8fa));
  background-image: -webkit-linear-gradient(top, #fff, #f8f8fa);
  background-image: -moz-linear-gradient(top, #fff, #f8f8fa);
  background-image: -ms-linear-gradient(top, #fff, #f8f8fa);
  background-image: -o-linear-gradient(top, #fff, #f8f8fa);
  background-image: linear-gradient(top, bottom, #fff, #f8f8fa);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  display: block;
  position: relative;
  z-index: 2000;
  font-weight: bold;
  text-align: center;
  color: #000;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #dadae5;
  white-space: nowrap;
}
.panel--tab-nav .navigation--link.is--active {
  top: 1px;
  top: 0.0625rem;
  color: #000;
  background: #FFFFFF;
}
.panel--tab-nav .navigation--link.is--active:hover {
  color: #000;
}
.panel--tab-nav .navigation--link:hover {
  color: #D9400B;
}
/*
######A paging navigation for pagination content.
```
<div class="panel--paging">
    <a href=""><i class="icon--arrow-left"></i></a>
    <a href="">1</a>
    <a href="">2</a>
    <a href="">...</a>
    <a href=""><i class="icon--arrow-right"></i></a>
</div>
```
*/
/*

.panel--paging {
.unitize(line-height, 32);
display: inline-block;

.paging--link {
    .unitize-padding(0, 10);
    .unitize-margin(0, 1);
    .unitize(font-size, 14);
    .unitize(line-height, 30);
    .border-radius();
    .linear-gradient(@btn-default-top-bg, @btn-default-bottom-bg);
    display: inline-block;
    font-weight: normal;
    text-align: center;
    border: 1px solid @btn-default-border-color;
    color: @btn-default-text-color;

    [class^="icon--"] {
        .unitize(font-size, 10);
    }

    &.is--active,
    &.is--active:hover {
        .unitize(line-height, 32);
        .linear-gradient(@btn-primary-top-bg, @btn-primary-bottom-bg);
        color: @btn-primary-text-color;
        border: 0 none;
        font-weight: bold;
        cursor: default;
    }

    &:hover {
        background: @btn-default-hover-bg;
        color: @btn-default-hover-text-color;
        border-color: @btn-default-hover-border-color;
    }
}
}
*/
.panel--filter-btn {
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.625rem 0rem 0.625rem;
  margin: 0px 10px 0px 10px;
  margin: 0rem 0.625rem 0rem 0.625rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 26px;
  line-height: 1.625rem;
  border-radius: 3px;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8fa 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f8f8fa));
  background-image: -webkit-linear-gradient(top, #ffffff, #f8f8fa);
  background-image: -moz-linear-gradient(top, #ffffff, #f8f8fa);
  background-image: -ms-linear-gradient(top, #ffffff, #f8f8fa);
  background-image: -o-linear-gradient(top, #ffffff, #f8f8fa);
  background-image: linear-gradient(top, bottom, #ffffff, #f8f8fa);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05) false false false false;
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05) false false false false;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05) false false false false;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  display: inline-block;
  color: #000;
  font-weight: normal;
  text-align: center;
  border: 1px solid #c7cfda;
}
.panel--filter-btn i {
  margin: 0px 10px 0px 0px;
  margin: 0rem 0.625rem 0rem 0rem;
  font-size: 10px;
  font-size: 0.625rem;
}
.panel--filter-btn:hover {
  color: #D9400B;
}
.panel--filter-select {
  width: 160px;
  width: 10rem;
  height: 28px;
  height: 1.75rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 26px;
  line-height: 1.625rem;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05) false false false false;
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05) false false false false;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05) false false false false;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8fa 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f8f8fa));
  background-image: -webkit-linear-gradient(top, #ffffff, #f8f8fa);
  background-image: -moz-linear-gradient(top, #ffffff, #f8f8fa);
  background-image: -ms-linear-gradient(top, #ffffff, #f8f8fa);
  background-image: -o-linear-gradient(top, #ffffff, #f8f8fa);
  background-image: linear-gradient(top, bottom, #ffffff, #f8f8fa);
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  border: 1px solid #dadae5;
  overflow: hidden;
}
.panel--filter-select .arrow {
  width: 34px;
  width: 2.125rem;
  font-size: 6px;
  font-size: 0.375rem;
  line-height: 28px;
  line-height: 1.75rem;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #dadae5;
  font-family: 'shopware';
  text-align: center;
}
.panel--filter-select .arrow:before,
.panel--filter-select .arrow::before {
  content: "\e612";
}
.panel--filter-select select {
  width: 180px;
  width: 11.25rem;
  padding: 0px 0px 0px 10px;
  padding: 0rem 0rem 0rem 0.625rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 26px;
  line-height: 1.625rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #000;
  background: transparent;
  border: 0 none;
}
.panel--filter-select option {
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.625rem 0rem 0.625rem;
  display: block;
  border: 0 none;
  background: #fff;
}
.js--mobile-tab-panel .navigation--entry {
  margin: 0px 0px 6px 0px;
  margin: 0rem 0rem 0.375rem 0rem;
  display: block;
}
.js--mobile-tab-panel .navigation--entry > [class^=content] {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  border: 1px solid #dadae5;
  border-top: 0 none;
}
.js--mobile-tab-panel .navigation--link {
  padding: 5px 10px 5px 10px;
  padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
  text-align: left;
  font-weight: normal;
  border: 1px solid #dadae5;
  margin: 0;
}
.js--mobile-tab-panel .navigation--link:after,
.js--mobile-tab-panel .navigation--link::after {
  font-size: 16px;
  font-size: 1rem;
  right: 8px;
  right: 0.5rem;
  content: '+';
  position: absolute;
  font-weight: bold;
}
.js--mobile-tab-panel .navigation--link.is--active {
  top: 0;
  cursor: default;
}
.js--mobile-tab-panel .navigation--link.is--active:after,
.js--mobile-tab-panel .navigation--link.is--active::after {
  content: '-';
}
.panel--body p {
  margin-bottom: 0;
}
.panel--body [type="checkbox"]:not(:checked),
.panel--body [type="checkbox"]:checked {
  width: 1px;
  opacity: 0;
  margin: 0;
  padding: 0;
}
.panel--body [type="checkbox"]:not(:checked) + label,
.panel--body [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 28px;
  padding-top: 2px;
}
.panel--body [type="checkbox"]:not(:checked) + label:before,
.panel--body [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #b5b29e;
  background: #f8f8f8;
  -ms-transition: border-color 0.2s ease-in;
  -webkit-transition: border-color 0.2s ease-in;
  -moz-transition: border-color 0.2s ease-in;
  -o-transition: border-color 0.2s ease-in;
  transition: border-color 0.2s ease-in;
}
.panel--body [type="checkbox"]:not(:checked) + label:hover:before,
.panel--body [type="checkbox"]:checked + label:hover:before,
.panel--body [type="checkbox"]:not(:checked) + label:focus:before,
.panel--body [type="checkbox"]:checked + label:focus:before {
  border-color: #262626;
}
.panel--body [type="checkbox"]:not(:checked) + label:after,
.panel--body [type="checkbox"]:checked + label:after {
  content: "\e60b";
  position: absolute;
  top: -2px;
  left: 2px;
  font-size: 14px;
  color: #000;
  font-family: "qvest";
  transition: all .2s;
}
.panel--body [type="checkbox"]:not(:checked) + label:after {
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.panel--body [type="checkbox"]:checked + label:after {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  .panel--tr {
    display: block;
    float: left!important;
  }
}
@media only screen and (min-width: 768px) {
  .panel--tr {
    float: left!important;
  }
}
/* Collapse Box */
.collapse--header {
  padding: 10px 20px 10px 20px;
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  margin: 10px 0px 0px 0px;
  margin: 0.625rem 0rem 0rem 0rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 16px;
  line-height: 1rem;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8fa 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f8f8fa));
  background-image: -webkit-linear-gradient(top, #ffffff, #f8f8fa);
  background-image: -moz-linear-gradient(top, #ffffff, #f8f8fa);
  background-image: -ms-linear-gradient(top, #ffffff, #f8f8fa);
  background-image: -o-linear-gradient(top, #ffffff, #f8f8fa);
  background-image: linear-gradient(top, bottom, #ffffff, #f8f8fa);
  border-radius: 3px;
  box-shadow: 0 1px 1px 0 rgba(236, 238, 241, 0.8);
  -webkit-box-shadow: 0 1px 1px 0 rgba(236, 238, 241, 0.8) false false false false;
  -moz-box-shadow: 0 1px 1px 0 rgba(236, 238, 241, 0.8) false false false false;
  box-shadow: 0 1px 1px 0 rgba(236, 238, 241, 0.8) false false false false;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  display: block;
  position: relative;
  z-index: 1100;
  border: 1px solid #dadae5;
  cursor: pointer;
}
.collapse--header .collapse--toggler {
  height: 16px;
  height: 1rem;
  top: 10px;
  top: 0.625rem;
  right: 20px;
  right: 1.25rem;
  font-size: 6px;
  font-size: 0.375rem;
  line-height: 16px;
  line-height: 1rem;
  position: absolute;
  font-weight: normal;
  font-family: 'shopware';
}
.collapse--header .collapse--toggler:before {
  content: "\e612";
}
.collapse--header:hover {
  color: #D9400B;
}
.collapse--header.is--active {
  background-color: #5F7285;
  background-image: linear-gradient(to bottom, #5F7285 0%, #3f4c58 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5F7285), color-stop(1, #3f4c58));
  background-image: -webkit-linear-gradient(top, #5F7285, #3f4c58);
  background-image: -moz-linear-gradient(top, #5F7285, #3f4c58);
  background-image: -ms-linear-gradient(top, #5F7285, #3f4c58);
  background-image: -o-linear-gradient(top, #5F7285, #3f4c58);
  background-image: linear-gradient(top, bottom, #5F7285, #3f4c58);
  box-shadow: 0 1px 3px 0 rgba(95, 114, 133, 0.5);
  -webkit-box-shadow: 0 1px 3px 0 rgba(95, 114, 133, 0.5) false false false false;
  -moz-box-shadow: 0 1px 3px 0 rgba(95, 114, 133, 0.5) false false false false;
  box-shadow: 0 1px 3px 0 rgba(95, 114, 133, 0.5) false false false false;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: #fff;
  font-weight: bold;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #adadc6;
  z-index: 1300;
}
.collapse--header.is--active .collapse--toggler:before {
  content: "\e610";
}
.collapse--content {
  padding: 5px 0px 0px 0px;
  padding: 0.3125rem 0rem 0rem 0rem;
  top: -5px;
  top: -0.3125rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: 0 1px 1px 0 rgba(236, 238, 241, 0.8);
  -webkit-box-shadow: 0 1px 1px 0 rgba(236, 238, 241, 0.8) false false false false;
  -moz-box-shadow: 0 1px 1px 0 rgba(236, 238, 241, 0.8) false false false false;
  box-shadow: 0 1px 1px 0 rgba(236, 238, 241, 0.8) false false false false;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  display: none;
  position: relative;
  z-index: 1000;
  background: #fff;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #dadae5;
}
.collapse--content.is--collapsed {
  display: block;
  z-index: 1200;
}
.js--collapse-target {
  display: block;
}
.js--collapse-target.is--collapsed {
  display: block;
}
/* Input Types */
textarea,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  line-height: 19px;
  line-height: 1.1875rem;
  font-size: 16px;
  font-size: 1rem;
  width: 290px;
  width: 18.125rem;
  padding: 10px 10px 9px 10px;
  padding: 0.625rem 0.625rem 0.5625rem 0.625rem;
  background: #fff;
  border-top: 1px solid ;
  border-top-color: #cbcbdb;
  color: #262626;
}
textarea.has--error,
input[type="text"].has--error,
input[type="password"].has--error,
input[type="number"].has--error,
input[type="email"].has--error,
input[type="tel"].has--error {
  color: #E74C3C;
  background: #ffffff;
  border-color: #E74C3C;
}
textarea.input--field,
input[type="text"].input--field,
input[type="password"].input--field,
input[type="number"].input--field,
input[type="email"].input--field,
input[type="tel"].input--field {
  width: 100%;
}
textarea.input--field.input--field-zipcode,
input[type="text"].input--field.input--field-zipcode,
input[type="password"].input--field.input--field-zipcode,
input[type="number"].input--field.input--field-zipcode,
input[type="email"].input--field.input--field-zipcode,
input[type="tel"].input--field.input--field-zipcode {
  width: 30%;
  float: left;
}
textarea.input--field.input--field-city,
input[type="text"].input--field.input--field-city,
input[type="password"].input--field.input--field-city,
input[type="number"].input--field.input--field-city,
input[type="email"].input--field.input--field-city,
input[type="tel"].input--field.input--field-city {
  width: 68%;
  float: left;
}
textarea.input--field.input--spacer,
input[type="text"].input--field.input--spacer,
input[type="password"].input--field.input--spacer,
input[type="number"].input--field.input--spacer,
input[type="email"].input--field.input--spacer,
input[type="tel"].input--field.input--spacer {
  margin-right: 2%;
}
textarea.is--small,
input[type="text"].is--small,
input[type="password"].is--small,
input[type="number"].is--small,
input[type="email"].is--small,
input[type="tel"].is--small {
  height: 34px;
  height: 2.125rem;
}
textarea.is--medium,
input[type="text"].is--medium,
input[type="password"].is--medium,
input[type="number"].is--medium,
input[type="email"].is--medium,
input[type="tel"].is--medium {
  height: 38px;
  height: 2.375rem;
}
textarea.is--large,
input[type="text"].is--large,
input[type="password"].is--large,
input[type="number"].is--large,
input[type="email"].is--large,
input[type="tel"].is--large {
  height: 42px;
  height: 2.625rem;
}
textarea {
  resize: vertical;
}
label {
  font-size: 16px;
  font-size: 1rem;
  color: #000;
}
label.has--error {
  color: #E74C3C;
  background: #ffffff;
}
/* Selectbox */
.product--buybox .js--fancy-select {
  background: none !important;
}
.js--fancy-select {
  box-sizing: border-box;
  line-height: 40px;
  line-height: 2.5rem;
  *zoom: 1;
  display: inline-block;
  position: relative;
  border: 1px solid #CBC9BB;
  overflow: hidden;
  cursor: pointer;
  background: #fff;
  -ms-transition: border-color 0.2s ease-in;
  -webkit-transition: border-color 0.2s ease-in;
  -moz-transition: border-color 0.2s ease-in;
  -o-transition: border-color 0.2s ease-in;
  transition: border-color 0.2s ease-in;
  /*
  &.js--is--focused {
    border-color: @grayDarker;
  }
  */
  /*
  .js--fancy-select-text {

  }

  .js--fancy-select-trigger {
    .unitize-width(30);
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid @border-color;
    text-align: center;
    font-weight: bold;
  }

  // State disabled
  &.is--disabled {
    .opacity(.5);

    select {
      cursor: not-allowed;
    }
  }

  // Error state
  &.has--error {
    color: @input-error-color;
    border-color: @input-error-border;
    background: @white;

    .js--fancy-select-trigger {
      border-color: @input-error-color;
    }

    .js--fancy-select-text {
      border-color: lighten(@input-error-color, 40%);
    }
  }
  */
}
.js--fancy-select:after {
  content: "";
  display: table;
  clear: both;
}
.js--fancy-select:before,
.js--fancy-select:after {
  display: table;
  content: "";
  line-height: 0;
}
.js--fancy-select:after {
  clear: both;
}
.js--fancy-select:hover {
  border-color: #262626;
  background: #fff;
}
.js--fancy-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 40px;
  height: 2.5rem;
  border: none;
  padding: 0px 40px 0px 10px;
  padding: 0rem 2.5rem 0rem 0.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-width: 60px;
  display: block;
  cursor: pointer;
}
.js--fancy-select select option {
  color: #000;
}
.js--fancy-select select:focus {
  outline: none;
  max-height: 50px;
}
.js--fancy-select:after {
  width: 30px;
  width: 1.875rem;
  line-height: 40px;
  line-height: 2.5rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-left: 1px solid #dadae5;
  text-align: center;
  content: "\e606";
  display: block;
  font-family: qvest;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  pointer-events: none;
}
@media screen and (min-width: 48em) {
  .input--field .input--field-zipcode {
    margin-right: 2%;
    width: 20%;
  }
  .input--field .input--field-city {
    width: 78%;
  }
}
/*
Alerts
===================================================================
######Displays an alert box for status messages to the user.

Alerts always have to have the `.alert` class assigned, and in addition one of four color schemes.

Options: `is--success`, `is--info`, `is--warning`, `is--error`.
```
<p class="alert is--success">Success message</p>
<p class="alert is--info">Info message</p>
<p class="alert is--warning">Warning message</p>
<p class="alert is--error">Error message</p>
```
*/
.alert {
  /*
    .unitize(font-size, 14);
    .unitize(line-height, 24);
    */
  *zoom: 1;
  position: relative;
  overflow: hidden;
  margin: 10px 0;
  color: #ff4e3f;
  font-size: 12px !important;
  font-weight: bold;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-top: 3px solid #ff4e3f;
  border-bottom: 3px solid #ff4e3f;
  /*
######With an Icon inside of the box.</h6>
```
<div class="alert is--success is--rounded">
    <div class="alert--icon">
    <i class="icon--element icon--check"></i>
    </div>
    <div class="alert--content">
    Success message with Icon
    </div>
</div>

<div class="alert is--warning is--rounded">
    <div class="alert--icon">
    <i class="icon--element icon--warning"></i>
    </div>
    <div class="alert--content">
    Warning message with Icon
    </div>
</div>
```
*/
  /*
    .icon--element {
        position: absolute;
        top: 50%; left: 0;
        width: 15%;
        margin-top: -9px;
    }

    // Layout
    .alert--icon,
    .alert--content {
        .unitize-padding(10, 10);
        float: left;

        p { .unitize(margin-bottom, 0) }
    }

    // Icon column
    .alert--icon {
        .unitize(font-size, 18);
        .unitize(line-height, 26);
        width: 15%;
        text-align: center;
        font-weight: bold;
        color: #fff;

        // Simple faux column technique
        padding-bottom: 9999em;
        margin-bottom: -9999em;

    }
    .alert--content {
        width: 85%;

        &.is--strong {
            font-weight: bold;
        }
    }

    // List styling
    .alert--list {
        list-style: none;
    }

    .list--entry {
        display: block;
    }
    */
}
.alert:after {
  content: "";
  display: table;
  clear: both;
}
.alert:before,
.alert:after {
  display: table;
  content: "";
  line-height: 0;
}
.alert:after {
  clear: both;
}
.alert .alert--icon {
  display: none;
}
.alert .alert--content {
  margin: 10px 0;
}
.alert.is--success {
  color: #f21300;
  border-top-color: #f21300;
  border-bottom-color: #f21300;
}
.alert.is--success .alert--icon {
  background: #ff4e3f;
}
.alert.is--info {
  color: #217dbb;
  border-top-color: #217dbb;
  border-bottom-color: #217dbb;
}
.alert.is--info .alert--icon {
  background: #4AA3DF;
}
.alert.is--warning {
  color: #ae8e0a;
  border-top-color: #ae8e0a;
  border-bottom-color: #ae8e0a;
}
.alert.is--warning .alert--icon {
  background: #F1C40F;
}
.alert.is--error {
  color: #E74C3C;
  border-top-color: #E74C3C;
  border-bottom-color: #E74C3C;
}
.alert.is--error .alert--icon {
  background: #E74C3C;
}
/*
@media screen and (min-width: @tabletViewportWidth) {
    .alert {
        .alert--icon, .icon--element {
            width: 8%
        }
        .alert--content {
            width: 92%;
        }
    }
}
*/
/* Emotions */
.content-main.is--fullscreen {
  box-shadow: none;
  -webkit-box-shadow: none false false false false;
  -moz-box-shadow: none false false false false;
  box-shadow: none false false false false;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  max-width: none;
  padding: 0;
  margin: 0;
}
.content-main.is--fullscreen .content,
.content-main.is--fullscreen .content-main--inner {
  margin-top: 45px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
.emotion--overlay {
  width: 50px;
  width: 3.125rem;
  height: 50px;
  height: 3.125rem;
  top: 50px;
  top: 3.125rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin: 0 auto;
  position: relative;
  left: 0;
  z-index: 1000;
}
.emotion--overlay .emotion--loading-indicator {
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.emotion--overlay ~ .content-main {
  min-height: 2000px;
  min-height: 125rem;
  visibility: hidden;
}
.emotion--loading-indicator {
  width: 21px;
  width: 1.3125rem;
  height: 21px;
  height: 1.3125rem;
  padding: 50px 0px 50px 0px;
  padding: 3.125rem 0rem 3.125rem 0rem;
  margin: 0 auto;
  display: block;
  position: relative;
  box-sizing: content-box;
}
.emotion--loading-indicator:before {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-animation: keyframe--spin 1s linear infinite;
  -moz-animation: keyframe--spin 1s linear infinite;
  -o-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: block;
  content: "";
  border-width: 2px;
  border-style: solid;
  border-color: #333 #CCC #CCC #CCC;
}
.content--emotions {
  display: block;
}
.content--emotions + .listing--wrapper {
  margin: 20px 0px 0px 0px;
  margin: 1.25rem 0rem 0rem 0rem;
}
.emotion--show-listing {
  margin: 20px 0px 20px 0px;
  margin: 1.25rem 0rem 1.25rem 0rem;
}
.emotion--wrapper {
  display: block;
  margin: 0 auto;
}
.emotion--container {
  *zoom: 1;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}
.emotion--container:after {
  content: "";
  display: table;
  clear: both;
}
.emotion--container:before,
.emotion--container:after {
  display: table;
  content: "";
  line-height: 0;
}
.emotion--container:after {
  clear: both;
}
.emotion--container.emotion--mode-resize {
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0 0;
}
.emotion--container.emotion--mode-resize.emotion--column-1 .column--1 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-1 .column--1 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-1 .column--1 {
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-1 .column--1 {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-1 .column--1 {
    width: 33.33333333%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-1 .column--1 {
  width: 100%;
}
.emotion--container.emotion--mode-resize.emotion--column-2 .column--1 {
  width: 50%;
}
.emotion--container.emotion--mode-fluid.emotion--column-2 .column--1 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-2 .column--1 {
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-2 .column--1 {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-2 .column--1 {
    width: 33.33333333%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-2 .column--1 {
  width: 50%;
}
.emotion--container.emotion--mode-resize.emotion--column-2 .column--2 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-2 .column--2 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-2 .column--2 {
    width: 100%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-2 .column--2 {
    width: 66.66666667%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-2 .column--2 {
    width: 66.66666667%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-2 .column--2 {
  width: 100%;
}
.emotion--container.emotion--mode-resize.emotion--column-3 .column--1 {
  width: 33.33333333%;
}
.emotion--container.emotion--mode-fluid.emotion--column-3 .column--1 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-3 .column--1 {
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-3 .column--1 {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-3 .column--1 {
    width: 33.33333333%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-3 .column--1 {
  width: 33.33333333%;
}
.emotion--container.emotion--mode-resize.emotion--column-3 .column--2 {
  width: 66.66666667%;
}
.emotion--container.emotion--mode-fluid.emotion--column-3 .column--2 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-3 .column--2 {
    width: 100%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-3 .column--2 {
    width: 66.66666667%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-3 .column--2 {
    width: 66.66666667%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-3 .column--2 {
  width: 66.66666667%;
}
.emotion--container.emotion--mode-resize.emotion--column-3 .column--3 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-3 .column--3 {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-3 .column--3 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-3 .column--3 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-3 .column--3 {
  width: 100%;
}
.emotion--container.emotion--mode-resize.emotion--column-4 .column--1 {
  width: 25%;
}
.emotion--container.emotion--mode-fluid.emotion--column-4 .column--1 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-4 .column--1 {
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-4 .column--1 {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-4 .column--1 {
    width: 33.33333333%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-4 .column--1 {
  width: 25%;
}
.emotion--container.emotion--mode-resize.emotion--column-4 .column--2 {
  width: 50%;
}
.emotion--container.emotion--mode-fluid.emotion--column-4 .column--2 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-4 .column--2 {
    width: 100%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-4 .column--2 {
    width: 66.66666667%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-4 .column--2 {
    width: 66.66666667%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-4 .column--2 {
  width: 50%;
}
.emotion--container.emotion--mode-resize.emotion--column-4 .column--3 {
  width: 75%;
}
.emotion--container.emotion--mode-fluid.emotion--column-4 .column--3 {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-4 .column--3 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-4 .column--3 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-4 .column--3 {
  width: 75%;
}
.emotion--container.emotion--mode-resize.emotion--column-4 .column--4 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-4 .column--4 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-4 .column--4 {
  width: 100%;
}
.emotion--container.emotion--mode-resize.emotion--column-5 .column--1 {
  width: 20%;
}
.emotion--container.emotion--mode-fluid.emotion--column-5 .column--1 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-5 .column--1 {
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-5 .column--1 {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-5 .column--1 {
    width: 33.33333333%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-5 .column--1 {
  width: 20%;
}
.emotion--container.emotion--mode-resize.emotion--column-5 .column--2 {
  width: 40%;
}
.emotion--container.emotion--mode-fluid.emotion--column-5 .column--2 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-5 .column--2 {
    width: 100%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-5 .column--2 {
    width: 66.66666667%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-5 .column--2 {
    width: 66.66666667%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-5 .column--2 {
  width: 40%;
}
.emotion--container.emotion--mode-resize.emotion--column-5 .column--3 {
  width: 60%;
}
.emotion--container.emotion--mode-fluid.emotion--column-5 .column--3 {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-5 .column--3 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-5 .column--3 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-5 .column--3 {
  width: 60%;
}
.emotion--container.emotion--mode-resize.emotion--column-5 .column--4 {
  width: 80%;
}
.emotion--container.emotion--mode-fluid.emotion--column-5 .column--4 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-5 .column--4 {
  width: 80%;
}
.emotion--container.emotion--mode-resize.emotion--column-5 .column--5 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-5 .column--5 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-5 .column--5 {
  width: 100%;
}
.emotion--container.emotion--mode-resize.emotion--column-6 .column--1 {
  width: 16.66666667%;
}
.emotion--container.emotion--mode-fluid.emotion--column-6 .column--1 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-6 .column--1 {
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-6 .column--1 {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-6 .column--1 {
    width: 33.33333333%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-6 .column--1 {
  width: 16.66666667%;
}
.emotion--container.emotion--mode-resize.emotion--column-6 .column--2 {
  width: 33.33333333%;
}
.emotion--container.emotion--mode-fluid.emotion--column-6 .column--2 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-6 .column--2 {
    width: 100%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-6 .column--2 {
    width: 66.66666667%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-6 .column--2 {
    width: 66.66666667%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-6 .column--2 {
  width: 33.33333333%;
}
.emotion--container.emotion--mode-resize.emotion--column-6 .column--3 {
  width: 50%;
}
.emotion--container.emotion--mode-fluid.emotion--column-6 .column--3 {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-6 .column--3 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-6 .column--3 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-6 .column--3 {
  width: 50%;
}
.emotion--container.emotion--mode-resize.emotion--column-6 .column--4 {
  width: 66.66666667%;
}
.emotion--container.emotion--mode-fluid.emotion--column-6 .column--4 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-6 .column--4 {
  width: 66.66666667%;
}
.emotion--container.emotion--mode-resize.emotion--column-6 .column--5 {
  width: 83.33333333%;
}
.emotion--container.emotion--mode-fluid.emotion--column-6 .column--5 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-6 .column--5 {
  width: 83.33333333%;
}
.emotion--container.emotion--mode-resize.emotion--column-6 .column--6 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-6 .column--6 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-6 .column--6 {
  width: 100%;
}
.emotion--container.emotion--mode-resize.emotion--column-7 .column--1 {
  width: 14.28571429%;
}
.emotion--container.emotion--mode-fluid.emotion--column-7 .column--1 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-7 .column--1 {
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-7 .column--1 {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-7 .column--1 {
    width: 33.33333333%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-7 .column--1 {
  width: 14.28571429%;
}
.emotion--container.emotion--mode-resize.emotion--column-7 .column--2 {
  width: 28.57142857%;
}
.emotion--container.emotion--mode-fluid.emotion--column-7 .column--2 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-7 .column--2 {
    width: 100%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-7 .column--2 {
    width: 66.66666667%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-7 .column--2 {
    width: 66.66666667%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-7 .column--2 {
  width: 28.57142857%;
}
.emotion--container.emotion--mode-resize.emotion--column-7 .column--3 {
  width: 42.85714286%;
}
.emotion--container.emotion--mode-fluid.emotion--column-7 .column--3 {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-7 .column--3 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-7 .column--3 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-7 .column--3 {
  width: 42.85714286%;
}
.emotion--container.emotion--mode-resize.emotion--column-7 .column--4 {
  width: 57.14285714%;
}
.emotion--container.emotion--mode-fluid.emotion--column-7 .column--4 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-7 .column--4 {
  width: 57.14285714%;
}
.emotion--container.emotion--mode-resize.emotion--column-7 .column--5 {
  width: 71.42857143%;
}
.emotion--container.emotion--mode-fluid.emotion--column-7 .column--5 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-7 .column--5 {
  width: 71.42857143%;
}
.emotion--container.emotion--mode-resize.emotion--column-7 .column--6 {
  width: 85.71428571%;
}
.emotion--container.emotion--mode-fluid.emotion--column-7 .column--6 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-7 .column--6 {
  width: 85.71428571%;
}
.emotion--container.emotion--mode-resize.emotion--column-7 .column--7 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-7 .column--7 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-7 .column--7 {
  width: 100%;
}
.emotion--container.emotion--mode-resize.emotion--column-8 .column--1 {
  width: 12.5%;
}
.emotion--container.emotion--mode-fluid.emotion--column-8 .column--1 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-8 .column--1 {
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-8 .column--1 {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-8 .column--1 {
    width: 33.33333333%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-8 .column--1 {
  width: 12.5%;
}
.emotion--container.emotion--mode-resize.emotion--column-8 .column--2 {
  width: 25%;
}
.emotion--container.emotion--mode-fluid.emotion--column-8 .column--2 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-8 .column--2 {
    width: 100%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-8 .column--2 {
    width: 66.66666667%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-8 .column--2 {
    width: 66.66666667%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-8 .column--2 {
  width: 25%;
}
.emotion--container.emotion--mode-resize.emotion--column-8 .column--3 {
  width: 37.5%;
}
.emotion--container.emotion--mode-fluid.emotion--column-8 .column--3 {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-8 .column--3 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-8 .column--3 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-8 .column--3 {
  width: 37.5%;
}
.emotion--container.emotion--mode-resize.emotion--column-8 .column--4 {
  width: 50%;
}
.emotion--container.emotion--mode-fluid.emotion--column-8 .column--4 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-8 .column--4 {
  width: 50%;
}
.emotion--container.emotion--mode-resize.emotion--column-8 .column--5 {
  width: 62.5%;
}
.emotion--container.emotion--mode-fluid.emotion--column-8 .column--5 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-8 .column--5 {
  width: 62.5%;
}
.emotion--container.emotion--mode-resize.emotion--column-8 .column--6 {
  width: 75%;
}
.emotion--container.emotion--mode-fluid.emotion--column-8 .column--6 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-8 .column--6 {
  width: 75%;
}
.emotion--container.emotion--mode-resize.emotion--column-8 .column--7 {
  width: 87.5%;
}
.emotion--container.emotion--mode-fluid.emotion--column-8 .column--7 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-8 .column--7 {
  width: 87.5%;
}
.emotion--container.emotion--mode-resize.emotion--column-8 .column--8 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-8 .column--8 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-8 .column--8 {
  width: 100%;
}
.emotion--container.emotion--mode-resize.emotion--column-9 .column--1 {
  width: 11.11111111%;
}
.emotion--container.emotion--mode-fluid.emotion--column-9 .column--1 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-9 .column--1 {
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-9 .column--1 {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-9 .column--1 {
    width: 33.33333333%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-9 .column--1 {
  width: 11.11111111%;
}
.emotion--container.emotion--mode-resize.emotion--column-9 .column--2 {
  width: 22.22222222%;
}
.emotion--container.emotion--mode-fluid.emotion--column-9 .column--2 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-9 .column--2 {
    width: 100%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-9 .column--2 {
    width: 66.66666667%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-9 .column--2 {
    width: 66.66666667%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-9 .column--2 {
  width: 22.22222222%;
}
.emotion--container.emotion--mode-resize.emotion--column-9 .column--3 {
  width: 33.33333333%;
}
.emotion--container.emotion--mode-fluid.emotion--column-9 .column--3 {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-9 .column--3 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-9 .column--3 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-9 .column--3 {
  width: 33.33333333%;
}
.emotion--container.emotion--mode-resize.emotion--column-9 .column--4 {
  width: 44.44444444%;
}
.emotion--container.emotion--mode-fluid.emotion--column-9 .column--4 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-9 .column--4 {
  width: 44.44444444%;
}
.emotion--container.emotion--mode-resize.emotion--column-9 .column--5 {
  width: 55.55555556%;
}
.emotion--container.emotion--mode-fluid.emotion--column-9 .column--5 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-9 .column--5 {
  width: 55.55555556%;
}
.emotion--container.emotion--mode-resize.emotion--column-9 .column--6 {
  width: 66.66666667%;
}
.emotion--container.emotion--mode-fluid.emotion--column-9 .column--6 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-9 .column--6 {
  width: 66.66666667%;
}
.emotion--container.emotion--mode-resize.emotion--column-9 .column--7 {
  width: 77.77777778%;
}
.emotion--container.emotion--mode-fluid.emotion--column-9 .column--7 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-9 .column--7 {
  width: 77.77777778%;
}
.emotion--container.emotion--mode-resize.emotion--column-9 .column--8 {
  width: 88.88888889%;
}
.emotion--container.emotion--mode-fluid.emotion--column-9 .column--8 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-9 .column--8 {
  width: 88.88888889%;
}
.emotion--container.emotion--mode-resize.emotion--column-9 .column--9 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-9 .column--9 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-9 .column--9 {
  width: 100%;
}
.emotion--container.emotion--mode-resize.emotion--column-10 .column--1 {
  width: 10%;
}
.emotion--container.emotion--mode-fluid.emotion--column-10 .column--1 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-10 .column--1 {
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-10 .column--1 {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-10 .column--1 {
    width: 33.33333333%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-10 .column--1 {
  width: 10%;
}
.emotion--container.emotion--mode-resize.emotion--column-10 .column--2 {
  width: 20%;
}
.emotion--container.emotion--mode-fluid.emotion--column-10 .column--2 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-10 .column--2 {
    width: 100%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-10 .column--2 {
    width: 66.66666667%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-10 .column--2 {
    width: 66.66666667%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-10 .column--2 {
  width: 20%;
}
.emotion--container.emotion--mode-resize.emotion--column-10 .column--3 {
  width: 30%;
}
.emotion--container.emotion--mode-fluid.emotion--column-10 .column--3 {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-10 .column--3 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-10 .column--3 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-10 .column--3 {
  width: 30%;
}
.emotion--container.emotion--mode-resize.emotion--column-10 .column--4 {
  width: 40%;
}
.emotion--container.emotion--mode-fluid.emotion--column-10 .column--4 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-10 .column--4 {
  width: 40%;
}
.emotion--container.emotion--mode-resize.emotion--column-10 .column--5 {
  width: 50%;
}
.emotion--container.emotion--mode-fluid.emotion--column-10 .column--5 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-10 .column--5 {
  width: 50%;
}
.emotion--container.emotion--mode-resize.emotion--column-10 .column--6 {
  width: 60%;
}
.emotion--container.emotion--mode-fluid.emotion--column-10 .column--6 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-10 .column--6 {
  width: 60%;
}
.emotion--container.emotion--mode-resize.emotion--column-10 .column--7 {
  width: 70%;
}
.emotion--container.emotion--mode-fluid.emotion--column-10 .column--7 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-10 .column--7 {
  width: 70%;
}
.emotion--container.emotion--mode-resize.emotion--column-10 .column--8 {
  width: 80%;
}
.emotion--container.emotion--mode-fluid.emotion--column-10 .column--8 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-10 .column--8 {
  width: 80%;
}
.emotion--container.emotion--mode-resize.emotion--column-10 .column--9 {
  width: 90%;
}
.emotion--container.emotion--mode-fluid.emotion--column-10 .column--9 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-10 .column--9 {
  width: 90%;
}
.emotion--container.emotion--mode-resize.emotion--column-10 .column--10 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-10 .column--10 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-10 .column--10 {
  width: 100%;
}
.emotion--container.emotion--mode-resize.emotion--column-11 .column--1 {
  width: 9.09090909%;
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--1 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-11 .column--1 {
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-11 .column--1 {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-11 .column--1 {
    width: 33.33333333%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--1 {
  width: 9.09090909%;
}
.emotion--container.emotion--mode-resize.emotion--column-11 .column--2 {
  width: 18.18181818%;
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--2 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-11 .column--2 {
    width: 100%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-11 .column--2 {
    width: 66.66666667%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-11 .column--2 {
    width: 66.66666667%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--2 {
  width: 18.18181818%;
}
.emotion--container.emotion--mode-resize.emotion--column-11 .column--3 {
  width: 27.27272727%;
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--3 {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-11 .column--3 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-11 .column--3 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--3 {
  width: 27.27272727%;
}
.emotion--container.emotion--mode-resize.emotion--column-11 .column--4 {
  width: 36.36363636%;
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--4 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--4 {
  width: 36.36363636%;
}
.emotion--container.emotion--mode-resize.emotion--column-11 .column--5 {
  width: 45.45454545%;
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--5 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--5 {
  width: 45.45454545%;
}
.emotion--container.emotion--mode-resize.emotion--column-11 .column--6 {
  width: 54.54545455%;
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--6 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--6 {
  width: 54.54545455%;
}
.emotion--container.emotion--mode-resize.emotion--column-11 .column--7 {
  width: 63.63636364%;
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--7 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--7 {
  width: 63.63636364%;
}
.emotion--container.emotion--mode-resize.emotion--column-11 .column--8 {
  width: 72.72727273%;
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--8 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--8 {
  width: 72.72727273%;
}
.emotion--container.emotion--mode-resize.emotion--column-11 .column--9 {
  width: 81.81818182%;
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--9 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--9 {
  width: 81.81818182%;
}
.emotion--container.emotion--mode-resize.emotion--column-11 .column--10 {
  width: 90.90909091%;
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--10 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--10 {
  width: 90.90909091%;
}
.emotion--container.emotion--mode-resize.emotion--column-11 .column--11 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--11 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-11 .column--11 {
  width: 100%;
}
.emotion--container.emotion--mode-resize.emotion--column-12 .column--1 {
  width: 8.33333333%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--1 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-12 .column--1 {
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-12 .column--1 {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-12 .column--1 {
    width: 33.33333333%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--1 {
  width: 8.33333333%;
}
.emotion--container.emotion--mode-resize.emotion--column-12 .column--2 {
  width: 16.66666667%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--2 {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--mode-fluid.emotion--column-12 .column--2 {
    width: 100%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-12 .column--2 {
    width: 66.66666667%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-12 .column--2 {
    width: 66.66666667%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--2 {
  width: 16.66666667%;
}
.emotion--container.emotion--mode-resize.emotion--column-12 .column--3 {
  width: 25%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--3 {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--mode-fluid.emotion--column-12 .column--3 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-fluid.emotion--column-12 .column--3 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--3 {
  width: 25%;
}
.emotion--container.emotion--mode-resize.emotion--column-12 .column--4 {
  width: 33.33333333%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--4 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--4 {
  width: 33.33333333%;
}
.emotion--container.emotion--mode-resize.emotion--column-12 .column--5 {
  width: 41.66666667%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--5 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--5 {
  width: 41.66666667%;
}
.emotion--container.emotion--mode-resize.emotion--column-12 .column--6 {
  width: 50%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--6 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--6 {
  width: 50%;
}
.emotion--container.emotion--mode-resize.emotion--column-12 .column--7 {
  width: 58.33333333%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--7 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--7 {
  width: 58.33333333%;
}
.emotion--container.emotion--mode-resize.emotion--column-12 .column--8 {
  width: 66.66666667%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--8 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--8 {
  width: 66.66666667%;
}
.emotion--container.emotion--mode-resize.emotion--column-12 .column--9 {
  width: 75%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--9 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--9 {
  width: 75%;
}
.emotion--container.emotion--mode-resize.emotion--column-12 .column--10 {
  width: 83.33333333%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--10 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--10 {
  width: 83.33333333%;
}
.emotion--container.emotion--mode-resize.emotion--column-12 .column--11 {
  width: 91.66666667%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--11 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--11 {
  width: 91.66666667%;
}
.emotion--container.emotion--mode-resize.emotion--column-12 .column--12 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--12 {
  width: 100%;
}
.emotion--container.emotion--mode-fluid.emotion--column-12 .column--12 {
  width: 100%;
}
.emotion--wrapper .emotion--element {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.emotion--banner {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.emotion--banner .banner--content {
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
}
.emotion--banner .banner--content.left.top {
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  left: 0;
  top: 0;
}
.emotion--banner .banner--content.left.center {
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 0;
  top: 50%;
}
.emotion--banner .banner--content.left.bottom {
  -ms-transform: translate(0, -100%);
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%);
  left: 0;
  top: 100%;
}
.emotion--banner .banner--content.center.top {
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  top: 0;
}
.emotion--banner .banner--content.center.bottom {
  -ms-transform: translate(-50%, -100%);
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  left: 50%;
  top: 100%;
}
.emotion--banner .banner--content.right.top {
  -ms-transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  left: 100%;
  top: 0;
}
.emotion--banner .banner--content.right.center {
  -ms-transform: translate(-100%, -50%);
  -webkit-transform: translate(-100%, -50%);
  -moz-transform: translate(-100%, -50%);
  -o-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  left: 100%;
  top: 50%;
}
.emotion--banner .banner--content.right.bottom {
  -ms-transform: translate(-100%, -100%);
  -webkit-transform: translate(-100%, -100%);
  -moz-transform: translate(-100%, -100%);
  -o-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%);
  left: 100%;
  top: 100%;
}
.emotion--banner .banner--image {
  width: 100%;
}
.emotion--banner .banner--link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 110;
}
.emotion--banner .banner--mapping {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.emotion--banner .banner--mapping-link {
  position: absolute;
  display: block;
  background: rgba(0, 0, 0, 0);
}
.emotion--banner-slider {
  width: 100%;
  height: 100%;
}
.emotion--banner-slider .banner-slider--title {
  padding: 10px 20px 10px 20px;
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  color: #fff;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.5);
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
}
.emotion--banner-slider .banner-slider--container,
.emotion--banner-slider .banner-slider--slide {
  width: 100%;
  height: 100%;
}
.emotion--banner-slider .banner-slider--container .arrow {
  display: block;
}
.emotion--banner-slider .banner-slider--item {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.emotion--banner-slider .banner-slider--banner {
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
}
.emotion--banner-slider .banner-slider--image {
  width: 100%;
}
.emotion--banner-slider .banner-slider--link {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}
.emotion--banner-slider .image-slider--dots {
  display: none;
}
.emotion--wrapper .emotion--product {
  width: 100%;
  height: 100%;
}
.emotion--wrapper .emotion--product .product--box {
  width: 100%;
  height: 100%;
  padding: 0;
  float: none;
}
.emotion--wrapper .emotion--product .product--box .box--content {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.emotion--wrapper .emotion--product .product--box .product--info {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.emotion--wrapper .emotion--product .product--box .product--image {
  height: 70%;
  margin: 0 auto;
}
.emotion--wrapper .emotion--product .product--box .product--image.is--large {
  height: 100%;
}
.emotion--wrapper .emotion--product .product--box .product--details {
  max-height: 30%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.emotion--wrapper .emotion--product .product--box .product--title {
  text-overflow: ellipsis;
}
.emotion--category-teaser {
  width: 100%;
  height: 100%;
}
.emotion--category-teaser .category-teaser--link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
  min-height: 360px;
  border-right: 1px solid #e8e7e1;
  border-bottom: 1px solid #e8e7e1;
}
.emotion--category-teaser .category-teaser--title {
  padding: 10px 20px 10px 20px;
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0;
  min-height: 50px;
  padding-top: 15px;
  color: #222;
  font-weight: 600;
  background: rgba(250, 250, 250, 0.99);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  text-transform: uppercase;
}
@media only screen and (max-width: 1020px) {
  .emotion--category-teaser {
    padding: 1px;
  }
  .emotion--category-teaser .category-teaser--link {
    min-height: 420px;
  }
}
@media only screen and (max-width: 600px) {
  .emotion--category-teaser .category-teaser--link {
    min-height: 360px;
  }
}
@media only screen and (max-width: 420px) {
  .emotion--category-teaser .category-teaser--link {
    min-height: 280px;
  }
}
.emotion--manufacturer {
  width: 100%;
  height: 200px;
  position: relative;
}
.emotion--manufacturer .manufacturer--title {
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 40px;
  position: relative;
  z-index: 500;
  text-align: center;
  margin-top: 25px;
}
.emotion--manufacturer .manufacturer--content {
  padding: 10px 20px 10px 20px;
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 400;
}
.emotion--manufacturer .manufacturer--title ~ .manufacturer--content {
  padding-top: 65px;
  padding-top: 4.0625rem;
}
.emotion--manufacturer .manufacturer--slider {
  height: 100%;
}
.emotion--manufacturer .manufacturer--slider .arrow--next {
  right: -20px;
  right: -1.25rem;
  border-right: 0 none;
}
.emotion--manufacturer .manufacturer--slider .arrow--prev {
  left: -20px;
  left: -1.25rem;
  border-left: 0 none;
}
.emotion--manufacturer .manufacturer--item {
  padding: 10px 15px 10px 15px;
  padding: 0.625rem 0.9375rem 0.625rem 0.9375rem;
  text-align: center;
  vertical-align: middle;
}
.emotion--manufacturer .manufacturer--link {
  font-size: 18px;
  font-size: 1.125rem;
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
  font-weight: 600;
  position: relative;
}
.emotion--manufacturer .manufacturer--link:hover {
  color: #D9400B;
}
.emotion--manufacturer .manufacturer--image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
/*

// YouTube element
.emotion--youtube { width: 100%; height: 100%; }

// Video element
.emotion--video {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    video::-moz-media-controls,
    video::-webkit-media-controls { bottom: 15%; }

    .video--element {
        width: 100%;
        height: 100%;
        background: #000;
        position: absolute;
        top: 0; left: 0;
        z-index: @zindex-emotion-video-element;
    }

    .video--cover {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: @zindex-emotion-video-cover;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #000;
        text-align: center;

        .video--play-icon {
            .unitize-width(100);
            .unitize-height(100);
            .unitize(font-size, 100);
            display: block;
            position: absolute;
            top: 0; bottom: 0;
            right: 0; left: 0;
            margin: auto;
            text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
            color: #fff;
        }
    }

    .video--play-btn {
        .transition();
        .unitize(top, 25);
        .unitize(right, 25);
        .unitize(line-height, 40);
        .unitize(font-size, 21);
        .unitize-width(42);
        .unitize-height(42);
        .border-radius(100%);
        position: absolute;
        cursor: pointer;
        color: #fff;
        border: 2px solid #fff;
        text-align: center;
        z-index: @zindex-emotion-video-play-btn;
    }

    .video--text {
        width: 100%;
        height: 100%;
        margin: auto;
        position: absolute;
        left: 0; right: 0;
        top: 0; bottom: 0;
        z-index: @zindex-emotion-video-text;
        color: #fff;
        text-align: center;

        &.no--events { pointer-events: none; }
    }
}

*/
.emotion--element {
  margin-bottom: 15px;
}
.emotion--html {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.emotion--html em {
  font-style: italic;
}
.emotion--html.panel {
  padding: 0 20px;
  margin: 0px;
}
.emotion--html.panel .html--content p {
  margin-bottom: 16px;
}
@media screen and (min-width: 78.75em) {
  .emotion--banner-slider .image-slider--dots {
    bottom: 40px;
    bottom: 2.5rem;
    top: auto;
    left: 20%;
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .emotion--banner-slider .image-slider--dots .dot--link {
    height: 5px;
    width: 18px;
    margin: 0px 1px 0px 1px;
    margin: 0rem 0.0625rem 0rem 0.0625rem;
    -ms-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    background: rgba(255, 255, 255, 0.9);
    display: inline-block;
    cursor: pointer;
    text-indent: -99999em;
    background-clip: padding-box;
  }
  .emotion--banner-slider .image-slider--dots .dot--link.is--active {
    background: rgba(255, 78, 63, 0.99);
    background-clip: padding-box;
  }
}
/* Markenlogos Mod */
.markenlogos .emotion--banner .banner--image {
  width: 150px;
  margin-left: auto;
  margin-right: auto;
}
.markenlogos .emotion--banner .banner--content:hover {
  background: #ffffff;
}
/* Frontpage Mods*/
.frontpage-margin {
  margin-top: -120px;
}
h2.startseite::before {
  display: none !important;
}
.startseite h1,
h2.startseite {
  font-size: 18px!important;
  padding-top: 30px!important;
  font-family: Georgia,serif;
  font-weight: normal;
  font-style: italic;
  ine-height: 22px;
  padding-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
  border-top: none;
}
/* Digital Publishing */
.cover {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
.cover--canvas {
  display: block;
  height: 100%;
  width: 100%;
}
.emotion--digital-publishing,
.emotion--digital-publishing-slider {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* Digital Publishing Preview */
.dig-pub--preview {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
}
.dig-pub--preview a,
.dig-pub--preview .btn {
  pointer-events: none !important;
  font-weight: normal!important;
}
/* DIGITAL PUBLISHING GLOBAL SETTINGS */
.dig-pub {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}
.dig-pub .bg--color,
.dig-pub .bg--image,
.dig-pub .bg--pattern {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.dig-pub .bg--pattern {
  background: 0 0 repeat transparent;
}
.dig-pub--link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}
.dig-pub--layer {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
}
.dig-pub--layer.left {
  text-align: left;
}
.dig-pub--layer.right {
  text-align: right;
}
.dig-pub--layer.top .layer--wrapper {
  vertical-align: top;
}
.dig-pub--layer.bottom .layer--wrapper {
  vertical-align: bottom;
}
.dig-pub--layer:before {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-right: -0.25em;
}
.dig-pub--layer .layer--wrapper {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.dig-pub--layer .layer--content {
  height: 100%;
  background-clip: padding-box;
  position: relative;
  overflow: hidden;
  pointer-events: all;
}
.dig-pub--text {
  display: block;
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
.dig-pub--text h1,
.dig-pub--text h2,
.dig-pub--text h3,
.dig-pub--text h4,
.dig-pub--text h5,
.dig-pub--text h6,
.dig-pub--text blockquote {
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans !important;
  font-weight: bold !important;
  margin: 0;
  padding: 0;
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.2;
  text-shadow: none !important;
}
.dig-pub--text h1 {
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans !important;
  tex-transform: uppercase !important;
  font-weight: bold !important;
}
.dig-pub--text p {
  line-height: 1.3;
  font-family: Georgia, "Times New Roman", Times !important;
  word-break: break-word;
  white-space: pre-wrap;
}
.dig-pub--image {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.dig-pub--image .dig-pub--img-wrapper {
  display: inline-block;
  max-width: 100%;
  width: 100%;
}
.dig-pub--image .dig-pub--img {
  display: inline-block;
}
.dig-pub--button {
  display: block;
}
.dig-pub--button .btn {
  max-width: 100%;
  word-break: break-word;
  white-space: normal;
  pointer-events: all;
  padding: 0 15px;
  font-weight: bold !important;
}
.centerdiv {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.emotion--container.emotion--mode-grid.emotion--column-4 .column--4 {
  min-height: 50px;
}
.emotion--container.emotion--mode-grid.emotion--column-4 .column--4 .shariff .orientation-horizontal {
  display: inline-block;
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-4 .column--4 .shariff .orientation-horizontal li {
  float: none!important;
  flex: none;
  text-align: center;
  display: inline-block !important;
}
@media screen and (max-width: 767px) {
  .emotion--product .product--box .product--image .image--element img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 479px) {
  img.frontpage-teaserbox {
    margin-top: 30px;
  }
  /* Startseite */
  div.content.content--home .dig-pub--text h1 {
    font-size: 72px!important;
    line-height: 86px!important;
  }
  div.content.content--home .dig-pub--text p {
    font-size: 42px!important;
    line-height: 58px!important;
  }
  div.content.content--home .dig-pub--text a {
    text-decoration: none;
    line-height: 1.8em;
  }
  div.content.content--home .dig-pub--text a.white {
    color: #ffffff;
  }
  div.content.content--home .dig-pub--button .btn {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    padding: 10px 20px;
    padding-bottom: 10px;
    font-size: 20px;
    margin: 25px;
  }
  /* Emotion Digital Publishing Subclass "Mobile" - muss auf Prüfstand, ob noch benötigt! */
  .dig-pub--text h1.mobile {
    font-size: 54px!important;
    line-height: 68px!important;
    font-weight: normal;
  }
  .dig-pub--text p.mobile {
    font-size: 46px!important;
    line-height: 64px!important;
  }
  a.btn.is--primary.mobile {
    margin-top: 50px;
  }
  /* About */
  .dig-pub--text h1.about {
    font-size: 24px!important;
    line-height: 30px!important;
  }
  .dig-pub--text p.about {
    font-size: 16px!important;
    line-height: 22px!important;
  }
  .dig-pub--button a.btn.about {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    padding: 10px 10px;
    padding-bottom: 5px;
    font-size: 11px;
    margin-top: -50px;
  }
  /* New Style für Slideshow in Content-Bereich */
  .dig-pub--text h1.contentslider {
    font-size: 24px!important;
    line-height: 30px!important;
  }
  .dig-pub--text p.contentslider {
    font-size: 16px!important;
    line-height: 22px!important;
  }
  .dig-pub--button .btn.contentslider {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    padding: 5px 10px;
    padding-bottom: 1px;
    font-size: 12px;
    margin: 0px;
  }
  /* Styling Einkaufswelten Productbox */
  .emotion--wrapper .emotion--product .product--box .description {
    bottom: 20px!important;
  }
  .emotion--wrapper .emotion--product .product--box .product--title,
  .emotion--wrapper .emotion--product .product--box .product--price-info .product--price,
  .emotion--wrapper .emotion--product .product--box .product--brand {
    font-size: 36px;
    line-height: 150%;
  }
  .emotion--wrapper .emotion--product .product--box .description .price--unit,
  .emotion--wrapper .emotion--product .product--box .product--details .price--unit {
    font-size: 24px!important;
    position: relative!important;
    bottom: 0px!important;
    line-height: 150%!important;
  }
}
@media screen and (min-width: 1680px) {
  .dig-pub--text h1.fullscreenbanner {
    font-size: 54px!important;
  }
  .dig-pub--text p.fullscreenbanner {
    font-size: 18px!important;
  }
  .dig-pub--button .fullscreenbanner {
    padding: 5px 20px;
    font-size: 20px;
  }
}
.markenpage {
  margin-bottom: 50px;
}
.markenpage .emotion--container {
  margin: -10px;
}
.markenpage .emotion--element {
  margin-bottom: 1px;
}
.markenpage .emotion--html.panel .html--content {
  margin-bottom: 40px!important;
}
.markenpage .html--content p {
  text-align: center;
}
.markenpage h2.markenpage,
.markenpage h3.markenpage,
.markenpage h4.markenpage {
  font-family: Georgia,serif;
  font-size: 20px!important;
  font-style: italic;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 0px;
  text-align: center;
  text-transform: uppercase;
}
.markenpage h2.markenpage:before,
.markenpage h3.markenpage:before {
  display: none !important;
}
.markenpage h2.markenpage:after,
.markenpage h3.markenpage:after,
.markenpage h4.markenpage:after {
  background: #000 none repeat scroll 0 0;
  content: " ";
  display: block;
  height: 3px;
  margin: 20px auto 0;
  position: relative;
  width: 90px;
}
@media screen and (min-width: 64em) {
  .markenpage h1.markenpage {
    font-size: 34px;
    line-height: 44px;
    margin-top: 35px;
    margin-bottom: 15px;
    padding: 0px;
  }
  .markenpage h2.markenpage,
  .markenpage h3.markenpage,
  .markenpage h4.markenpage {
    padding-bottom: 25px;
    padding-top: 40px;
    margin-top: 20px;
  }
  .markenpage h2.markenpage-noborder {
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 25px;
  }
  .markenpage .emotion--html.panel .html--content {
    margin-bottom: 50px!important;
  }
  .markenpage .emotion--banner .banner--content {
    margin-left: 1px!important;
  }
  .markenpage .emotion--element.column--4 .emotion--html {
    max-width: 62%;
    margin: 0 auto;
  }
  .markenpage .emotion--element.column--4 .emotion--html .panel {
    padding: 0 10px;
  }
  .markenpage .emotion--element.column--4 .emotion--html .html--content p.markenintro {
    text-align: center;
    color: #3d3d3d;
    font-style: italic;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 55px;
  }
  .markenpage .emotion--element.column--4 .emotion--html .html--content p {
    font-size: 17px;
    line-height: 27px;
    text-align: center;
  }
}
@media only screen and (min-device-width: 768px) and (max-width: 1023px) {
  .markenpage h1.markenpage {
    font-size: 32px;
    line-height: 42px;
    margin-top: 40px;
    margin-bottom: 15px;
    padding: 0px;
  }
  .markenpage h2.markenpage,
  .markenpage h3.markenpage,
  .markenpage h4.markenpage {
    padding-bottom: 25px;
    padding-top: 20px;
    margin-top: 20px;
  }
  .markenpage h2.markenpage-noborder {
    padding-bottom: 20px;
  }
  .markenpage .emotion--html.panel .html--content {
    margin-bottom: 40px!important;
  }
  .markenpage .product--box {
    height: 420px!important;
  }
  .markenpage .product--box .product--image .image--element img {
    width: 80% !important;
  }
}
@media only screen and (min-device-width: 421px) and (max-width: 767px) {
  .markenpage h1.markenpage {
    font-size: 30px;
    line-height: 40px;
    margin-top: 35px;
    margin-bottom: 15px;
    padding: 0px;
  }
  .markenpage h2.markenpage,
  .markenpage h3.markenpage,
  .markenpage h4.markenpage {
    padding-bottom: 20px;
    padding-top: 15px;
    margin-top: 20px;
  }
  .markenpage .emotion--html.panel .html--content {
    margin-bottom: 35px!important;
  }
  .markenpage .html--content p.markenintro {
    margin-bottom: 40px;
  }
}
@media only screen and (min-device-width: 320px) and (max-width: 420px) {
  .markenpage h1.markenpage {
    font-size: 28px;
    line-height: 36px;
    margin-top: 20px;
    margin-bottom: 15px;
  }
  .markenpage h2.markenpage,
  .markenpage h3.markenpage,
  .markenpage h4.markenpage {
    font-size: 16px!important;
    line-height: 24px;
    padding-bottom: 20px;
    padding-top: 10px;
    margin-top: 10px;
  }
  .markenpage .emotion--html.panel .html--content {
    margin-bottom: 25px!important;
  }
  .markenpage .emotion--banner .banner--image {
    margin-top: 0;
    margin-bottom: 0;
  }
  .markenpage .emotion--container.emotion--mode-grid.emotion--column-4 .column--1 {
    width: 50%!important;
    min-height: 280px!important;
  }
  .markenpage .product--box {
    min-width: 150px!important;
    height: 280px!important;
  }
  .markenpage .product--box .product--image .image--element img {
    width: 100%!important;
  }
  .markenpage .product--box .product--title,
  .markenpage .product--box .search-result--link {
    font-size: 14px;
    line-height: 20px;
  }
  .markenpage .product--box .description .product--brand {
    font-size: 12px;
    line-height: 16px;
    min-height: 18px;
  }
  .markenpage .product--box .description .product--price {
    font-size: 11px;
    line-height: 32px;
  }
}
@media only screen and (min-device-width: 414px) and (max-width: 479px) {
  .markenpage .emotion--container {
    margin: -10px;
    margin-top: -35px;
  }
}
.designstories-index .emotion--container {
  margin: 0px;
}
.designstories-index .emotion--element {
  margin-bottom: 1px;
}
.designstories-index .emotion--element.column--3 .emotion--html {
  max-width: 66%;
  margin: 0 auto;
}
.designstories-index .emotion--element.column--3 .emotion--html .panel {
  padding: 0 10px;
}
.designstories-index .emotion--element.column--3 .emotion--html p.designstories-intro {
  text-align: center;
  color: #3d3d3d;
  font-style: italic;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 50px;
}
.designstories-index .emotion--element.column--3 .emotion--html h1 {
  font-size: 36px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 15px;
}
.designstories-index .emotion--element.column--3 .emotion--html h1:after {
  background: #000 none repeat scroll 0 0;
  content: " ";
  display: block;
  height: 3px;
  margin: 20px auto 0;
  position: relative;
  top: 15px;
  width: 90px;
}
.designstories-index .emotion--element.column--3 .emotion--html h2.related,
.designstories-index .emotion--element.column--3 .emotion--html h3.related,
.designstories-index .emotion--element.column--3 .emotion--html h4.related {
  font-family: Georgia,serif;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 0px;
  padding-top: 50px;
  margin-top: 50px;
}
.designstories-index .emotion--element.column--3 .emotion--html h2.related:before,
.designstories-index .emotion--element.column--3 .emotion--html h3.related:before,
.designstories-index .emotion--element.column--3 .emotion--html h4.related:before {
  display: none;
}
.designstories-index .emotion--element.column--3 .emotion--html h2.related:after,
.designstories-index .emotion--element.column--3 .emotion--html h3.related:after,
.designstories-index .emotion--element.column--3 .emotion--html h4.related:after {
  background: #000 none repeat scroll 0 0;
  content: " ";
  display: block;
  height: 3px;
  margin: 20px auto 0;
  position: relative;
  width: 90px;
}
.designstories-index .dig-pub {
  margin-left: 1px;
  border-bottom: 0px solid #ff4e3f !important;
  transition: border-width 0.2s ease-in-out;
}
.designstories-index .dig-pub:hover {
  border-bottom: 5px solid #ff4e3f !important;
}
.designstories-index .emotion--html.panel .html--content {
  margin-bottom: 40px!important;
}
@media screen and (min-width: 960px) {
  .designstories-index .emotion--container.emotion--mode-grid.emotion--column-3 .column--1 {
    width: 33.33333333%!important;
    margin-bottom: 20px;
  }
  .designstories-index .emotion--element.row--9,
  .designstories-index .emotion--element.row--8,
  .designstories-index .emotion--element.row--7,
  .designstories-index .emotion--element.row--6 {
    min-height: 620px!important;
  }
  .designstories-index .dig-pub--text {
    background: #ffffff;
  }
  .designstories-index .dig-pub--text h1 {
    font-size: 19px!important;
    line-height: 125% !important;
  }
  .designstories-index .dig-pub--text p {
    font-size: 15px!important;
    line-height: 160%!important;
  }
}
@media screen and (min-width: 480px) and (max-width: 959px) {
  .designstories-index .emotion--container.emotion--mode-grid.emotion--column-3 .column--1 {
    width: 50%!important;
    margin-bottom: 1px;
  }
  .designstories-index .emotion--digital-publishing,
  .designstories-index .emotion--digital-publishing-slider {
    min-height: 650px!important;
  }
  .designstories-index .dig-pub--text p {
    font-size: 16px!important;
    line-height: 180%!important;
  }
}
@media screen and (max-width: 479px) {
  .designstories-index .emotion--element.column--3 .emotion--html {
    max-width: 90%;
  }
  .designstories-index .emotion--container.emotion--mode-grid.emotion--column-3 .column--1 {
    width: 100%!important;
    margin-bottom: 1px;
  }
  .designstories-index .dig-pub--text h1 {
    font-size: 19px!important;
    line-height: 120%!important;
    margin-top: -10px !important;
  }
  .designstories-index .dig-pub--text p {
    font-size: 15px!important;
    line-height: 165%!important;
    margin-top: -5px !important;
  }
}
.designstories-style1 .emotion--container {
  margin: 0px;
}
.designstories-style1 .emotion--element {
  margin-bottom: 1px;
}
.designstories-style1 .emotion--html.panel {
  padding: 0px!important;
}
.designstories-style1 .emotion--element.column--4 .emotion--html {
  max-width: 100%!important;
  overflow: visible!important;
  z-index: 9!important;
  margin: 0 auto;
}
.designstories-style1 .emotion--element.column--4 .emotion--html .html--content {
  z-index: 9;
}
.designstories-style1 .emotion--element.column--4 .emotion--html .smallbox {
  width: 52%;
  max-width: 600px;
  background: #ffffff;
  padding: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -180px;
  margin-bottom: 30px;
}
.designstories-style1 .emotion--element.column--4 .emotion--html .smallbox h1 {
  font-size: 30px;
  margin-top: 0px;
}
.designstories-style1 .emotion--element.column--4 .emotion--html .smallbox p {
  max-width: 95%!important;
  text-align: center!important;
}
.designstories-style1 .emotion--element.column--4 .emotion--html p,
.designstories-style1 .emotion--element.column--4 .emotion--html p.designstories-intro {
  text-align: center;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  line-height: 160%;
}
.designstories-style1 .emotion--element.column--4 .emotion--html p.designstories-intro {
  font-style: italic;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 50px;
}
.designstories-style1 .emotion--element.column--4 .emotion--html p {
  font-size: 17px;
}
.designstories-style1 .emotion--element.column--4 .emotion--html h1 {
  font-size: 36px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 15px;
}
.designstories-style1 .emotion--element.column--4 .emotion--html h2,
.designstories-style1 .emotion--element.column--4 .emotion--html h3,
.designstories-style1 .emotion--element.column--4 .emotion--html h4,
.designstories-style1 .emotion--element.column--4 .emotion--html h5,
.designstories-style1 .emotion--element.column--4 .emotion--html h6 {
  font-family: Georgia,serif;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  text-transform: uppercase;
  text-align: center;
  line-height: 24px;
  padding-bottom: 20px;
  padding-top: 10px;
  margin-top: 10px;
}
.designstories-style1 .emotion--element.column--4 .emotion--html h1:before,
.designstories-style1 .emotion--element.column--4 .emotion--html h2:before,
.designstories-style1 .emotion--element.column--4 .emotion--html h3:before,
.designstories-style1 .emotion--element.column--4 .emotion--html h4:before,
.designstories-style1 .emotion--element.column--4 .emotion--html h5:after,
.designstories-style1 .emotion--element.column--4 .emotion--html h6:after {
  display: none;
}
.designstories-style1 .emotion--element.column--4 .emotion--html h1:after,
.designstories-style1 .emotion--element.column--4 .emotion--html h2:after,
.designstories-style1 .emotion--element.column--4 .emotion--html h3:after,
.designstories-style1 .emotion--element.column--4 .emotion--html h4:after {
  background: #000 none repeat scroll 0 0;
  content: " ";
  display: block;
  height: 3px;
  margin: 20px auto 0;
  position: relative;
  width: 90px;
}
.designstories-style1 .emotion--element.column--4 .emotion--html h1:after {
  top: 15px;
}
.designstories-style1 .dig-pub {
  margin-left: 1px;
}
.designstories-style1 .emotion--html.panel .html--content {
  margin-bottom: 40px!important;
}
.designstories-style1 .image-caption {
  margin: 0px;
  padding: 20px;
  width: 100%!important;
  background: #ffffff;
  color: #000000;
}
.designstories-style1 .image-caption p {
  max-width: 66%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px!important;
  font-style: italic;
  line-height: 170%;
}
@media only screen and (max-width: 767px) {
  .designstories-style1 h1 {
    font-size: 32px;
  }
  .designstories-style1 h2,
  .designstories-style1 h3,
  .designstories-style1 h4 {
    font-size: 16px!important;
    margin-top: 0px!important;
  }
  .designstories-style1 h1:after {
    margin-top: 10px!important;
    margin-bottom: 20px!important;
    margin-left: auto!important;
    margin-right: auto!important;
  }
  .designstories-style1 p,
  .designstories-style1 p.designstories-intro {
    font-size: 16px!important;
    max-width: 85%!important;
  }
  .designstories-style1 p.designstories-intro {
    font-size: 18px!important;
    line-height: 28px!important;
    margin-bottom: 20px!important;
  }
  .designstories-style1 .image-caption {
    padding: 18px;
  }
  .designstories-style1 .image-caption p {
    max-width: 85%!important;
    font-size: 14px!important;
  }
}
@media only screen and (max-width: 480px) {
  .designstories-style1 .emotion--element.column--4 .emotion--html .smallbox {
    width: 100%;
    padding: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 20px;
  }
}
.designstories-style2 .emotion--html.panel {
  padding: 0px;
  margin: 0px;
}
.designstories-style2 .emotion--element.column--4 .emotion--html {
  margin-bottom: 20px!important;
  max-width: 100%!important;
  z-index: 9!important;
  overflow: visible!important;
  margin-top: 0px!important;
}
.designstories-style2 .emotion--element.column--4 .emotion--html p.intro {
  text-align: center!important;
  max-width: 60%;
  line-height: 160%;
  margin-left: auto;
  margin-right: auto;
  font-style: italic;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 50px;
}
.designstories-style2 .emotion--element.column--4 .emotion--html p,
.designstories-style2 .emotion--element.column--4 .emotion--html p.interview {
  max-width: 60%;
  line-height: 160%;
  margin-left: auto;
  margin-right: auto;
  font-size: 17px;
}
.designstories-style2 .emotion--element.column--4 .emotion--html h1 {
  margin-top: 40px;
  margin-bottom: 25px;
  padding: 0px;
}
.designstories-style2 .emotion--element.column--4 .emotion--html h2,
.designstories-style2 .emotion--element.column--4 .emotion--html h3,
.designstories-style2 .emotion--element.column--4 .emotion--html h4 {
  font-family: Georgia,serif;
  font-size: 22px;
  font-weight: 400;
  font-style: italic;
  text-align: center;
  line-height: 24px;
  padding-bottom: 20px;
  margin-top: 10px;
  text-transform: uppercase;
}
.designstories-style2 .emotion--element.column--4 .emotion--html h2 {
  padding-top: 10px;
}
.designstories-style2 .emotion--element.column--4 .emotion--html h3,
.designstories-style2 .emotion--element.column--4 .emotion--html h4 {
  padding-top: 30px;
}
.designstories-style2 .emotion--element.column--4 .emotion--html h1:before,
.designstories-style2 .emotion--element.column--4 .emotion--html h2:before,
.designstories-style2 .emotion--element.column--4 .emotion--html h3:before,
.designstories-style2 .emotion--element.column--4 .emotion--html h4:before {
  display: none!important;
}
.designstories-style2 .emotion--element.column--4 .emotion--html h2:after,
.designstories-style2 .emotion--element.column--4 .emotion--html h3:after,
.designstories-style2 .emotion--element.column--4 .emotion--html h4:after {
  background: #000 none repeat scroll 0 0!important;
  content: " " !important;
  display: block!important;
  height: 3px!important;
  margin: 20px auto 0!important;
  width: 100px!important;
}
.designstories-style2 .emotion--element.column--4 .emotion--html p.subline {
  font-family: Georgia, serif;
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  text-align: center!important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px !important;
}
.designstories-style2 .emotion--element.column--4 .emotion--html p.spacer {
  margin-bottom: -10px !important;
}
.designstories-style2 .emotion--element.column--4 .emotion--html p.blockquote {
  font-size: 32px;
  line-height: 120%;
  font-style: italic;
  font-weight: normal;
  text-align: center!important;
}
.designstories-style2 .emotion--element.column--4 .emotion--html .image-caption {
  margin: 0px;
  padding: 20px;
  width: 100%!important;
  background: #ffffff;
  color: #000000;
}
.designstories-style2 .emotion--element.column--4 .emotion--html .image-caption p {
  max-width: 66%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px!important;
  font-style: italic;
  line-height: 170%;
}
.designstories-style2 .emotion--element.column--4 .emotion--html .html--content {
  z-index: 9;
}
.designstories-style2 .emotion--element.column--4 .emotion--html .smallbox {
  width: 52%;
  max-width: 600px;
  background: #ffffff;
  padding: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -180px;
  margin-bottom: 30px;
}
.designstories-style2 .emotion--element.column--4 .emotion--html .smallbox p {
  max-width: 95%!important;
  text-align: center!important;
}
.designstories-style2 .emotion--element.column--4 .emotion--html .weissebox66 {
  width: 65%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  background: #ffffff!important;
  padding: 30px;
  margin-top: -19px;
}
.designstories-style2 .emotion--element.column--4 .emotion--html .weissebox66 p {
  max-width: 100%!important;
  text-align: center!important;
}
.designstories-style2 .emotion--element.column--2 .emotion--html {
  /* HTML Felder Heights */
}
.designstories-style2 .emotion--element.column--2 .emotion--html .drei-reihen {
  min-height: 270px!important;
}
.designstories-style2 .emotion--element.column--2 .emotion--html .vier-reihen {
  min-height: 360px!important;
}
.designstories-style2 .emotion--element.column--2 .emotion--html .fuenf-reihen {
  min-height: 450px!important;
}
.designstories-style2 .emotion--element.column--2 .emotion--html .sechs-reihen {
  min-height: 540px!important;
}
.designstories-style2 .emotion--element.column--2 .emotion--html .weissebox {
  background: #ffffff!important;
  padding: 33px;
}
.designstories-style2 .emotion--element.column--2 .emotion--html .weissebox h2:before {
  display: none!important;
}
.designstories-style2 .emotion--element.column--2 .emotion--html .weissebox h2:after {
  background: #000 none repeat scroll 0 0!important;
  content: " " !important;
  display: block!important;
  height: 3px!important;
  margin: 20px auto 0!important;
  width: 100px!important;
}
.designstories-style2 .emotion--element.column--2 .emotion--html .weissebox p {
  text-align: left;
  max-width: 100%!important, width: 100%!important;
}
.designstories-style2 .emotion--element.column--2 .emotion--html .weissebox p.links {
  text-align: left!important;
}
.designstories-style2 .emotion--element.column--2 .emotion--html .weissebox p.mittig {
  text-align: center!important;
}
.designstories-style2 .emotion--element.column--2 .emotion--html .weissebox p.rechts {
  text-align: right!important;
}
.designstories-style2 .emotion--element.column--2 .emotion--html .weissebox50 {
  background: #ffffff!important;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 35px;
  padding-bottom: 35px;
  height: 360px;
  margin-right: 1px;
}
.designstories-style2 .emotion--element.column--2 .emotion--html .weissebox50 h2:before,
.designstories-style2 .emotion--element.column--2 .emotion--html .weissebox50 h2:after {
  display: none!important;
}
.designstories-style2 .emotion--element.column--2 .emotion--html .weissebox50 h2 {
  text-align: left;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  font-weight: 700;
  font-style: normal;
}
.designstories-style2 .emotion--element.column--2 .emotion--html .weissebox50 p {
  text-align: left!important;
  line-height: 170%;
  max-width: 100%!important, width: 100%!important;
}
@media only screen and (max-width: 1024px) {
  .designstories-style2 .emotion--element.column--2 .emotion--html .weissebox50 {
    height: 100%!important;
  }
}
@media only screen and (max-width: 800px) {
  .designstories-style2 p.subline {
    font-size: 16px!important;
    margin-bottom: 30px!important;
    max-width: 85%!important;
  }
  .designstories-style2 p {
    font-size: 16px!important;
  }
  .designstories-style2 .weissebox66 {
    width: 100%!important;
  }
  .designstories-style2 .smallbox {
    width: 85%!important;
    max-width: 640px!important;
    padding: 25px!important;
    margin-top: -150px !important;
    margin-bottom: 25px!important;
  }
}
@media only screen and (max-width: 600px) {
  .designstories-style2 .emotion--element {
    margin-bottom: 1px!important;
  }
  .designstories-style2 .emotion--html.panel {
    padding: 0px!important;
  }
  .designstories-style2 .smallbox {
    width: 100% !important;
    max-width: 600px !important;
    padding: 25px !important;
    margin-top: 0px !important;
    margin-bottom: 0px!important;
  }
  .designstories-style2 .smallbox p {
    max-width: 100%!important;
  }
  .designstories-style2 .smallbox p.spacer {
    display: none!important;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .dig-pub--text h1.bottombanner {
    font-size: 20px!important;
    line-height: 24px!important;
  }
  .dig-pub--text p.bottombanner {
    font-size: 15px!important;
    line-height: 18px!important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 979px) {
  .dig-pub--text h1.bottombanner {
    font-size: 18px!important;
    line-height: 18px!important;
    margin-top: -10px !important;
  }
  .dig-pub--text p.bottombanner {
    font-size: 14px!important;
    line-height: 14px!important;
    margin-top: -10px !important;
  }
  a.btn.bottombanner,
  .btn--bottombanner {
    margin-top: -10px !important;
  }
}
@media only screen and (max-width: 479px) {
  .dig-pub--text h1.bottombanner {
    font-size: 20px!important;
    line-height: 24px!important;
  }
  .dig-pub--text p.bottombanner {
    font-size: 16px!important;
    line-height: 18px!important;
  }
  a.btn.bottombanner,
  .btn.bottombanner,
  .btn--bottombanner {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
    font-size: 14px!important;
    line-height: 20px;
    margin: 0px!important;
  }
}
/* Image slider element */
.image-slider {
  *zoom: 1;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  position: relative;
}
.image-slider:after {
  content: "";
  display: table;
  clear: both;
}
.image-slider:before,
.image-slider:after {
  display: table;
  content: "";
  line-height: 0;
}
.image-slider:after {
  clear: both;
}
.product-images {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #d7d6d0;
}
.image-slider--container {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  margin-right: -4px;
  margin-bottom: -12px;
}
.image-slider--container .arrow {
  width: 60px;
  height: 140px;
  margin-top: -70px;
  font-size: 28px;
  line-height: 140px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  z-index: 1000;
  font-family: 'qvest';
  text-align: center;
  color: #000;
  cursor: pointer;
  display: none;
}
.image-slider--container .arrow.is--left {
  left: 0px;
  left: 0rem;
}
.image-slider--container .arrow.is--left:before,
.image-slider--container .arrow.is--left::before {
  content: "\e611";
}
.image-slider--container .arrow.is--right {
  right: 0px;
  right: 0rem;
}
.image-slider--container .arrow.is--right:before {
  content: "\e610";
}
.image-slider--container .arrow:hover {
  color: #D9400B;
}
.image-slider--container.is--dragging .image-slider--item {
  cursor: move;
}
.image-slider--slide {
  *zoom: 1;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  white-space: nowrap;
  font-size: 0;
  -ms-touch-action: pan-y;
}
.image-slider--slide:after {
  content: "";
  display: table;
  clear: both;
}
.image-slider--slide:before,
.image-slider--slide:after {
  display: table;
  content: "";
  line-height: 0;
}
.image-slider--slide:after {
  clear: both;
}
.product-images .image-slider--item {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}
.image-slider--item {
  display: inline-block;
  height: 100%;
  width: 100%;
  position: relative;
  text-align: center;
}
.image-slider--item .image--element {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.image-slider--item .image--media {
  margin: 0 auto;
  text-align: center;
}
.image-slider--dots {
  display: none;
}
.image-slider--thumbnails {
  height: 120px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.image-slider--thumbnails .image-slider--thumbnails-slide {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
}
.image-slider--thumbnails .thumbnail--link {
  height: 120px;
  line-height: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  display: inline-block;
  text-align: center;
  border: 1px solid #efeee7;
  border-bottom: none;
  border-right: none;
  position: relative;
}
.image-slider--thumbnails .thumbnail--link:first-child {
  border-left: none;
}
.image-slider--thumbnails .thumbnail--link:last-child {
  border-right: 1px solid #efeee7;
}
.image-slider--thumbnails .thumbnail--link .box--content {
  background: #ff4e3f !important;
}
.image-slider--thumbnails .thumbnail--link:hover {
  color: inherit;
}
.image-slider--thumbnails .thumbnail--link .description {
  top: 150px;
}
.image-slider--thumbnails .thumbnail--link .description .search-result--link {
  color: #fff;
  display: block;
}
.image-slider--thumbnails .thumbnail--link .cta {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  display: block;
  background: #ff4e3f;
  -ms-transition: height 0.2s ease-in;
  -webkit-transition: height 0.2s ease-in;
  -moz-transition: height 0.2s ease-in;
  -o-transition: height 0.2s ease-in;
  transition: height 0.2s ease-in;
}
.image-slider--thumbnails .thumbnail--link:hover .cta,
.image-slider--thumbnails .thumbnail--link.is--active .cta {
  height: 5px;
}
.image-slider--thumbnails .thumbnail--link.is--active .cta {
  background: #000;
}
.image-slider--thumbnails .thumbnail--image {
  display: inline;
  vertical-align: middle;
}
.image-slider--thumbnails .thumbnails--arrow {
  width: 20px;
  height: 120px;
  line-height: 120px;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  display: none;
  position: absolute;
  z-index: 1000;
  font-family: 'qvest';
  text-align: center;
  color: #000;
  cursor: pointer;
}
.image-slider--thumbnails .thumbnails--arrow:hover {
  color: #D9400B;
}
.image-slider--thumbnails .thumbnails--arrow.is--top,
.image-slider--thumbnails .thumbnails--arrow.is--bottom {
  font-size: 8px;
  font-size: 0.5rem;
  width: 70px;
  width: 4.375rem;
  height: 24px;
  height: 1.5rem;
  padding: 2px 0px 0px 0px;
  padding: 0.125rem 0rem 0rem 0rem;
  line-height: 18px;
  line-height: 1.125rem;
  left: 0;
}
.image-slider--thumbnails .thumbnails--arrow.is--top {
  top: 0;
}
.image-slider--thumbnails .thumbnails--arrow.is--top::before {
  content: "\e610";
}
.image-slider--thumbnails .thumbnails--arrow.is--bottom {
  bottom: 0;
}
.image-slider--thumbnails .thumbnails--arrow.is--bottom::before {
  content: "\e612";
}
.image-slider--thumbnails .thumbnails--arrow.is--left {
  width: 24px;
  width: 1.5rem;
  top: 0;
  left: 0;
}
.image-slider--thumbnails .thumbnails--arrow.is--left::before {
  content: "\e611";
}
.image-slider--thumbnails .thumbnails--arrow.is--right {
  width: 24px;
  width: 1.5rem;
  top: 0;
  right: 0;
}
.image-slider--thumbnails .thumbnails--arrow.is--right::before {
  content: "\e610";
}
.image-slider--thumbnails .thumbnails--arrow.is--active {
  display: block;
}
.image-slider--container .arrow {
  display: block;
}
/*
Overlay
================================================
Creates a fixed full-screen overlay.

The `js--overlay` element is used when a modal window is shown.

The `js--overlay` element is empty while the html of the modal box will be created just before the closing body-tag.

The opacity of the full-screen overlay can be modified with javascript.

The functionality is provided by the `jquery.overlay.js` file.

```
<div class="js--overlay" style="opacity: 0.8; display: block; cursor: pointer;"></div>
```

default color:`#000000` default opacity (alpha):`0.7`
*/
.js--overlay {
  -ms-transition: opacity 0.45s cubic-bezier(.3,0,.15,1), visibility 0.45s linear;
  -webkit-transition: opacity 0.45s cubic-bezier(.3,0,.15,1), visibility 0.45s linear;
  -moz-transition: opacity 0.45s cubic-bezier(.3,0,.15,1), visibility 0.45s linear;
  -o-transition: opacity 0.45s cubic-bezier(.3,0,.15,1), visibility 0.45s linear;
  transition: opacity 0.45s cubic-bezier(.3,0,.15,1), visibility 0.45s linear;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 0.01;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 1 ")";
  zoom: 1;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5000;
  visibility: hidden;
}
.js--overlay.is--open {
  -ms-transition-delay: 0;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  zoom: 1;
  visibility: visible;
}
.js--overlay.is--closable {
  cursor: pointer;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  zoom: 1;
  visibility: hidden !important;
}
/*
Loading indicator
=============================================
Displays a spinning circle to indicate a loading status.

Can be imported by using the `i` tag with the `icon--loading-indicator` class.

`<i class="icon--loading-indicator"></i>`

The functionality is provided by the `jquery.loading-indicator.js` file.
*/
.js--loading-indicator {
  padding: 20px 20px 20px 20px;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  position: fixed;
  display: none;
  left: 50%;
  top: 50%;
  z-index: 6000;
}
.js--loading-indicator.indicator--relative {
  width: 30px;
  width: 1.875rem;
  height: 30px;
  height: 1.875rem;
  padding-top: 50px;
  padding-top: 3.125rem;
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
  background: none;
  position: relative;
  display: block;
  left: 50%;
  top: auto;
  border: 0 none;
}
.has--cssanimations .js--loading-indicator {
  margin: -33px 0px 0px -33px;
  margin: -2.0625rem 0rem 0rem -2.0625rem;
}
.has--cssanimations .js--loading-indicator div[class^="icon--"] {
  width: 26px;
  width: 1.625rem;
  height: 26px;
  height: 1.625rem;
  display: block;
}
.has--cssanimations .js--loading-indicator .icon--default:before,
.has--cssanimations .js--loading-indicator .icon--default::before {
  width: 22px;
  width: 1.375rem;
  height: 22px;
  height: 1.375rem;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-animation: keyframe--spin 1s linear infinite;
  -moz-animation: keyframe--spin 1s linear infinite;
  -o-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  display: block;
  content: "";
  border: 2px solid #dadae5;
  border-top: 2px solid #8f8fb1;
}
.has--no-cssanimations .js--loading-indicator {
  margin: -28px 0px 0px -28px;
  margin: -1.75rem 0rem 0rem -1.75rem;
}
.has--no-cssanimations .js--loading-indicator div[class^="icon--"] {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  display: block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.has--no-cssanimations .js--loading-indicator .icon--default {
  height: 16px;
  height: 1rem;
  width: 16px;
  width: 1rem;
  background-image: url(../../img/icons/loading-indicator.gif);
}
/*
Image gallery element
====================================================
Defines the styles for the image gallery element that shows thumbnails of the product pictures in a slim slider element.

It is displayed on the product detail page.
*/
.image--gallery .image-slider--container {
  bottom: 90px;
  bottom: 5.625rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  margin: 0;
}
.image--gallery.no--thumbnails .image-slider--container {
  bottom: 0;
}
.image--gallery .image-slider--item {
  display: inline-block;
  height: 100%;
  width: 100%;
  position: relative;
  text-align: center;
  cursor: default;
}
.image--gallery .image-slider--item .image--element {
  display: block;
  max-width: 100%;
  height: auto;
  width: auto;
}
.image--gallery .image-slider--item .image--media,
.image--gallery .image-slider--item img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.image--gallery .image-slider--thumbnails {
  padding: 0px 0px 0px 0px;
  padding: 0rem 0rem 0rem 0rem;
  height: 120px;
  height: 7.5rem;
  background: #fff;
  top: auto;
  bottom: 1px;
  width: 100%;
  margin: 0;
  position: absolute;
  display: block;
}
.image--gallery .image-slider--thumbnails .thumbnails--arrow {
  top: 20px;
  top: 1.25rem;
}
.image--gallery .image-slider--thumbnails .thumbnails--arrow.is--left {
  border-left: 0 none;
}
.image--gallery .image-slider--thumbnails .thumbnails--arrow.is--right {
  border-right: 0 none;
}
.image--gallery .image-slider--thumbnails-slide {
  margin: 0px 10px 0px 10px;
  margin: 0rem 0.625rem 0rem 0.625rem;
  left: auto;
  top: auto;
}
.image--gallery .thumbnail--link {
  margin: 0px 5px 0px 0px;
  margin: 0rem 0.3125rem 0rem 0rem;
  display: inline-block;
}
.image--gallery .button--zoom-in,
.image--gallery .button--zoom-out,
.image--gallery .button--zoom-reset {
  top: 10px;
  top: 0.625rem;
  left: 10px;
  left: 0.625rem;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 2px 6px 2px 6px;
  padding: 0.125rem 0.375rem 0.125rem 0.375rem;
  position: absolute;
}
.image--gallery .button--zoom-in:hover,
.image--gallery .button--zoom-out:hover,
.image--gallery .button--zoom-reset:hover {
  z-index: 1;
}
.image--gallery .button--zoom-out {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
}
.image--gallery .button--zoom-reset {
  left: 43px;
  left: 2.6875rem;
  border-radius: 0;
}
.image--gallery .button--zoom-in {
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  left: 76px;
  left: 4.75rem;
}
.image-gallery--modal .modal--close {
  top: 10px;
  top: 0.625rem;
  width: 34px;
  width: 2.125rem;
  height: 34px;
  height: 2.125rem;
  line-height: 32px;
  line-height: 2rem;
}
@media screen and (min-width: 78.75em) {
  .js--image-gallery {
    width: 80%;
    height: 80%;
  }
}
.image--gallery .image--box.image-slider--item.image-slider--item--video--youtube .image--box--video,
.image--gallery .image--box.image-slider--item.image-slider--item--video--vimeo .image--box--video,
.image--gallery .image--box.image-slider--item.image-slider--item--video--html5 video {
  bottom: 0;
  height: auto;
  left: 0;
  margin: auto;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
/*
Image-zoom
====================================================
Defines the styles for the Shopware 5 image-zoom element.

It displays a magnifying glass when hovering the article images on the product detail page.

The functionality is provided by the `jquery.image-zoom.js` file.
*/
.js--img-zoom--container {
  position: relative;
  top: 0;
  left: 0;
}
.js--img-zoom--lens {
  border-radius: 3px;
  background-clip: padding-box;
  display: none;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid #dadae5;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.js--img-zoom--flyout {
  width: 460px;
  width: 28.75rem;
  height: 340px;
  height: 21.25rem;
  right: -490px;
  right: -30.625rem;
  border-radius: 3px;
  background-clip: padding-box;
  display: none;
  position: absolute;
  top: 0;
  z-index: 2500;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #dadae5;
}
.js--img-zoom--title {
  padding: 5px 20px 5px 20px;
  padding: 0.3125rem 1.25rem 0.3125rem 1.25rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  line-height: 1rem;
  background-color: #5F7285;
  background-image: linear-gradient(to bottom, #5F7285 0%, #3f4c58 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5F7285), color-stop(1, #3f4c58));
  background-image: -webkit-linear-gradient(top, #5F7285, #3f4c58);
  background-image: -moz-linear-gradient(top, #5F7285, #3f4c58);
  background-image: -ms-linear-gradient(top, #5F7285, #3f4c58);
  background-image: -o-linear-gradient(top, #5F7285, #3f4c58);
  background-image: linear-gradient(top, bottom, #5F7285, #3f4c58);
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
}
/*
Range Slider
==========================================
######Range Slider
The range slider element lets the user filter elements by a price-span they decide on.
The slider handlers can be dragged to the numeric value that the user intends. The value is displayed below the element.
The functionality is provided by the `jquery.range-slider.js` file.
*/
.range-slider {
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  touch-callout: none;
  margin: 0 5px;
}
.range-slider--container {
  height: 12px;
  height: 0.75rem;
  display: block;
  width: 100%;
  background: #fff;
  border: 1px solid #a6a5a0;
  -ms-touch-action: none;
}
.range-slider--range-bar {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%;
  width: 100%;
  position: relative;
  background: #000;
}
.range-slider--handle {
  width: 10px;
  width: 0.625rem;
  height: 20px;
  height: 1.25rem;
  background: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  border: 1px solid #b5b29e;
  cursor: pointer;
  transition: background-color 0.2s ease-in, border-color 0.2s ease-in;
}
.range-slider--handle.is--min {
  left: -5px;
  left: -0.3125rem;
  top: -5px;
  top: -0.3125rem;
}
.range-slider--handle.is--max {
  right: -5px;
  right: -0.3125rem;
  top: -5px;
  top: -0.3125rem;
}
.range-slider--handle:hover,
.range-slider--handle.is--dragging {
  border-color: #D9400B;
  background: #D9400B;
}
.range-slider--format {
  display: none;
}
@media only screen and (max-width: 767px) {
  .range-slider {
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 25px;
  }
  .range-slider--container {
    height: 1rem;
  }
  .range-slider--handle {
    width: 1.25rem;
    height: 1.75rem;
  }
}
.listing--wrapper {
  *zoom: 1;
}
.listing--wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.listing--wrapper:before,
.listing--wrapper:after {
  display: table;
  content: "";
  line-height: 0;
}
.listing--wrapper:after {
  clear: both;
}
.listing--content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
  /* ul/li compatibility */
  list-style-type: none;
  padding: 0;
  margin: 0;
  max-width: 75rem;
  margin: 0 auto;
}
.listing--content .action--filter-btn,
.listing--content .filter--active-container,
.listing--content .action--sort,
.listing--content .category--teaser,
.listing--content .facet--shipping_free {
  display: none;
}
.listing--content .facet--price .action--submit-btn {
  display: block;
  margin-top: 12px;
  text-align: right;
}
.listing--content .facet--price .action--submit-btn .btn {
  display: inline-block;
  background: #e8e7e0;
  color: #000;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 36px;
  min-height: 36px;
  -ms-transition: background-color 0.2s ease-in;
  -webkit-transition: background-color 0.2s ease-in;
  -moz-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}
.listing--content .facet--price .action--submit-btn .btn:focus,
.listing--content .facet--price .action--submit-btn .btn:hover {
  color: #ffffff;
  background: #000000;
}
.listing--content .facet--price .action--submit-btn .btn.is-active {
  background: #D9400B;
}
.listing--content .facet--price .filter-panel--range-info {
  float: left;
  font-size: 14px;
  font-family: Georgia, serif;
  font-style: italic;
  line-height: 30px;
}
.listing--content .facet--immediate_delivery [type="checkbox"]:not(:checked),
.listing--content .facet--immediate_delivery [type="checkbox"]:checked {
  width: 1px;
  opacity: 0;
  margin: 0;
  padding: 0;
}
.listing--content .facet--immediate_delivery [type="checkbox"]:not(:checked) + label,
.listing--content .facet--immediate_delivery [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 28px;
  padding-top: 2px;
}
.listing--content .facet--immediate_delivery [type="checkbox"]:not(:checked) + label:before,
.listing--content .facet--immediate_delivery [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #b5b29e;
  background: #f8f8f8;
  -ms-transition: border-color 0.2s ease-in;
  -webkit-transition: border-color 0.2s ease-in;
  -moz-transition: border-color 0.2s ease-in;
  -o-transition: border-color 0.2s ease-in;
  transition: border-color 0.2s ease-in;
}
.listing--content .facet--immediate_delivery [type="checkbox"]:not(:checked) + label:hover:before,
.listing--content .facet--immediate_delivery [type="checkbox"]:checked + label:hover:before,
.listing--content .facet--immediate_delivery [type="checkbox"]:not(:checked) + label:focus:before,
.listing--content .facet--immediate_delivery [type="checkbox"]:checked + label:focus:before {
  border-color: #262626;
}
.listing--content .facet--immediate_delivery [type="checkbox"]:not(:checked) + label:after,
.listing--content .facet--immediate_delivery [type="checkbox"]:checked + label:after {
  content: "\e60b";
  position: absolute;
  top: -2px;
  left: 2px;
  font-size: 14px;
  color: #000;
  font-family: "qvest";
  transition: all .2s;
}
.listing--content .facet--immediate_delivery [type="checkbox"]:not(:checked) + label:after {
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.listing--content .facet--immediate_delivery [type="checkbox"]:checked + label:after {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.listing--content .facet--immediate_delivery .option--container .filter-panel--label2 {
  text-decoration: none;
  font-size: 14px;
  font-family: Georgia, serif;
  font-style: italic;
  line-height: 16px;
  top: -2px;
  position: relative;
  padding-left: 4px;
}
.listing--content .facet--immediate_delivery .option--container .filter-panel--label {
  float: right;
}
.listing--content .filter--actions .filter--btn-apply {
  display: none;
}
.listing--content .listing--actions {
  float: left;
  width: 25%;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 300px;
  z-index: 0;
}
.listing--content .listing--actions .facet--manufacturer [type="checkbox"]:not(:checked),
.listing--content .listing--actions .facet--manufacturer [type="checkbox"]:checked {
  width: 1px;
  opacity: 0;
  margin: 0;
  padding: 0;
}
.listing--content .listing--actions .facet--manufacturer .checkbox--state {
  pointer-events: none;
  width: 0;
  display: block;
}
.listing--content .listing--actions .facet--manufacturer [type="checkbox"]:not(:checked) + .checkbox--state:after,
.listing--content .listing--actions .facet--manufacturer [type="checkbox"]:checked + .checkbox--state:after {
  content: "\e60b";
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 14px;
  color: #000;
  font-family: "qvest";
  transition: all .2s;
}
.listing--content .listing--actions .facet--manufacturer [type="checkbox"]:not(:checked) + .checkbox--state:after {
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.listing--content .listing--actions .facet--manufacturer [type="checkbox"]:checked + .checkbox--state:after {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.listing--content .listing--actions > .filter--actions {
  margin-bottom: 20px;
}
.listing--content .listing--actions > .filter--actions > .filter--btn-apply {
  padding: 20px;
  display: block;
  width: 100%;
}
.listing--content .listing--actions > .action--sort,
.listing--content .listing--actions .filter-panel {
  background: #fff;
  padding: 20px;
}
.listing--content .listing--actions > .action--sort .filter-panel--range-info,
.listing--content .listing--actions .filter-panel .filter-panel--range-info {
  margin-top: 10px;
}
.listing--content .listing--actions > .action--sort.facet--manufacturer,
.listing--content .listing--actions .filter-panel.facet--manufacturer {
  padding-right: 0;
}
.listing--content .listing--actions > .action--sort {
  float: none;
  width: auto;
}
.listing--content .listing--actions .action--label,
.listing--content .listing--actions .filter-panel--flyout > .filter-panel--title,
.listing--content .listing--actions h3 {
  color: #000;
  padding: 0 0 20px 0;
  display: block;
  margin-left: 4px;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  text-align: left;
}
.listing--content .listing--actions .action--label:before,
.listing--content .listing--actions .filter-panel--flyout > .filter-panel--title:before,
.listing--content .listing--actions h3:before {
  display: none;
}
.listing--content .listing--actions .headline-container {
  padding-bottom: 0;
}
.listing--content .listing--actions .headline-container h3 {
  padding-bottom: 0;
  padding-left: 10px;
}
.listing--content .listing--actions ul.filter-panel--option-list {
  max-height: 230px;
  overflow: auto;
  clear: both;
}
.listing--content .listing--actions ul.filter-panel--option-list li.filter-panel--option .option--container {
  margin-right: 14px;
  padding: 8px 8px 8px 0;
  position: relative;
}
.listing--content .listing--actions ul.filter-panel--option-list li.filter-panel--option .option--container .filter-panel--checkbox {
  display: block;
  float: left;
  width: 0;
}
.listing--content .listing--actions ul.filter-panel--option-list li.filter-panel--option .option--container .filter-panel--label {
  display: block;
  clear: right;
  text-decoration: none;
  font-size: 14px;
  font-family: Georgia, serif;
  font-style: italic;
  line-height: 16px;
  padding-left: 4px;
}
.listing--content .listing--actions ul.filter-panel--option-list li.filter-panel--option .option--container:focus,
.listing--content .listing--actions ul.filter-panel--option-list li.filter-panel--option .option--container:hover {
  color: #ff4e3f;
  background: #f5f5f5;
}
.listing--content .listing--actions ul.filter-panel--option-list li.filter-panel--option .option--container.selected {
  color: #ff4e3f;
}
.listing--content .listing--container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
  width: 75%;
  font-size: 0;
  line-height: 0;
  float: right;
  padding-right: 15px;
}
.listing--content .listing--container .listing .product--box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
  width: 33.33333333%;
}
.listing--content .action--filter-options.off-canvas {
  display: block !important;
  background: #ffffff;
}
.action--filter-options .filter--container {
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.625rem 0rem 0.625rem;
}
.action--filter-options .filter--close-btn {
  padding: 12px 10px 12px 10px;
  padding: 0.75rem 0.625rem 0.75rem 0.625rem;
  background: #000000;
  display: block;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 400;
  font-family: "Century Gothic WGL W01 Bold", "Century Gothic", Arial;
  text-transform: uppercase;
  text-decoration: none;
}
.action--filter-options .filter--close-btn:hover {
  color: #fff;
}
.action--filter-options .filter--close-btn .icon--arrow-right {
  margin: 3px 0px 0px 0px;
  margin: 0.1875rem 0rem 0rem 0rem;
  float: right;
}
.action--filter-options .filter--btn-apply {
  clear: both;
}
.action--filter-options .filter--list {
  list-style: none;
}
.action--filter-options .filter--entry {
  padding: 10px 20px 10px 20px;
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  font-size: 16px;
  font-size: 1rem;
  display: block;
  border-bottom: 1px solid #dadae5;
}
.action--filter-options .filter--entry:last-child {
  border: 0 none;
}
.action--filter-options .filter--link {
  color: #000;
}
.action--filter-options .filter--link:hover {
  color: #D9400B;
}
.items-per-page {
  padding: 20px;
}
.per-page--select {
  margin-left: 3px;
  margin-top: -5px;
}
.infinite--actions {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.infinite--actions .js--load-more,
.infinite--actions .js--load-previous {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.infinite--actions .js--load-more {
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .action--filter-options .filter--close-btn {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .listing--content .listing--actions .headline-container {
    display: none;
  }
  .listing--content .action--filter-btn {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
  }
  .listing--content .listing--actions {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .listing--content .listing--container {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .listing--content .action--filter-options.off-canvas {
    display: none!important;
  }
  .listing--content .listing--actions ul.filter-panel--option-list,
  .listing--content .action--filter-options.off-canvas.is--active {
    display: block!important;
  }
  .listing--content .listing--actions ul.filter-panel--option-list {
    height: 200px;
  }
  .listing--content .action--filter-options.off-canvas.is--active {
    width: 100%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 400px) {
  .listing--content .listing--container .listing .product--box {
    min-width: 145px;
    height: 280px;
  }
}
@media only screen and (min-width: 401px) and (max-width: 509px) {
  .listing--content .listing--container .listing .product--box {
    min-width: 180px;
    height: 320px;
  }
}
@media only screen and (max-width: 767px) {
  .listing--content .listing--container .listing .product--box {
    width: 50%!important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
  .listing--content .listing--actions {
    width: 34%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .listing--content .listing--container {
    width: 66%;
    padding-right: 15px;
  }
  .listing--content h1 {
    font-size: 32px;
  }
  .listing--content label.per-page--label.action--label {
    font-size: 0.8em;
  }
  .listing--content .listing--container .listing .product--box {
    width: 50%;
  }
}
.action--filter-options.is--left.is--full-screen {
  background: #ffffff;
}
.blog--filter-btn,
.blog--filter-options,
.blog--box-metadata,
.blog--box-readmore {
  display: none;
}
.blog--listing .teaser--text-long,
.blog--listing .teaser--text-short {
  display: none!important;
}
.blog--listing .blogintro {
  max-width: 66%;
  margin: 0 auto;
  text-align: center;
  color: #3d3d3d;
  font-style: italic;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 50px;
}
.blog--listing h1 {
  font-size: 36px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 15px;
}
.blog--listing h1:after {
  background: #000 none repeat scroll 0 0;
  content: " ";
  display: block;
  height: 3px;
  margin: 20px auto 0;
  position: relative;
  top: 15px;
  width: 90px;
}
.blog--box-container {
  width: 100%;
  height: 100%;
}
.blog--box-content {
  border-bottom: 5px solid #ffffff;
  transition: border-color 0.5s ease-in-out;
}
.blog--box-content:hover {
  border-bottom: 5px solid #ff4e3f;
}
.blog--box {
  float: left;
  margin-right: 1px;
  margin-bottom: 20px;
  min-height: 650px;
  padding-bottom: 5px;
}
.blog--box-picture img {
  width: 100%;
  background: #ffffff;
}
.blog--box-header {
  padding-top: 20px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 15px;
  background: #ffffff;
}
h2.blog--box-headline {
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans !important;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
}
.blog--box-description {
  background: #ffffff;
  padding-top: 0px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  line-height: 160%;
}
.blog--box-description a:hover,
.blog--box-description a:visited {
  text-decoration: none;
  color: #000000;
}
.blog--box-tags {
  text-transform: uppercase;
  font-style: italic;
  font-size: 15px;
  margin-bottom: 15px;
}
.blog--box-description a:link,
.blog--box-tags a:link,
.blog--box-headline a:link {
  text-decoration: none;
}
@media only screen and (min-width: 1024px) {
  .blog--box {
    width: 33%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .blog--box {
    width: 49%;
  }
}
@media only screen and (max-width: 767px) {
  .blog--box {
    width: 100%;
    min-height: 100px;
  }
  h2.blog--box-headline {
    font-size: 16px;
  }
  .blog--listing .blogintro {
    max-width: 90%;
    font-size: 16px;
    line-height: 26px;
  }
  .blog--listing h1 {
    font-size: 30px;
    line-height: 36px;
  }
}
/*
Modalbox
==============================================
The `sizing--content` class lets the modal window get its height from the inner content.
The inline styles are generated by the `jquery.modal.js` file.

```
<div class="js--modal sizing--content" style="width: 600px; height: auto; display: block; opacity: 1;">
    <div class="header">
        <div class="title">This is the header</div>
    </div>
    <div class="content">
        This is the content
    </div>

    <div class="btn icon--cross is--small btn--grey modal--close">
    </div>
</div>

<div class="js--overlay" style="opacity: 0.8; display: block; cursor: pointer;"></div>
```
*/
.js--modal {
  -ms-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  box-shadow: 0px 0px 0px 7px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 0px 0px 7px rgba(0, 0, 0, 0.25) false false false false;
  -moz-box-shadow: 0px 0px 0px 7px rgba(0, 0, 0, 0.25) false false false false;
  box-shadow: 0px 0px 0px 7px rgba(0, 0, 0, 0.25) false false false false;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  zoom: 1;
  position: fixed;
  z-index: 999999!important;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: padding-box #fff;
  max-height: 100%;
  max-width: 100%;
  z-index: 7000;
  overflow-x: hidden;
  overflow-y: auto;
}
.js--modal .header {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  height: 42px;
  height: 2.625rem;
  border-bottom: 1px solid #dadae5;
}
.js--modal .header .title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
}
.js--modal .modal--close {
  height: 30px;
  height: 1.875rem;
  width: 30px;
  width: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  font-size: 10px;
  font-size: 0.625rem;
  right: 10px;
  right: 0.625rem;
  top: 7px;
  top: 0.4375rem;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 0;
  text-align: center;
  position: absolute;
  font-family: "qvest" !important;
}
.js--modal .content {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.js--modal .content .content--iframe {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  width: 100%;
  height: 100%;
  border: 0 none;
  display: block;
}
.js--modal.sizing--auto.is--fullscreen {
  height: 100% !important;
  width: 100% !important;
}
.js--modal.sizing--fixed {
  max-height: none !important;
  max-width: none !important;
}
.js--modal.sizing--content {
  position: fixed;
  bottom: auto;
  top: auto;
  height: auto;
}
.js--modal.no--header .header {
  display: none;
}
.js--modal.no--border-radius {
  border-radius: 0;
}
@media screen and (min-width: 48em) {
  .js--modal {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
  }
}
.account--change-shipping {
  max-width: 684px;
  margin: 0 auto;
  float: none !important;
}
.account--billing-address,
.account--shipping-address,
.account--address {
  width: 684px;
  margin: 0 auto;
  float: none !important;
}
.account--billing-address .address--container,
.account--shipping-address .address--container,
.account--address .address--container,
.account--billing-address .address--box,
.account--shipping-address .address--box,
.account--address .address--box {
  background: #fff;
  border: 2px solid #000;
  padding: 25px;
  position: relative;
  margin-bottom: 25px;
}
.account--billing-address .address--container p,
.account--shipping-address .address--container p,
.account--address .address--container p,
.account--billing-address .address--box p,
.account--shipping-address .address--box p,
.account--address .address--box p {
  margin-bottom: 10px;
}
.account--billing-address .address--container strong,
.account--shipping-address .address--container strong,
.account--address .address--container strong,
.account--billing-address .address--box strong,
.account--shipping-address .address--box strong,
.account--address .address--box strong,
.account--billing-address .address--container .panel--title,
.account--shipping-address .address--container .panel--title,
.account--address .address--container .panel--title,
.account--billing-address .address--box .panel--title,
.account--shipping-address .address--box .panel--title,
.account--address .address--box .panel--title {
  color: #000;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  font-size: 14px;
  font-style: bold;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.account--billing-address .address--container .cta-cover,
.account--shipping-address .address--container .cta-cover,
.account--address .address--container .cta-cover,
.account--billing-address .address--box .cta-cover,
.account--shipping-address .address--box .cta-cover,
.account--address .address--box .cta-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -99999px;
  background: none;
}
.account--billing-address .address--container .panel--actions a,
.account--shipping-address .address--container .panel--actions a,
.account--address .address--container .panel--actions a,
.account--billing-address .address--box .panel--actions a,
.account--shipping-address .address--box .panel--actions a,
.account--address .address--box .panel--actions a {
  font-style: italic;
  text-decoration: underline;
  color: #616161;
  margin-right: 20px;
}
.account--billing-address .address--container .panel--actions a:hover,
.account--shipping-address .address--container .panel--actions a:hover,
.account--address .address--container .panel--actions a:hover,
.account--billing-address .address--box .panel--actions a:hover,
.account--shipping-address .address--box .panel--actions a:hover,
.account--address .address--box .panel--actions a:hover {
  color: #ff4e3f;
}
.account--welcome {
  margin-bottom: 20px;
}
.account--change-payment,
.shipping-payment--information {
  max-width: 684px;
  margin: 0 auto;
  float: none !important;
}
.account--password-reset {
  width: 684px;
  margin: 0 auto;
  float: none !important;
}
.account--password-reset .panel--actions {
  margin-top: 20px;
}
.is--ctl-address.is--act-edit .account--content .panel--actions,
.is--ctl-address.is--act-create .account--content .panel--actions {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
  margin-top: 20px;
}
.is--ctl-account.is--act-index .account--content,
.confirm--content {
  width: 684px;
  margin: 0 auto;
  float: none !important;
}
.is--ctl-account.is--act-index .account--content .checkout-box .inner,
.confirm--content .checkout-box .inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* ul/li compatibility */
  list-style-type: none;
  padding: 0;
  margin: 0;
  *zoom: 1;
}
.is--ctl-account.is--act-index .account--content .checkout-box .inner:after,
.confirm--content .checkout-box .inner:after {
  content: "";
  display: table;
  clear: both;
}
.is--ctl-account.is--act-index .account--content .checkout-box .inner:before,
.confirm--content .checkout-box .inner:before,
.is--ctl-account.is--act-index .account--content .checkout-box .inner:after,
.confirm--content .checkout-box .inner:after {
  display: table;
  content: "";
  line-height: 0;
}
.is--ctl-account.is--act-index .account--content .checkout-box .inner:after,
.confirm--content .checkout-box .inner:after {
  clear: both;
}
.is--ctl-account.is--act-index .account--content .checkout-box .inner .account--shipping,
.confirm--content .checkout-box .inner .account--shipping,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .account--billing,
.confirm--content .checkout-box .inner .account--billing,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .billing--panel,
.confirm--content .checkout-box .inner .billing--panel,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .shipping--panel,
.confirm--content .checkout-box .inner .shipping--panel {
  float: left;
  width: 50%;
}
.is--ctl-account.is--act-index .account--content .checkout-box .inner .account--shipping a,
.confirm--content .checkout-box .inner .account--shipping a,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .account--billing a,
.confirm--content .checkout-box .inner .account--billing a,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .billing--panel a,
.confirm--content .checkout-box .inner .billing--panel a,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .shipping--panel a,
.confirm--content .checkout-box .inner .shipping--panel a {
  font-style: italic;
}
.is--ctl-account.is--act-index .account--content .checkout-box .inner .account--shipping .panel--actions,
.confirm--content .checkout-box .inner .account--shipping .panel--actions,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .account--billing .panel--actions,
.confirm--content .checkout-box .inner .account--billing .panel--actions,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .billing--panel .panel--actions,
.confirm--content .checkout-box .inner .billing--panel .panel--actions,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .shipping--panel .panel--actions,
.confirm--content .checkout-box .inner .shipping--panel .panel--actions {
  *zoom: 1;
  text-align: left;
}
.is--ctl-account.is--act-index .account--content .checkout-box .inner .account--shipping .panel--actions:after,
.confirm--content .checkout-box .inner .account--shipping .panel--actions:after,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .account--billing .panel--actions:after,
.confirm--content .checkout-box .inner .account--billing .panel--actions:after,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .billing--panel .panel--actions:after,
.confirm--content .checkout-box .inner .billing--panel .panel--actions:after,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .shipping--panel .panel--actions:after,
.confirm--content .checkout-box .inner .shipping--panel .panel--actions:after {
  content: "";
  display: table;
  clear: both;
}
.is--ctl-account.is--act-index .account--content .checkout-box .inner .account--shipping .panel--actions:before,
.confirm--content .checkout-box .inner .account--shipping .panel--actions:before,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .account--billing .panel--actions:before,
.confirm--content .checkout-box .inner .account--billing .panel--actions:before,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .billing--panel .panel--actions:before,
.confirm--content .checkout-box .inner .billing--panel .panel--actions:before,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .shipping--panel .panel--actions:before,
.confirm--content .checkout-box .inner .shipping--panel .panel--actions:before,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .account--shipping .panel--actions:after,
.confirm--content .checkout-box .inner .account--shipping .panel--actions:after,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .account--billing .panel--actions:after,
.confirm--content .checkout-box .inner .account--billing .panel--actions:after,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .billing--panel .panel--actions:after,
.confirm--content .checkout-box .inner .billing--panel .panel--actions:after,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .shipping--panel .panel--actions:after,
.confirm--content .checkout-box .inner .shipping--panel .panel--actions:after {
  display: table;
  content: "";
  line-height: 0;
}
.is--ctl-account.is--act-index .account--content .checkout-box .inner .account--shipping .panel--actions:after,
.confirm--content .checkout-box .inner .account--shipping .panel--actions:after,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .account--billing .panel--actions:after,
.confirm--content .checkout-box .inner .account--billing .panel--actions:after,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .billing--panel .panel--actions:after,
.confirm--content .checkout-box .inner .billing--panel .panel--actions:after,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .shipping--panel .panel--actions:after,
.confirm--content .checkout-box .inner .shipping--panel .panel--actions:after {
  clear: both;
}
.is--ctl-account.is--act-index .account--content .checkout-box .inner .information--panel-address .panel--actions,
.confirm--content .checkout-box .inner .information--panel-address .panel--actions {
  *zoom: 1;
  float: left;
  width: 100%;
}
.is--ctl-account.is--act-index .account--content .checkout-box .inner .information--panel-address .panel--actions:after,
.confirm--content .checkout-box .inner .information--panel-address .panel--actions:after {
  content: "";
  display: table;
  clear: both;
}
.is--ctl-account.is--act-index .account--content .checkout-box .inner .information--panel-address .panel--actions:before,
.confirm--content .checkout-box .inner .information--panel-address .panel--actions:before,
.is--ctl-account.is--act-index .account--content .checkout-box .inner .information--panel-address .panel--actions:after,
.confirm--content .checkout-box .inner .information--panel-address .panel--actions:after {
  display: table;
  content: "";
  line-height: 0;
}
.is--ctl-account.is--act-index .account--content .checkout-box .inner .information--panel-address .panel--actions:after,
.confirm--content .checkout-box .inner .information--panel-address .panel--actions:after {
  clear: both;
}
.is--ctl-account.is--act-index .account--content .information--panel-address .panel--actions,
.confirm--content .information--panel-address .panel--actions {
  margin-top: 20px;
}
.is--ctl-account.is--act-index .account--content .panel .panel--actions .btn.is--small,
.confirm--content .panel .panel--actions .btn.is--small {
  color: #616161;
  text-transform: none;
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: normal;
  text-decoration: underline;
  background: none;
  border: none;
  padding: 0;
  font-size: 16px;
}
.is--ctl-account.is--act-index .account--content .panel .panel--actions .btn.is--small:hover,
.confirm--content .panel .panel--actions .btn.is--small:hover {
  color: #ff4e3f;
}
.is--ctl-account.is--act-index .account--content .panel.account--payment .panel--actions .btn--password,
.confirm--content .panel.account--payment .panel--actions .btn--password,
.is--ctl-account.is--act-index .account--content .panel.account--info .panel--actions .btn--password,
.confirm--content .panel.account--info .panel--actions .btn--password {
  margin-right: 20px;
}
.is--ctl-account.is--act-index .account--content .payment--method-info .payment--title,
.confirm--content .payment--method-info .payment--title,
.is--ctl-account.is--act-index .account--content .shipping--method-info .shipping--title,
.confirm--content .shipping--method-info .shipping--title,
.is--ctl-account.is--act-index .account--content .payment--confirm-esd,
.confirm--content .payment--confirm-esd {
  display: none;
}
.is--ctl-account.is--act-index .account--content .table--actions,
.confirm--content .table--actions {
  margin-top: 10px;
}
.account--orders-overview .order--current-price,
.account--orders-overview .order--status-icon {
  display: none !important;
}
.account--orders-overview .column--date,
.account--orders-overview .column--id,
.account--orders-overview .column--dispatch,
.account--orders-overview .column--status,
.account--orders-overview .column--name {
  text-align: left !important;
}
.account--orders-overview .order--name {
  font-style: italic;
  font-weight: bold !important;
  text-transform: none;
  font-family: Georgia, serif;
  color: #000;
  font-size: 14px;
  line-height: 18px;
}
.account--orders-overview .column--status .column--value,
.account--orders-overview .order--dispatch .column--value {
  font-style: italic;
  font-weight: bold !important;
  text-transform: none;
  font-family: Georgia, serif;
  color: #000;
  font-size: 14px;
  line-height: 18px;
}
.account--orders-overview .column--actions {
  text-align: right !important;
}
.account--orders-overview .order--details {
  background: #fff;
  border: 2px solid #000;
  border-top-width: 1px;
  margin-bottom: 10px;
}
.account--orders-overview .order--details .panel--th {
  border: none !important;
}
.account--orders-overview .order--item.panel--tr {
  border-bottom: 1px solid #000;
}
.account--orders-overview .column--info-labels p,
.account--orders-overview .column--summary-labels p {
  font-size: 12px;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .register--content .account--shipping-form,
  .account--change-payment,
  .account--billing-form,
  .account--address-form,
  .account--content {
    width: 100%!important;
    max-width: 720px!important;
    margin-left: 1px;
    margin-right: 1px;
  }
  .account--password-reset {
    width: 100%;
  }
  .account--welcome {
    margin-bottom: 15px;
    font-size: 0.9em;
    text-align: center;
  }
  .is--ctl-account.is--act-index .account--content .checkout-box .inner .account--shipping,
  .confirm--content .checkout-box .inner .account--shipping,
  .is--ctl-account.is--act-index .account--content .checkout-box .inner .account--billing,
  .confirm--content .checkout-box .inner .account--billing,
  .is--ctl-account.is--act-index .account--content .checkout-box .inner .billing--panel,
  .confirm--content .checkout-box .inner .billing--panel,
  .is--ctl-account.is--act-index .account--content .checkout-box .inner .shipping-panel,
  .confirm--content .checkout-box .inner .shipping-panel {
    margin-bottom: 20px;
    float: left;
    width: 100%;
  }
  .confirm--content .panel .panel--actions .btn.is--small,
  .is--ctl-account.is--act-index .account--content .panel .panel--actions .btn.is--small,
  .checkout-box .panel--actions a {
    font-size: 12px;
  }
}
/* Counter Badges */
.badge.is--primary {
  color: #fff;
  border-color: #fff;
}
.badge.is--secondary {
  color: #fff;
  border-color: #fff;
}
.badge.is--minimal {
  border: 0 none;
}
.badge.cart--quantity,
.badge.notes--quantity {
  position: absolute;
  top: 5px;
  z-index: 10;
  color: #ff4e3f;
  font-style: italic;
  font-size: 14px;
  line-height: 14px;
}
@media only screen and (max-width: 767px) {
  .badge.cart--quantity,
  .badge.notes--quantity {
    font-size: 18px;
  }
}
.checkout-box {
  background: #fff;
  border: 2px solid #000;
  padding: 25px;
  position: relative;
  margin-bottom: 25px;
}
.checkout-box p {
  margin-bottom: 10px;
}
.checkout-box strong,
.checkout-box .panel--title {
  color: #000;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  font-size: 14px;
  font-style: bold;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.checkout-box .cta-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -99999px;
  background: none;
}
.checkout-box .panel--actions a {
  font-style: italic;
  text-decoration: underline;
  color: #616161;
  margin-right: 20px;
}
.checkout-box .panel--actions a:hover {
  color: #ff4e3f;
}
.advanced-menu {
  position: absolute;
  z-index: 1000;
  left: 0;
  right: 0;
  background: #dfded6;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) false false false false;
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) false false false false;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) false false false false;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.advanced-menu .menu--container {
  padding: 20px 0;
  overflow: hidden;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  display: none;
  max-height: 0;
  -ms-transition: max-height 0.2s ease-in 0.2s;
  -webkit-transition: max-height 0.2s ease-in 0.2s;
  -moz-transition: max-height 0.2s ease-in 0.2s;
  -o-transition: max-height 0.2s ease-in 0.2s;
  transition: max-height 0.2s ease-in 0.2s;
}
.advanced-menu .menu--container.menu--is-active {
  display: block;
  max-height: 1000px;
}
.advanced-menu .menu--container .button-container {
  display: none;
}
.advanced-menu .menu--container > .content--wrapper > ul > li {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 24px;
  margin: 0 10px;
}
.advanced-menu .menu--container > .content--wrapper > ul > li:first-child {
  margin-left: 0;
}
.advanced-menu .menu--container > .content--wrapper > ul > li:last-child {
  margin-right: 0;
}
.advanced-menu .menu--container > .content--wrapper > ul > li > a {
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  font-weight: bold;
  margin-bottom: 10px;
  display: inline-block;
}
.advanced-menu .menu--container > .content--wrapper > ul > li > a:hover,
.advanced-menu .menu--container > .content--wrapper > ul > li > a.active {
  color: #ff4e3f;
}
.advanced-menu .menu--container > .content--wrapper > ul > li > a .text {
  color: #000;
  display: block;
  max-width: 200px;
  font-size: 14px;
  font-family: Georgia, serif;
  font-weight: normal;
  text-transform: none;
  margin-top: 10px;
}
.advanced-menu .menu--container > .content--wrapper > ul > li > a .text p:first-child {
  min-height: 96px;
}
.advanced-menu .menu--container > .content--wrapper > ul > li > a:hover span {
  color: #000;
}
.advanced-menu .menu--container > .content--wrapper > ul > li > a img {
  display: block;
  margin: 15px auto 0;
  max-width: 176px;
}
.advanced-menu .menu--container > .content--wrapper > ul > li li a {
  text-decoration: none;
}
.advanced-menu .menu--container > .content--wrapper > ul > li li a.active {
  color: #ff4e3f;
}
.advanced-menu .menu--container:nth-child(1) {
  display: none !important;
}
.advanced-menu .menu--container:nth-child(2) .content--wrapper > ul > li {
  margin: 0 5px;
}
.advanced-menu .menu--container:nth-child(2) .content--wrapper > ul > li:first-child {
  margin-left: 0;
}
.advanced-menu .menu--container:nth-child(2) .content--wrapper > ul > li:last-child {
  margin-right: 0;
}
.advanced-menu .menu--container:nth-child(2) .content--wrapper > ul > li > a {
  margin-bottom: 1px;
  position: relative;
}
.advanced-menu .menu--container:nth-child(2) .content--wrapper > ul > li > a:after {
  display: none;
  content: ' ';
  width: 22px;
  height: 2px;
  background: #000;
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -11px;
}
.advanced-menu .menu--container:nth-child(3) .content--wrapper > ul > li img {
  width: 88px;
  height: 52px;
}
.advanced-menu .menu--container:nth-child(4) .content--wrapper > ul > li img {
  width: 66%;
  height: 66%;
}
.advanced-menu .menu--container:nth-child(4) .content--wrapper > ul .text {
  font-size: 12px;
  max-width: 150px;
}
.advanced-menu .menu--container:nth-child(5) .content--wrapper > ul > li img {
  width: 66%;
  height: 66%;
}
.advanced-menu .menu--container.menu--container--brands {
  max-width: 590px;
  margin: 0 auto;
}
.advanced-menu .menu--container.menu--container--brands .content--wrapper > ul > li {
  width: 88px;
  margin: 0 10px;
}
.advanced-menu .menu--container.menu--container--brands .content--wrapper > ul > li > a {
  margin-bottom: 1px;
}
.advanced-menu .menu--container.menu--container--brands .content--wrapper > ul > li > a span {
  padding-top: 10px;
}
@media screen and (min-width: 64em) {
  .advanced-menu .menu--container > .content--wrapper > ul > li {
    font-size: 14px;
  }
  .advanced-menu .menu--container:nth-child(2) .content--wrapper > ul > li {
    margin: 0 20px;
  }
  .advanced-menu .menu--container:nth-child(3) .content--wrapper > ul > li img {
    width: 176px;
    height: 104px;
  }
  .advanced-menu .menu--container:nth-child(4) .content--wrapper > ul > li img {
    width: auto;
    height: auto;
  }
  .advanced-menu .menu--container:nth-child(4) .content--wrapper > ul .text {
    font-size: 14px;
    max-width: 200px;
  }
  .advanced-menu .menu--container:nth-child(5) .content--wrapper > ul > li img {
    width: auto;
    height: auto;
  }
  .advanced-menu .menu--container:nth-child(6) .content--wrapper > ul > li img {
    width: auto;
    height: auto;
  }
  .advanced-menu .menu--container.menu--container--brands {
    max-width: 1030px;
    margin: 0 auto;
  }
  .advanced-menu .menu--container.menu--container--brands .content--wrapper > ul > li {
    width: 176px;
  }
  .advanced-menu .menu--container.menu--container--brands .content--wrapper > ul > li > a {
    margin-bottom: 20px;
  }
  .advanced-menu .menu--container.menu--container--brands .content--wrapper > ul > li > a span {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .advanced-menu {
    width: 100%;
  }
}
.btn {
  color: #fff;
  background: #ff4e3f;
  min-height: 42px;
  line-height: 42px;
  display: inline-block;
  padding: 0 30px;
  text-decoration: none;
  font-size: 12px;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  border: 0;
  vertical-align: top;
  -webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in, opacity 0.2s ease-in;
  -moz-transition: color 0.2s ease-in, background-color 0.2s ease-in, opacity 0.2s ease-in;
  -o-transition: color 0.2s ease-in, background-color 0.2s ease-in, opacity 0.2s ease-in;
  transition: color 0.2s ease-in, background-color 0.2s ease-in, opacity 0.2s ease-in;
}
.btn:hover {
  color: #fff;
  background: #262626;
  cursor: pointer;
}
.btn.is--large {
  min-height: 50px;
  line-height: 50px;
  font-size: 14px;
  letter-spacing: 1px;
}
.btn.is--medium {
  min-height: 50px;
  line-height: 50px;
  font-size: 14px;
  letter-spacing: 1px;
}
.btn.is--disabled {
  color: #ef4133;
}
.btn.is--secondary {
  color: #ff4e3f;
  background: #fff;
}
p.favbutton {
  margin-top: 5px;
  margin-bottom: 10px;
}
.btn.is--tertiary {
  background: #fff;
  color: #616161;
  border: 1px solid #dad9cf !important;
  border-style: inset;
  margin-left: 69px;
  padding: 0 28px;
}
.btn.is--tertiary:hover {
  color: #fff;
  background: #616161;
  border: 1px solid #616161 !important;
}
.btn.is--tertiary:hover:hover a {
  color: #fff;
  text-decoration: none;
}
.btn.is--tertiary a {
  color: #616161;
  text-decoration: none;
}
.btn.is--tertiary a:hover {
  color: #fff;
}
.btn--back-top-shop {
  display: none;
}
a.buynow,
a.buynow:hover {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.columns {
  *zoom: 1;
}
.columns:after {
  content: "";
  display: table;
  clear: both;
}
.columns:before,
.columns:after {
  display: table;
  content: "";
  line-height: 0;
}
.columns:after {
  clear: both;
}
.columns .col-left,
.columns .col-middle,
.columns .col-middle-left,
.columns .col-middle-right {
  float: left;
  min-height: 1px;
}
.columns .col-right {
  float: right;
  min-height: 1px;
}
.columns.columns-50-50 .col-left,
.columns.columns-50-50 .col-right {
  width: 50%;
}
.block-group.equal-heights {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.block-group.block-group-2 > .block,
.block-group.block-group-3 > .block {
  box-sizing: border-box;
  padding: 0 40px;
}
.block-group.block-group-2 > .block:first-child,
.block-group.block-group-3 > .block:first-child {
  padding-left: 0;
}
.block-group.block-group-2 > .block:last-child,
.block-group.block-group-3 > .block:last-child {
  padding-right: 0;
}
.block-group-2 > .block {
  width: 50%;
}
.block-group-3 > .block {
  width: 33.33333333%;
}
@media only screen and (max-width: 767px) {
  .block-group-3 > .block,
  .columns.columns-50-50 .col-left,
  .columns.columns-50-50 .col-right {
    width: 100%;
  }
  .columns.columns-50-50 .col-right {
    margin-top: 30px;
  }
}
.custom-page--content .custom-page--tab-headline {
  display: none;
}
.custom-page--content .content--custom {
  padding: 0 40px;
}
.custom-page--content .content--custom h1 {
  color: #000;
  font-size: 45px;
  font-style: normal;
  line-height: 50px;
  font-weight: bold;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  text-transform: uppercase;
  text-align: center;
  padding: 35px 0;
}
.custom-page--content .content--custom h1:before {
  display: none;
}
.custom-page--content .content--custom > p {
  text-align: center;
  font-style: italic;
  font-size: 20px;
  line-height: 30px;
  max-width: 630px;
  margin: 0 auto 50px;
}
.custom-page--content .content--custom > p:after {
  display: block;
  content: ' ';
  margin: 40px auto 0;
  width: 90px;
  height: 3px;
  background: #000;
  position: relative;
  bottom: 0;
}
.custom-page--content h2 {
  ont-size: 40px;
  line-height: 44px;
}
.custom-page--content .columns-50-50 .col-left h2,
.custom-page--content .columns-50-50 .col-right h2,
.custom-page--content .columns-50-50 .col-left h3,
.custom-page--content .columns-50-50 .col-right h3 {
  padding-top: 40px;
  border-top: 1px solid #d7d5cb;
  font-size: 16px;
  line-height: 22px;
  text-transform: none;
}
.custom-page--content .columns-50-50 .col-left h2:first-child,
.custom-page--content .columns-50-50 .col-right h2:first-child,
.custom-page--content .columns-50-50 .col-left h3:first-child,
.custom-page--content .columns-50-50 .col-right h3:first-child {
  border-top: none;
}
.custom-page--content .columns-50-50 .col-left p,
.custom-page--content .columns-50-50 .col-right p {
  color: #616161;
  margin-bottom: 40px;
}
.custom-page--content .columns-50-50 .col-left p:last-child,
.custom-page--content .columns-50-50 .col-right p:last-child {
  margin-bottom: 0;
}
.custom-page--content .columns-50-50 .col-left p a,
.custom-page--content .columns-50-50 .col-right p a {
  color: #ff4e3f;
  text-decoration: none;
}
.custom-page--content .columns-50-50 .col-left p a:hover,
.custom-page--content .columns-50-50 .col-right p a:hover {
  text-decoration: underline;
}
.custom-page--content .columns-50-50 .col-left {
  border-right: 1px solid #d7d5cb;
}
.custom-page--content .columns-50-50 .col-left h2,
.custom-page--content .columns-50-50 .col-left h3,
.custom-page--content .columns-50-50 .col-left p {
  padding-right: 40px;
}
.custom-page--content .columns-50-50 .col-right h2,
.custom-page--content .columns-50-50 .col-right h3,
.custom-page--content .columns-50-50 .col-right p {
  padding-left: 40px;
}
.custom-page--content .block-group-contact .kurator {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  min-height: 400px;
  width: 100%;
}
.vertikale-mitte {
  position: relative;
}
.vertikale-mitte::before {
  content: " ";
  display: inline-block;
  height: 100%;
  width: 1%;
  vertical-align: middle;
}
.vertikale-mitte p {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .custom-page--content .col-left {
    border-right: 0px!important;
  }
  .custom-page--content .col-left h2,
  .custom-page--content .col-left h3,
  .custom-page--content .col-left p {
    padding-right: 0px!important;
  }
  .custom-page--content .col-right h2,
  .custom-page--content .col-right h3,
  .custom-page--content .col-right p {
    padding-left: 0px!important;
  }
  .custom-page--content .content--custom {
    padding: 0 10px;
  }
}
.footer-main {
  padding-top: 80px;
}
.footer-main .footer-navigation {
  background: #262626;
  display: block;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  font-size: 0;
  line-height: 0;
  padding-top: 50px;
}
.footer-main .footer-navigation .canvas {
  max-width: 75rem;
  line-height: 0;
}
.footer-main .footer-navigation:after {
  content: "";
  display: table;
  clear: both;
}
.footer-main .footer-navigation:before,
.footer-main .footer-navigation:after {
  display: table;
  content: "";
  line-height: 0;
}
.footer-main .footer-navigation:after {
  clear: both;
}
.footer-main .footer-navigation .footer--column {
  width: 25%;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  vertical-align: top;
}
.footer-main .footer-navigation .footer--column .column--headline {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 32px;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
}
.footer-main .footer-navigation .footer--column .column--content li.navigation--entry {
  font-size: 15px;
  font-family: Georgia, serif;
  line-height: 24px;
}
.footer-main .footer-navigation .footer--column .column--content li.navigation--entry > a {
  color: #afafaf;
  text-decoration: none;
}
.footer-main .footer-navigation .footer--column .column--content li.navigation--entry > a:focus,
.footer-main .footer-navigation .footer--column .column--content li.navigation--entry > a:hover {
  color: #fff;
}
.footer-main .footer-social {
  background: #262626;
  *zoom: 1;
  padding-bottom: 30px;
  text-align: center;
}
.footer-main .footer-social:after {
  content: "";
  display: table;
  clear: both;
}
.footer-main .footer-social:before,
.footer-main .footer-social:after {
  display: table;
  content: "";
  line-height: 0;
}
.footer-main .footer-social:after {
  clear: both;
}
.footer-main .footer-social > .canvas {
  max-width: 75rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.footer-main .footer-social ul {
  text-align: center;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  margin: 0 auto;
  padding: 50px 15px 0;
  background: #262626;
}
.footer-main .footer-social ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}
.footer-main .footer-social ul li a {
  /*
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  */
  width: 53px;
  height: 53px;
  -webkit-border-radius: 53px;
  -moz-border-radius: 53px;
  border-radius: 53px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  display: block;
  line-height: 53px;
  text-align: center;
  color: #ffffff;
  background: #3d3d3d;
  font-size: 24px;
  text-decoration: none;
}
.footer-main .footer-social ul li a:before {
  display: block;
  line-height: 53px;
  text-align: center;
  color: #fff;
  background: #3d3d3d;
  font-size: 24px;
}
.footer-main .footer-social ul li a i {
  line-height: 53px;
}
.footer-main .footer-social ul li a i.icon--google-plus {
  padding-left: 5px;
}
.footer-main .footer-social ul li a:focus:before,
.footer-main .footer-social ul li a:hover:before {
  color: #262626;
  background: #fff;
}
.footer-main .footer-social .about {
  *zoom: 1;
  border-top: 1px solid #5e5e5e;
  margin-top: -30px;
  padding-top: 30px;
  height: 53px;
}
.footer-main .footer-social .about:after {
  content: "";
  display: table;
  clear: both;
}
.footer-main .footer-social .about:before,
.footer-main .footer-social .about:after {
  display: table;
  content: "";
  line-height: 0;
}
.footer-main .footer-social .about:after {
  clear: both;
}
.footer-main .footer-social .about p {
  margin: 0;
  color: #5e5e5e;
  font-size: 14px;
  line-height: 22px;
  float: right;
}
.footer-main .footer-social .about p:first-child {
  float: left;
}
.footer-main .column--newsletter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  display: none;
  margin: 0;
  background: #ff4e3f;
  padding-top: 25px;
  padding-bottom: 25px;
}
.footer-main .column--newsletter .canvas {
  max-width: 75rem;
}
.footer-main .column--newsletter h4,
.footer-main .column--newsletter p {
  float: left;
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.footer-main .column--newsletter h4 {
  font-weight: bold;
  font-size: 20px;
  max-height: 25px;
  height: 25px;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
}
.footer-main .column--newsletter p {
  font-style: italic;
  font-size: 20px;
  font-family: Georgia, serif;
  float: left;
  clear: left;
}
.footer-main .column--newsletter form {
  display: block;
  text-align: right;
  *zoom: 1;
}
.footer-main .column--newsletter form:after {
  content: "";
  display: table;
  clear: both;
}
.footer-main .column--newsletter form:before,
.footer-main .column--newsletter form:after {
  display: table;
  content: "";
  line-height: 0;
}
.footer-main .column--newsletter form:after {
  clear: both;
}
.footer-main .column--newsletter form input,
.footer-main .column--newsletter form button {
  background: none;
  border: 1px solid #fff;
  height: 50px;
  padding: 0 13px;
  color: #fff;
}
.footer-main .column--newsletter form input {
  width: 200px;
  font-size: 14px;
  border-right: none;
  padding: 0 13px;
  margin: 0;
}
.footer-main .column--newsletter form input:-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.footer-main .column--newsletter form input::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.footer-main .column--newsletter form input:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}
.footer-main .column--newsletter form input::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}
.footer-main .column--newsletter form input:focus {
  background: rgba(255, 255, 255, 0.1);
}
.footer-main .column--newsletter form button {
  font-size: 14px;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  border-left: 1px solid #ffaca5;
  margin-left: -5px;
}
.footer-main .column--newsletter form button:focus,
.footer-main .column--newsletter form button:hover {
  background: #262626;
}
@media only screen and (max-width: 767px) {
  p.txt {
    font-size: 10px!important;
    line-height: 12px!important;
  }
  .footer-main {
    margin-top: 25px!important;
    padding-top: 0px!important;
    padding-bottom: 35px;
    background: #262626;
  }
  .footer-main .column--newsletter h4,
  .footer-main .column--newsletter p,
  .footer-main .column--newsletter p.txt {
    float: left;
    text-align: left;
  }
  .footer-main .column--newsletter h4 {
    font-size: 15px;
    max-height: 21px;
  }
  .footer-main .column--newsletter p {
    font-size: 12.75px;
  }
  .footer-main .footer-social .about p:first-child {
    float: none;
    text-align: center;
    margin-top: 30px;
  }
  .footer-main .footer-navigation .footer--column {
    margin-bottom: 15px;
  }
  .footer-main .footer-navigation .footer--column .column--content li.navigation--entry {
    margin-top: 5px;
  }
  .footer-main .footer-navigation .footer--column .column--content li.navigation--entry > a {
    font-size: 18px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .footer-main .column--newsletter h4,
  .footer-main .column--newsletter p,
  .footer-main .column--newsletter p.txt {
    float: none;
    text-align: center;
  }
  .footer-main .column--newsletter form {
    display: block;
    text-align: center;
  }
  .footer-main .column--newsletter form input {
    width: 80%;
    float: none;
    margin-top: 12px;
    max-width: 420px;
  }
  .footer-main .column--newsletter form button {
    float: none;
    margin-top: 12px;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  .footer--column {
    width: 50% !important;
    text-align: center !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 480px) {
  .footer--column {
    width: 100%!important;
    text-align: center!important;
  }
  .footer-main .footer-navigation .footer--column .column--headline {
    margin-top: 15px;
  }
}
.header--navigation {
  position: relative;
  min-height: 100px;
}
.header--navigation .canvas {
  position: relative;
}
.header--navigation .navigation--entry {
  position: relative;
}
.header--navigation .navigation--entry:hover .container--ajax-cart,
.header--navigation .navigation--entry.active .container--ajax-cart,
.header--navigation .navigation--entry:hover .flyout-container,
.header--navigation .navigation--entry.active .flyout-container {
  display: block;
}
.header--navigation .container--ajax-cart,
.header--navigation .flyout-container {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10;
  overflow: hidden;
  color: #262626;
  font-size: 16px;
  line-height: 24px;
  background: #f5f5f5;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) false false false false;
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) false false false false;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) false false false false;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.header--navigation .container--ajax-cart .ajax--cart,
.header--navigation .flyout-container .ajax--cart {
  min-width: 200px;
}
.header--navigation .container--ajax-cart .ajax--cart,
.header--navigation .flyout-container .ajax--cart,
.header--navigation .container--ajax-cart .flyout-content,
.header--navigation .flyout-container .flyout-content {
  padding: 20px;
  text-align: center;
}
.header--navigation .container--ajax-cart .ajax--cart .buttons--off-canvas,
.header--navigation .flyout-container .ajax--cart .buttons--off-canvas,
.header--navigation .container--ajax-cart .flyout-content .buttons--off-canvas,
.header--navigation .flyout-container .flyout-content .buttons--off-canvas,
.header--navigation .container--ajax-cart .ajax--cart .prices--container,
.header--navigation .flyout-container .ajax--cart .prices--container,
.header--navigation .container--ajax-cart .flyout-content .prices--container,
.header--navigation .flyout-container .flyout-content .prices--container {
  display: none;
}
.header--navigation .container--ajax-cart .ajax--cart .button--container .button--checkout,
.header--navigation .flyout-container .ajax--cart .button--container .button--checkout,
.header--navigation .container--ajax-cart .flyout-content .button--container .button--checkout,
.header--navigation .flyout-container .flyout-content .button--container .button--checkout {
  display: none;
}
.header--navigation .container--ajax-cart .ajax--cart .cart--item .action--container,
.header--navigation .flyout-container .ajax--cart .cart--item .action--container,
.header--navigation .container--ajax-cart .flyout-content .cart--item .action--container,
.header--navigation .flyout-container .flyout-content .cart--item .action--container {
  display: none;
}
.header--navigation .container--ajax-cart .ajax--cart .cart--empty-text,
.header--navigation .flyout-container .ajax--cart .cart--empty-text,
.header--navigation .container--ajax-cart .flyout-content .cart--empty-text,
.header--navigation .flyout-container .flyout-content .cart--empty-text {
  display: block;
  padding: 30px 0 20px;
  margin: 0;
  width: 175px;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  font-weight: bold;
  font-size: 18px;
}
.header--navigation .container--ajax-cart .ajax--cart .btn,
.header--navigation .flyout-container .ajax--cart .btn,
.header--navigation .container--ajax-cart .flyout-content .btn,
.header--navigation .flyout-container .flyout-content .btn {
  margin-top: 15px;
  display: block;
  width: 100%;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 0 10px;
}
.header--navigation .container--ajax-cart .ajax--cart .btn:focus,
.header--navigation .flyout-container .ajax--cart .btn:focus,
.header--navigation .container--ajax-cart .flyout-content .btn:focus,
.header--navigation .flyout-container .flyout-content .btn:focus,
.header--navigation .container--ajax-cart .ajax--cart .btn:hover,
.header--navigation .flyout-container .ajax--cart .btn:hover,
.header--navigation .container--ajax-cart .flyout-content .btn:hover,
.header--navigation .flyout-container .flyout-content .btn:hover {
  color: #fff;
}
.header--navigation .container--ajax-cart .ajax--cart .alert,
.header--navigation .flyout-container .ajax--cart .alert {
  display: none;
}
.header--navigation .container--ajax-cart .ajax--cart .item--container,
.header--navigation .flyout-container .ajax--cart .item--container {
  display: table;
  margin-bottom: 10px;
  *zoom: 1;
}
.header--navigation .container--ajax-cart .ajax--cart .item--container:after,
.header--navigation .flyout-container .ajax--cart .item--container:after {
  content: "";
  display: table;
  clear: both;
}
.header--navigation .container--ajax-cart .ajax--cart .item--container:before,
.header--navigation .flyout-container .ajax--cart .item--container:before,
.header--navigation .container--ajax-cart .ajax--cart .item--container:after,
.header--navigation .flyout-container .ajax--cart .item--container:after {
  display: table;
  content: "";
  line-height: 0;
}
.header--navigation .container--ajax-cart .ajax--cart .item--container:after,
.header--navigation .flyout-container .ajax--cart .item--container:after {
  clear: both;
}
.header--navigation .container--ajax-cart .ajax--cart .item--container .cart--item,
.header--navigation .flyout-container .ajax--cart .item--container .cart--item {
  display: table-row;
}
.header--navigation .container--ajax-cart .ajax--cart .item--container .cart--item .thumbnail--container,
.header--navigation .flyout-container .ajax--cart .item--container .cart--item .thumbnail--container {
  display: table-cell;
  overflow: hidden;
  vertical-align: middle;
}
.header--navigation .container--ajax-cart .ajax--cart .item--container .cart--item .thumbnail--container .inner,
.header--navigation .flyout-container .ajax--cart .item--container .cart--item .thumbnail--container .inner {
  width: 70px;
  height: 70px;
  display: block;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
  vertical-align: middle;
}
.header--navigation .container--ajax-cart .ajax--cart .item--container .cart--item .thumbnail--container .inner img,
.header--navigation .flyout-container .ajax--cart .item--container .cart--item .thumbnail--container .inner img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  margin-top: 10px;
}
.header--navigation .container--ajax-cart .ajax--cart .item--container .cart--item .item--link,
.header--navigation .flyout-container .ajax--cart .item--container .cart--item .item--link {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
  text-align: left;
  text-decoration: none;
  min-width: 150px;
}
.header--navigation .container--ajax-cart .ajax--cart .item--container .cart--item .item--link:hover .item--name,
.header--navigation .flyout-container .ajax--cart .item--container .cart--item .item--link:hover .item--name {
  text-decoration: underline;
}
.header--navigation .container--ajax-cart .ajax--cart .item--container .cart--item .item--link .item--price,
.header--navigation .flyout-container .ajax--cart .item--container .cart--item .item--link .item--price,
.header--navigation .container--ajax-cart .ajax--cart .item--container .cart--item .item--link .item--quantity,
.header--navigation .flyout-container .ajax--cart .item--container .cart--item .item--link .item--quantity,
.header--navigation .container--ajax-cart .ajax--cart .item--container .cart--item .item--link .action--container,
.header--navigation .flyout-container .ajax--cart .item--container .cart--item .item--link .action--container {
  display: none;
}
.header--navigation .container--ajax-cart .ajax--cart .item--container .cart--item .item--link .item--name,
.header--navigation .flyout-container .ajax--cart .item--container .cart--item .item--link .item--name {
  color: #000;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
}
.header--navigation .container--ajax-cart .ajax--cart .item--container .cart--item .item--link .item--brand,
.header--navigation .flyout-container .ajax--cart .item--container .cart--item .item--link .item--brand {
  color: #8d8d8d;
  font-size: 12px;
  border-bottom: 1px solid #f5f5f5;
  line-height: 16px;
  display: block;
  margin-top: 4px;
}
.header--navigation .container--ajax-cart.flyout-login,
.header--navigation .flyout-container.flyout-login {
  min-width: 232px;
}
.header--navigation .container--ajax-cart.flyout-login fieldset,
.header--navigation .flyout-container.flyout-login fieldset {
  padding: 10px;
}
.header--navigation .container--ajax-cart.flyout-login fieldset label,
.header--navigation .flyout-container.flyout-login fieldset label {
  display: block;
  padding: 0;
  float: none;
}
.header--navigation .container--ajax-cart.flyout-login fieldset label input,
.header--navigation .flyout-container.flyout-login fieldset label input {
  width: 172px;
  height: 34px;
  margin-bottom: 10px;
}
.header--navigation .container--ajax-cart.flyout-login fieldset .btn,
.header--navigation .flyout-container.flyout-login fieldset .btn {
  margin-bottom: 20px;
}
.header--navigation .container--ajax-cart.flyout-login .password,
.header--navigation .flyout-container.flyout-login .password {
  color: #afafaf;
  text-decoration: none;
  font-size: 14px;
  font-style: italic;
  line-height: 14px;
  display: block;
  margin-top: 20px;
}
.header--navigation .container--ajax-cart.flyout-login .password:hover,
.header--navigation .flyout-container.flyout-login .password:hover {
  color: #000;
}
.header--navigation .container--ajax-cart.flyout-login .password.last:before,
.header--navigation .flyout-container.flyout-login .password.last:before {
  display: block;
  content: ' ';
  margin: 5px auto 0;
  width: 26px;
  height: 1px;
  background: #afafaf;
  position: relative;
  top: -10px;
}
.header--navigation.active .flyout-container,
.header--navigation:focus .flyout-container,
.header--navigation:hover .flyout-container {
  overflow: hidden;
  overflow-y: auto;
  max-height: 500px;
}
.register--login-autologin {
  margin: 0px;
}
label.autologin {
  float: left!important;
  color: #999999!important;
  font-size: 0.8em!important;
  font-style: italic;
}
@media only screen and (max-width: 767px) {
  .header--navigation .navigation--entry:hover .container--ajax-cart,
  .header--navigation .navigation--entry.active .header--navigation .navigation--entry.focus .container--ajax-cart,
  .header--navigation .navigation--entry:hover .flyout-container,
  .header--navigation .navigation--entry.active .header--navigation .navigation--entry.focus .flyout-container {
    display: none;
  }
}
.header-main {
  z-index: 100;
  background: #262626;
  top: 0;
  left: 0;
  right: 0;
}
.header-main .logo--shop-block h1 {
  font-size: 2em;
  text-indent: -9999px;
  overflow: hidden;
}
.header-main .logo--link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: inline-block;
  width: 260px;
  height: 100px;
  /*
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  */
  -ms-transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  background: transparent url('../img/logo.svg') center center no-repeat;
}
/*
Off-canvas menu button
=======================================
Defines the styling of the off-canvas menu trigger button that is used for the shopping off-canvas cart.

The Shopware 5 off-canvas menu can be enabled/disabled inside the Shopware backend.

The functionality is provided by the `jquery.off-canvas-button.js` file.
*/
.js--off-canvas-button {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  border-radius: 3px;
  background-clip: padding-box;
  position: relative;
  border: 1px solid #dadae5;
  cursor: pointer;
  display: block;
}
.js--off-canvas-button .tab--header {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  position: relative;
}
.js--off-canvas-button .tab--title:after {
  font-size: 12px;
  font-size: 0.75rem;
  right: 5px;
  right: 0.3125rem;
  margin-top: -6px;
  margin-top: -0.375rem;
  content: "\e60f";
}
.js--off-canvas-button .tab--preview {
  display: block;
}
.js--off-canvas-button .tab--preview p:last-child {
  margin-bottom: 0;
}
.js--off-canvas-button .tab--content {
  cursor: default;
}
.js--off-canvas-button:hover .tab--title {
  color: #D9400B;
}
/* Off-canvas menu - The functionality is provided by the `jquery.off-canvas-menu.js` file. */
.off-canvas {
  -ms-transition: all 0.45s cubic-bezier(0.3, 0, 0.15, 1);
  -webkit-transition: all 0.45s cubic-bezier(0.3, 0, 0.15, 1);
  -moz-transition: all 0.45s cubic-bezier(0.3, 0, 0.15, 1);
  -o-transition: all 0.45s cubic-bezier(0.3, 0, 0.15, 1);
  transition: all 0.45s cubic-bezier(0.3, 0, 0.15, 1);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 280px;
  width: 17.5rem;
  background: #fff;
  position: fixed;
  top: 0;
  bottom: 0;
  display: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 8000;
}
.off-canvas.is--left {
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  left: 0;
}
.off-canvas.is--right {
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  right: 0;
}
.off-canvas.is--active {
  display: block;
}
.off-canvas.is--open {
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  z-index: 999999;
  width: 100%;
  background: #222222;
}
.off-canvas.is--full-screen {
  width: 90%;
  height: 100%;
}
.off-canvas.no--transitions {
  -ms-transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.off-canvas .buttons--off-canvas {
  display: block;
}
.off-canvas .navigation--smartphone {
  min-height: 50px;
}
.off-canvas .close--off-canvas {
  padding: 2px 10px 2px 10px;
  padding: 0.125rem 0.625rem 0.125rem 0.625rem;
  line-height: 38px;
  line-height: 2.375rem;
  background-color: #5F7285;
  background-image: linear-gradient(to bottom, #5F7285 0%, #3f4c58 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5F7285), color-stop(1, #3f4c58));
  background-image: -webkit-linear-gradient(top, #5F7285, #3f4c58);
  background-image: -moz-linear-gradient(top, #5F7285, #3f4c58);
  background-image: -ms-linear-gradient(top, #5F7285, #3f4c58);
  background-image: -o-linear-gradient(top, #5F7285, #3f4c58);
  background-image: linear-gradient(top, bottom, #5F7285, #3f4c58);
  *zoom: 1;
  display: block;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
.off-canvas .close--off-canvas:after {
  content: "";
  display: table;
  clear: both;
}
.off-canvas .close--off-canvas:before,
.off-canvas .close--off-canvas:after {
  display: table;
  content: "";
  line-height: 0;
}
.off-canvas .close--off-canvas:after {
  clear: both;
}
.off-canvas .close--off-canvas .icon--arrow-left {
  margin: 0px 10px 0px 0px;
  margin: 0rem 0.625rem 0rem 0rem;
  font-size: 11px;
  font-size: 0.6875rem;
}
.off-canvas .link--go-main {
  font-size: 16px;
  font-size: 1rem;
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  height: 42px;
  height: 2.625rem;
  display: block;
  width: 100%;
  display: none;
}
.off-canvas .link--go-main .icon--menu {
  font-size: 20px;
  font-size: 1.25rem;
  margin-right: 10px;
  margin-right: 0.625rem;
  float: left;
}
.off-canvas .sidebar--navigation .navigation--link {
  padding: 2px 10px 2px 10px;
  padding: 0.125rem 0.625rem 0.125rem 0.625rem;
  line-height: 38px;
  line-height: 2.375rem;
}
.off-canvas .sidebar--navigation .navigation--link .is--icon-right {
  margin-top: 0;
}
.off-canvas .sidebar--navigation .navigation--link .is--icon-left {
  margin: 0px 10px 0px 0px;
  margin: 0rem 0.625rem 0rem 0rem;
  float: left;
}
.buttons--off-canvas {
  display: none;
}
.page-wrap {
  -ms-transition: left 400ms cubic-bezier(0.16, 0.04, 0.14, 1);
  -webkit-transition: left 400ms cubic-bezier(0.16, 0.04, 0.14, 1);
  -moz-transition: left 400ms cubic-bezier(0.16, 0.04, 0.14, 1);
  -o-transition: left 400ms cubic-bezier(0.16, 0.04, 0.14, 1);
  transition: left 400ms cubic-bezier(0.16, 0.04, 0.14, 1);
  position: relative;
  left: 0;
}
.navigation--smartphone .navigation--entry {
  padding: 12px 10px 12px 10px;
  padding: 0.75rem 0.625rem 0.75rem 0.625rem;
  background: #fff;
}
.navigation--smartphone .navigation--link {
  display: block;
}
.navigation--smartphone .entry--close-off-canvas {
  background: #000000;
  padding: 2px 10px 2px 10px;
  padding: 0.125rem 0.625rem 0.125rem 0.625rem;
  line-height: 45px;
  line-height: 2.8125rem;
}
.navigation--smartphone .entry--close-off-canvas .navigation--link {
  *zoom: 1;
  font-size: 18px;
  font-size: 1.125rem;
  color: #f8f8fa;
  font-weight: normal;
  font-family: "Century Gothic WGL W01 Bold", "Century Gothic", Arial, sans;
  text-transform: uppercase;
  text-decoration: none;
}
.navigation--smartphone .entry--close-off-canvas .navigation--link:after {
  content: "";
  display: table;
  clear: both;
}
.navigation--smartphone .entry--close-off-canvas .navigation--link:before,
.navigation--smartphone .entry--close-off-canvas .navigation--link:after {
  display: table;
  content: "";
  line-height: 0;
}
.navigation--smartphone .entry--close-off-canvas .navigation--link:after {
  clear: both;
}
.navigation--smartphone .entry--close-off-canvas .navigation--link:active {
  color: #F5F5F8;
}
.navigation--smartphone .entry--close-off-canvas .icon--menu {
  margin: 12px 0px 0px 0px;
  margin: 0.75rem 0rem 0rem 0rem;
  font-size: 16px;
  font-size: 1rem;
  float: right;
}
.navigation--headline,
.sidebar--navigation {
  margin: 0px 10px 0px 10px;
  margin: 0rem 0.625rem 0rem 0.625rem;
}
.navigation--headline {
  margin: 16px 10px 6px 10px;
  margin: 1rem 0.625rem 0.375rem 0.625rem;
  line-height: 26px;
  line-height: 1.625rem;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  color: #ffffff;
  display: none;
  font-size: 1.2em;
}
.sidebar--navigation {
  border-radius: 3px;
  background-clip: padding-box;
  background: #222222;
}
.sidebar--navigation .navigation--entry {
  border-top: 1px solid #333333;
  padding-top: 6px;
  padding-bottom: 6px;
}
.sidebar--navigation .navigation--entry:last-child {
  border-bottom: 1px solid #333333;
}
.sidebar--navigation .navigation--link {
  color: #ffffff;
  font-family: "Century Gothic WGL W01 Regular", "Century Gothic", Arial, sans;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.2em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar--navigation .icon--arrow-right:before {
  margin-left: 5px;
  font-size: 0.9em;
}
.overlay--category {
  margin-left: 20px;
  height: 45px;
  padding-top: 10px;
  font-weight: 700;
  display: none;
}
.overlay--category a {
  text-decoration: none;
}
@media screen and (min-width: 48em) {
  .off-canvas {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -ms-transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    display: block;
    background: transparent;
    position: relative;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
    z-index: 10;
  }
  .off-canvas .sidebar--navigation .navigation--link {
    padding: 10px 10px 10px 10px;
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
    line-height: inherit;
  }
  .off-canvas .account--menu .navigation--link {
    padding: 5px 0px 5px 0px;
    padding: 0.3125rem 0rem 0.3125rem 0rem;
    line-height: inherit;
  }
  .sidebar-main .entry--close-off-canvas {
    display: none;
  }
  .sidebar-main .icon--arrow-right,
  .sidebar-main .icon--arrow-left {
    display: none;
  }
}
.navigation-main,
.steps--container {
  background: #fff;
  position: relative;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
  z-index: 9;
}
.navigation-main .canvas {
  width: 100%;
}
.navigation-main .navigation--list-wrapper > ul {
  font-size: 0;
  line-height: 0;
  text-align: center;
  margin-bottom: 0;
}
.navigation-main .navigation--list-wrapper > ul > li {
  display: inline-block;
  vertical-align: top;
}
.navigation-main .navigation--list-wrapper > ul > li > a {
  display: block;
  padding: 0 14px;
  color: #8d8d8d;
  font-weight: bold;
  font-size: 14px;
  line-height: 45px;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  -ms-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.navigation-main .navigation--list-wrapper > ul > li > a.is--active {
  color: #000;
}
.navigation-main .navigation--list-wrapper > ul > li > a:focus,
.navigation-main .navigation--list-wrapper > ul > li > a:hover {
  background-color: #dfded6;
  color: #000;
}
.navigation-main .navigation--list-wrapper > ul > li > a.has-label span {
  top: 15px;
}
.navigation-main .navigation--list-wrapper > ul > li.entry--search.is--open a {
  background-color: #dfded6;
  color: #000;
}
.navigation-main .navigation--list-wrapper > ul > li:first-child {
  background: #262626;
}
.navigation-main .navigation--list-wrapper > ul > li:first-child a {
  color: #fff;
  background: none;
}
.navigation-main .navigation--list-wrapper > ul > li:first-child:hover a {
  background-color: #dfded6;
  color: #000;
}
.navigation-main .toggle-search {
  display: block;
  height: 45px;
  padding: 0 14px;
  color: #8d8d8d;
  font-weight: bold;
  font-size: 14px;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.navigation-main .toggle-search:before {
  color: #8d8d8d;
  text-align: center;
  font-size: 16px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}
.navigation-main .toggle-search.is--active,
.navigation-main .toggle-search:hover {
  background-color: #dfded6;
  color: #000;
}
.navigation-main .toggle-search.is--active:before,
.navigation-main .toggle-search:hover:before {
  color: #000;
}
@media screen and (min-width: 56.25em) and (max-width: 64em) {
  .navigation-main .navigation--list-wrapper > ul > li > a {
    font-size: 13px!important;
    padding: 0 10px!important;
  }
}
@media screen and (min-width: 48em) and (max-width: 56.25em) {
  .navigation-main .navigation--list-wrapper > ul > li > a {
    font-size: 11px!important;
    padding: 0 8px!important;
    letter-spacing: 0px!important;
  }
}
@media only screen and (min-width: 768px) {
  .burger-button,
  .offcanvas,
  .sidebar-main {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .burger-button {
    display: inline-block;
    position: fixed;
    left: 0px;
    top: 0px;
  }
  .burger-button .shop--navigation li > a {
    font-size: 0px;
  }
  a.entry--link.entry--trigger.btn {
    background: #000000;
  }
  span.search--display {
    display: none;
  }
  .navigation-main .navigation--list-wrapper > ul > li {
    display: none;
  }
  .advanced-menu .menu--container.menu--is-active {
    max-height: 55px;
    position: fixed;
    top: 0px;
    width: 100%;
    background: #333333;
    padding-top: 5px;
  }
  .advanced-menu .menu--container {
    padding: 15px 0;
  }
}
.panel--paging {
  margin-top: 40px;
  width: 100%;
  display: inline-block;
}
.pagination {
  text-align: center;
  margin: 0 auto;
}
.pagination .paging--link {
  text-decoration: none;
  width: 32px;
  display: inline-block;
  -ms-transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.pagination .paging--link i {
  font-size: 30px;
  color: #afafaf;
  -ms-transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.pagination .paging--link i:hover {
  color: #ff4e3f;
}
.pagination .paging--link:hover i {
  color: #000;
}
.pagination .pagination-sep {
  width: 80px;
  height: 55px;
  background: url("../img/pagination_products.png");
  z-index: 1;
  position: absolute;
  left: 20px;
}
.pagination .display {
  position: relative;
  top: 14px;
  margin: 0 60px;
  width: 80px;
  height: 56px;
  display: inline-block;
}
.pagination .display strong {
  font-size: 60px;
  line-height: 56px;
  font-weight: bold;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  position: absolute;
  top: -5px;
  left: -60px;
  text-align: right;
  min-width: 120px;
  z-index: 0;
  display: block;
}
.pagination .display span {
  font-size: 30px;
  line-height: 56px;
  font-style: italic;
  position: absolute;
  bottom: -16px;
  right: 25px;
  z-index: 2;
  color: #afafaf;
  right: 0px;
}
.pagination .display img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.product--box {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  min-width: 240px;
  width: 100%;
  height: 360px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  border-right: 1px;
  border-bottom: 1px;
  border-color: #e8e7e0;
  border-style: solid;
  border-left: 0px;
  border-top: 0px;
}
.product--box.cta .box--content {
  background: #ff4e3f !important;
}
.product--box.cta:hover {
  color: inherit;
}
.product--box.cta .description {
  top: 150px;
}
.product--box.cta .description .search-result--link {
  color: #fff;
  display: block;
}
.product--box a {
  outline: none;
}
.product--box .box--content {
  height: 100%;
  position: relative;
  background: #fff;
}
.product--box .product--image {
  height: 180px;
  margin: 0px 0px 5px 0px;
  display: block;
  text-align: center;
  display: table;
}
.product--box .product--image .image--element {
  display: block;
  margin: 0 auto;
  position: relative;
  vertical-align: middle;
  height: 0;
  width: 100%;
  padding-bottom: 75%;
}
.product--box .product--image .image--element img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 0px;
}
.product--box .product--image {
  width: 100%;
  height: 220px;
}
.product--box .product--image span {
  display: block;
}
.product--box .product--title,
.product--box .search-result--link {
  padding: 0 18px 3px;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  text-transform: uppercase;
  word-break: break-word;
  white-space: normal;
  border: 0;
  margin: 0;
}
.product--box .product--title a:hover,
.product--box .search-result--link a:hover {
  color: #000;
}
.product--box .product--title:before,
.product--box .search-result--link:before {
  display: none;
}
.product--box .product--details,
.product--box .description {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
}
.product--box .product--details p,
.product--box .description p {
  margin: 0;
}
.product--box .product--details p:before,
.product--box .description p:before {
  display: none;
}
.product--box .product--details a,
.product--box .description a {
  display: block;
  text-decoration: none;
}
.product--box .product--details .product--brand,
.product--box .description .product--brand {
  padding: 0 20px;
  display: block;
  color: #8d8d8d;
  font-size: 14px;
  line-height: 18px;
  min-height: 25px;
}
.product--box .product--details .product--price,
.product--box .description .product--price {
  display: block;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  font-size: 12px;
  font-weight: bold;
  line-height: 40px;
  color: #000;
}
.product--box .product--details .price--unit,
.product--box .description .price--unit {
  color: #8d8d8d;
  font-size: 10px;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  line-height: 18px;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
}
.product--box .cta {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  display: block;
  background: #ff4e3f;
  -ms-transition: height 0.2s ease-in;
  -webkit-transition: height 0.2s ease-in;
  -moz-transition: height 0.2s ease-in;
  -o-transition: height 0.2s ease-in;
  transition: height 0.2s ease-in;
}
.product--box:hover .cta {
  height: 5px;
}
.product--box.product-magazine {
  height: 439px;
}
.product--box.product-magazine .item-image div img {
  max-height: 326px;
  max-width: 239px;
}
.product--box.product-magazine .description .product--brand {
  min-height: 30px;
}
.product--box .product--header {
  overflow: visible;
  display: none;
}
.product--box .product--header .product--title {
  text-align: left;
  font-size: 60px;
  line-height: 60px;
  padding: 50px 0 25px;
}
.product--box .product--header .item-brand {
  text-transform: uppercase;
  font-size: 14px;
  font-family: Georgia, serif;
  font-style: italic;
}
.product--box .product--header .item-price,
.product--box .product--header .product--price {
  text-transform: uppercase;
  font-size: 14px;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  font-weight: bold;
}
.product--box .product--header .cta {
  position: relative;
  display: inline-block;
}
.product--box .product--actions {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 23px;
  visibility: hidden;
  opacity: 0;
  font-size: 16px;
  -ms-transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.product--box .product--actions a {
  color: #e3e3e3;
  text-decoration: none;
}
.product--box .product--actions .action--note span {
  display: none;
}
.product--box .product--actions:hover a {
  color: #000 !important;
}
.product--box:hover .product--actions {
  visibility: visible;
  opacity: 1;
}
.detail-error--listing.listing .product--box {
  width: 24.5%;
}
@media only screen and (min-width: 450px) and (max-width: 800px) {
  .detail-error--listing.listing .product--box {
    width: 49%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 449px) {
  .detail-error--listing.listing .product--box {
    width: 100%;
  }
}
@media only screen and (max-width: 400px) {
  .product--title,
  .search-result--link {
    font-size: 15px!important;
    line-height: 20px;
  }
}
@media only screen and (min-width: 401px) and (max-width: 509px) {
  .product--title,
  .search-result--link {
    font-size: 16px;
    line-height: 22px;
  }
}
.product--details-ajax-update {
  /* ul/li compatibility */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
  /* ul/li compatibility */
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-bottom: 24px;
  margin-top: 40px;
}
.product--details-ajax-update:after {
  content: "";
  display: table;
  clear: both;
}
.product--details-ajax-update:before,
.product--details-ajax-update:after {
  display: table;
  content: "";
  line-height: 0;
}
.product--details-ajax-update:after {
  clear: both;
}
.product--details-ajax-update .col-left {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
  background: #fff;
}
.product--details-ajax-update .product-images {
  background: #fff;
  position: relative;
  overflow: hidden;
}
.product--details-ajax-update .col-right {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding-left: 50px;
}
.product--details-ajax-update .first-column,
.product--details-ajax-update .product-descriptions {
  width: 60%;
}
.product--details-ajax-update .second-column {
  width: 40%;
  float: right;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .product--details-ajax-update .first-column,
  .product--details-ajax-update .product-descriptions {
    width: 58%;
  }
  .product--details-ajax-update .second-column {
    width: 42%;
  }
  .product--details-ajax-update .col-right {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
    padding-left: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .product--details-ajax-update .first-column,
  .product--details-ajax-update .product-descriptions,
  .product--details-ajax-update .second-column {
    width: 50%;
  }
  .product--details-ajax-update .col-right {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
    padding-left: 40px;
  }
  .product--details-ajax-update .btn.is--large {
    padding: 0 18px;
  }
  .product--details-ajax-update .btn.is--tertiary {
    padding: 0 16px;
  }
  .product--details-ajax-update .product--detail-upper h1 {
    font-size: 28px;
    line-height: 32px;
  }
}
@media screen and (max-width: 767px) {
  .product--details-ajax-update .first-column {
    margin-top: -20px !important;
  }
  .product--details-ajax-update .first-column,
  .product--details-ajax-update .second-column,
  .product--details-ajax-update .product-descriptions {
    width: 100%;
    float: left;
  }
  .product--details-ajax-update .product--sticky {
    position: relative !important;
    top: auto !important;
    width: auto !important;
  }
  .product--details-ajax-update .qvest-text-story,
  .product--details-ajax-update .qvest-text-technical {
    padding-bottom: 10px;
  }
  .product--details-ajax-update .col-right {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
    padding-left: 0px;
  }
}
.product--details-ajax-update.product-details-magazine .col-left {
  background: transparent;
}
.qvest-text-story,
.qvest-text-technical {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding-bottom: 20px;
}
.qvest-text-additional {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
}
.content--description {
  color: #616161;
}
.content--description i,
.content--description em {
  font-family: inherit !important;
  font-style: italic !important;
}
.content--description .content--title {
  color: #000;
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  font-family: Georgia, serif;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 0px;
  text-align: center;
  padding: 35px 0;
}
.content--description .content--title:before {
  display: block;
  content: ' ';
  margin: 50px auto 0;
  width: 90px;
  height: 3px;
  background: #000;
  position: relative;
  top: -35px;
}
.content--description .product--description table.contenttable {
  width: 100% !important;
}
.content--description .product--description figure > img {
  margin: 0 auto;
}
.content--description .product--description ul {
  list-style: disc;
  margin-left: 15px;
}
.content--description .product--description em {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.content--description p {
  color: #616161;
}
.content--description table {
  width: 100%;
  border: 1px solid #cdccc5;
}
.content--description table tr td {
  padding: 10px 15px;
  text-align: right;
  border-top: 1px solid #cdccc5;
  vertical-align: top;
}
.content--description table tr td:first-child {
  color: #616161;
  text-align: left;
}
.content--description table tr td:first-child td {
  border-top: 0;
}
.tab-menu--cross-selling .content--title {
  color: #000;
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  font-family: Georgia, serif;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 0px;
  text-align: center;
  padding: 35px 0;
}
.tab-menu--cross-selling .content--title:before {
  display: block;
  content: ' ';
  margin: 50px auto 0;
  width: 90px;
  height: 3px;
  background: #000;
  position: relative;
  top: -35px;
}
.product--detail-upper .product--price,
.product--detail-upper .item-terms {
  width: 100%!important;
}
.product--detail-upper .product--price {
  font-size: 1.75em!important;
  padding-bottom: 15px!important;
}
.product--detail-upper .item-terms {
  padding-bottom: 30px!important;
  width: 100%!important;
}
.product--detail-upper .cta-cart {
  text-align: center!important;
  margin: 0!important;
}
.entry--sku {
  display: none;
}
.product--detail-upper h1 {
  font-size: 32px;
  line-height: 36px;
  text-align: center;
  padding: 0 10px 5px;
  word-wrap: break-word;
  text-overflow: ellipsis;
}
.product--detail-upper .product--supplier > a {
  display: block;
  height: 100px;
}
.product--detail-upper .product--supplier > a > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 150px;
  max-height: 100px;
}
.product--detail-upper .item-brand {
  text-transform: uppercase;
  font-size: 14px;
  font-family: Georgia, serif;
  font-style: italic;
}
.product--detail-upper .product--info {
  color: #616161;
  text-align: center;
  padding: 0 10px;
}
.product--detail-upper .product--info:after {
  content: '';
  display: none;
}
.product--detail-upper .item-terms {
  color: #616161;
  font-style: italic;
  font-size: 14px;
  line-height: 20px;
  float: left;
  width: 60%;
  padding-left: 10px;
}
.product--detail-upper .item-terms a {
  text-decoration: none;
  color: #379920;
}
.product--detail-upper .item-terms a:hover {
  text-decoration: underline;
}
.product--detail-upper .product--price {
  width: 40%;
  text-align: right;
  float: right;
  font-size: 18px;
  line-height: 22px;
  padding-right: 10px;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  font-weight: bold;
}
.product--detail-upper .product--tax,
.product--detail-upper .product--shipping,
.product--detail-upper .qvest-best-price,
.product--detail-upper .deliverable1 {
  background-image: url("../img/green-tick.png");
  background-position: 0px 2px;
  padding-left: 20px;
  background-repeat: no-repeat;
  color: #379920;
  margin-bottom: 0;
}
.product--detail-upper .product--tax a,
.product--detail-upper .product--shipping a,
.product--detail-upper .qvest-best-price a,
.product--detail-upper .deliverable1 a {
  text-decoration: none;
  color: #379920 !important;
}
.product--detail-upper .product--tax a:hover,
.product--detail-upper .product--shipping a:hover,
.product--detail-upper .qvest-best-price a:hover,
.product--detail-upper .deliverable1 a:hover {
  text-decoration: underline;
}
.product--detail-upper .product--delivery .delivery--text {
  background-image: url("../img/green-tick.png");
  background-position: 0px 2px;
  padding-left: 20px;
  background-repeat: no-repeat;
  color: #379920;
  color: #6b6a64;
}
.product--detail-upper .product--delivery p {
  margin-bottom: 0;
}
.product--detail-upper .product--delivery .delivery--text-available {
  color: #379920 !important;
}
.product--detail-upper .price--unit {
  width: 40%;
  text-align: right;
  float: right;
  color: #616161;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  font-size: 12px !important;
  line-height: 22px;
  padding-right: 10px;
  font-weight: normal;
}
.product--detail-upper .cta-cart {
  margin-left: 30px;
}
.product--detail-upper .configurator--form {
  line-height: 0;
  margin-bottom: 15px;
}
.product--detail-upper .configurator--form > * {
  line-height: auto;
}
.product--detail-upper .configurator--form .configurator--label,
.product--detail-upper .configurator--form label {
  line-height: 22px;
  padding-right: 0;
  position: relative;
  margin: 0;
  z-index: 10;
}
.product--detail-upper .configurator--form .configurator--label > span,
.product--detail-upper .configurator--form label > span {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #616161;
}
.product--detail-upper .configurator--form .js--fancy-select {
  border: 1px solid transparent;
  border-bottom: 1px solid #cdccc5;
  width: 100%;
  /*
      .js--fancy-select-text, span {
        width: 100%;
        text-align: right;
        padding-right: 0;
        padding: 0rem 0.5rem 0rem 6.625rem;
        background: none;
        border: 0;
        color: @grayMedium;
      }
      &.active {
        border-color: @black;
        background-color: rgba(255,255,255,0.3);
      }

      &:hover {
        border-color: @black;
        background-color: rgba(255,255,255,0.3);

        .js--fancy-select-text, span {
          color: @black;
        }
      }
      */
}
.product--detail-upper .configurator--form .js--fancy-select:first-child {
  border-top: 1px solid #cdccc5;
}
.product--detail-upper .configurator--form .js--fancy-select select {
  direction: rtl;
  margin-bottom: 0;
}
@media only screen and (max-width: 378px) {
  .product--detail-upper .item-terms {
    font-size: 12px;
    padding-left: 0px;
    padding-bottom: 20px!important;
  }
  button.buybox--button {
    padding: 0 18px!important;
    font-size: 12px!important;
  }
  .btn.is--tertiary {
    padding: 0 13px!important;
    font-size: 12px!important;
  }
  .product--buybox .buybox--inner {
    padding-top: 15px!important;
    padding-left: 12px!important;
    padding-right: 12px!important;
    padding-bottom: 15px!important;
  }
}
/* Streichpreise  */
.product--price .price--default.is--discount {
  color: #ff4c37;
}
.product--price .price--discount {
  color: #000000;
  text-decoration: line-through;
}
.product-details.product-details-extended .product--price .price--default.is--discount {
  font-size: 18px;
}
.product-details.product-details-extended .product--price .price--discount {
  font-size: 14px;
}
.product--price {
  font-size: 14px;
  letter-spacing: 1px;
}
.product--price .price--discount-percentage {
  display: none;
}
.product--price.is--discount,
.product--price.price--discount {
  color: #ff4c37;
}
.product--price .price--line-through {
  color: #000000;
  text-decoration: line-through;
  font-size: 14px;
}
.product--table .error-message {
  margin-bottom: 50px;
}
.product--table .table--header {
  border-top: 3px solid #000;
  border-bottom: 1px solid #000;
}
.product--table .table--header .panel--th {
  font-size: 12px;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.product--table .column--unit-price,
.product--table .column--total-price {
  font-size: 16px;
  font-weight: bold;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  text-transform: uppercase;
}
.product--table .column--tax-price {
  display: none;
}
.product--table .row--product {
  border-bottom: 1px solid #CBC9BB;
}
.product--table .table--content {
  vertical-align: middle;
  font-size: 14px;
  font-style: italic;
  color: #616161;
}
.product--table .table--content .content--sku {
  color: #000;
  font-weight: normal;
  font-style: italic;
}
.product--table .table--content .content--title {
  font-size: 16px;
  font-weight: bold;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  text-decoration: none;
  text-transform: uppercase;
  font-style: normal;
  display: block;
}
.product--table .table--content .column--actions {
  padding-left: 0;
  min-width: 100px;
}
.product--table a.column--actions-link {
  color: #616161;
  text-transform: none;
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: normal;
  text-decoration: underline;
  background: none;
  border: none;
  padding: 0;
  font-size: 16px;
  white-space: nowrap;
}
.product--table a.column--actions-link:hover {
  color: #ff4e3f;
}
.product--table a.column--actions-link i {
  font-size: 16px;
}
.product--table .basket--footer {
  padding-top: 30px;
  color: #616161;
  font-size: 14px;
  padding: 0 20px;
  vertical-align: middle;
}
.product--table .basket--footer a {
  color: #616161;
}
.product--table .basket--footer .vouchers input {
  text-align: center;
  width: 175px;
}
.product--table .basket--footer .table--aggregation {
  padding-left: 0;
}
.product--table .basket--footer .table--aggregation .add-voucher--field,
.product--table .basket--footer .table--aggregation .add-voucher--button {
  min-height: 43px;
}
.product--table .basket--footer .table--aggregation .add-voucher--field {
  width: 70%;
  margin-bottom: 0;
}
.product--table .basket--footer .table--aggregation .add-voucher--button {
  margin-left: 5%;
  padding-top: 0;
  padding-bottom: 0;
}
.product--table .basket--footer .aggregation--list {
  padding-right: 0;
}
.product--table .basket--footer .aggregation--list .entry--total {
  border: 3px solid #000;
  padding: 0 20px;
  *zoom: 1;
  line-height: 52px;
  background: rgba(255, 255, 255, 0.5);
}
.product--table .basket--footer .aggregation--list .entry--total:after {
  content: "";
  display: table;
  clear: both;
}
.product--table .basket--footer .aggregation--list .entry--total:before,
.product--table .basket--footer .aggregation--list .entry--total:after {
  display: table;
  content: "";
  line-height: 0;
}
.product--table .basket--footer .aggregation--list .entry--total:after {
  clear: both;
}
.product--table .basket--footer .aggregation--list .entry--total .entry--label {
  font-size: 12px;
  font-weight: bold;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  text-transform: uppercase;
  letter-spacing: 1px;
  float: left;
}
.product--table .basket--footer .aggregation--list .entry--total .entry--value {
  font-size: 16px;
  font-weight: bold;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  text-transform: uppercase;
  float: right;
}
.product--table .shipping {
  padding: 0 23px;
  *zoom: 1;
  line-height: 52px;
  font-size: 12px;
  font-weight: bold;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.product--table .shipping:after {
  content: "";
  display: table;
  clear: both;
}
.product--table .shipping:before,
.product--table .shipping:after {
  display: table;
  content: "";
  line-height: 0;
}
.product--table .shipping:after {
  clear: both;
}
.product--table .shipping span {
  float: left;
}
.product--table .shipping strong {
  float: right;
}
.product--table .notice div {
  display: table-cell;
  border-top: none !important;
  text-align: center;
  font-size: 20px;
  font-style: italic;
  line-height: 24px;
  padding: 120px 0 !important;
}
.product--table .notice div span {
  display: block;
  width: 470px;
  position: relative;
  right: -250px;
}
.product--table .notice div span a {
  color: #ff4e3f;
  text-decoration: none;
}
.product--table .notice div span a:hover {
  text-decoration: underline;
}
.product--attribute-list {
  margin: 0;
  padding-left: 20px;
  list-style: disc;
}
.product--buybox {
  *zoom: 1;
  background: #FFF;
  margin-top: 20px;
  margin-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #d7d6d0;
}
.product--buybox:after {
  content: "";
  display: table;
  clear: both;
}
.product--buybox:before,
.product--buybox:after {
  display: table;
  content: "";
  line-height: 0;
}
.product--buybox:after {
  clear: both;
}
.product--buybox .buybox--inner {
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 25px;
}
.product--buybox .alert {
  margin: 15px;
}
.skontopreis {
  color: #2b2b2b;
  font-size: 13px;
  font-family: "Century Gothic WGL W01 Regular", "Century Gothic", Arial, sans;
  text-transform: uppercase;
  padding-bottom: 4px;
  text-align: center;
  padding-left: 62px;
}
.quantity-and-buy {
  text-align: center;
}
.buybox--quantity {
  margin-right: 5px;
  display: inline-block;
}
.buybox--quantity .js--fancy-select select {
  line-height: 49px;
  height: 49px;
}
.buybox--quantity .js--fancy-select:after {
  line-height: 49px;
  line-height: 3.0625rem;
}
.buybox--button {
  display: inline-block;
}
/* START Responsive Theme */
.product-slider {
  display: block;
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
}
.product-slider--container {
  *zoom: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.product-slider--container:after {
  content: "";
  display: table;
  clear: both;
}
.product-slider--container:before,
.product-slider--container:after {
  display: table;
  content: "";
  line-height: 0;
}
.product-slider--container:after {
  clear: both;
}
.product-slider--container::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.product-slider--container.is--vertical {
  overflow-y: scroll;
  overflow-x: hidden;
}
.product-slider--container.is--vertical .product-slider--item {
  display: block;
  width: 100%;
}
.product-slider--container.is--horizontal {
  overflow-y: hidden;
  overflow-x: scroll;
  white-space: nowrap;
}
.product-slider--container.is--horizontal .product-slider--item {
  height: 100%;
  display: inline-block;
}
.is--ie .product-slider--container,
.is--firefox .product-slider--container,
.product-slider--container.is--no-scroll {
  overflow-y: hidden;
  overflow-x: hidden;
}
.product-slider--item {
  padding: 0 1px 1px 0;
  font-size: 16px;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  text-align: center;
}
.product-slider--arrow {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #e3e3e3;
  color: #ffffff;
  margin: -30px 0px 0px 0px;
  margin: -1.875rem 0rem 0rem 0rem;
  font-size: 12px;
  font-size: 0.75rem;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  position: absolute;
  top: 50%;
  z-index: 750;
  text-align: center;
  font-family: 'shopware';
  border: 0px solid #000;
  cursor: pointer;
}
.product-slider--arrow.arrow--prev {
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  left: 0;
}
.product-slider--arrow.arrow--prev:before,
.product-slider--arrow.arrow--prev::before {
  content: "\e611";
}
.product-slider--arrow.arrow--next {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  right: 0;
}
.product-slider--arrow.arrow--next:before {
  content: "\e60f";
}
.product-slider--arrow:hover {
  color: #ffffff;
  background: #ff4e3f;
}
.product-slider--arrow.is--vertical {
  width: 60px;
  width: 3.75rem;
  height: 30px;
  height: 1.875rem;
  margin: 0px 0px 0px -30px;
  margin: 0rem 0rem 0rem -1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  font-size: 6px;
  font-size: 0.375rem;
  left: 50%;
  top: auto;
}
.product-slider--arrow.is--vertical.arrow--prev {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  top: 0;
}
.product-slider--arrow.is--vertical.arrow--prev:before,
.product-slider--arrow.is--vertical.arrow--prev::before {
  content: "\e610";
}
.product-slider--arrow.is--vertical.arrow--next {
  bottom: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
}
.product-slider--arrow.is--vertical.arrow--next:before {
  content: "\e612";
}
@media only screen and (max-width: 480px) {
  .product-slider--item {
    width: 50%!important;
  }
  .product--box {
    min-width: 150px;
    height: 250px;
  }
  .emotion--element .product-slider--item .product--box {
    min-height: 640px!important;
  }
  .emotion--element .product-slider--item .product--box .product--title {
    font-size: 2em!important;
    line-height: 140%;
  }
  .emotion--element .product-slider--item .product--box .description .product--brand {
    font-size: 1.5em!important;
  }
  .emotion--element .product-slider--item .product--box .description .product--price {
    font-size: 1.75em!important;
  }
  .emotion--element .product-slider--item .product--box .description {
    bottom: 20px;
  }
  .emotion--element .product-slider--item .product--box .product--image .image--element img {
    width: 100%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .product-slider--item {
    width: 33.3%!important;
  }
  .product-slider--item .product--box {
    min-height: 400px;
  }
}
@media only screen and (min-width: 961px) {
  .product-slider--item {
    width: 25%!important;
  }
  .product-slider--item .product--box {
    min-height: 400px;
  }
}
.address-optional {
  color: #999999;
}
.address-optional textarea,
.address-optional input[type="text"],
.address-optional input[type="password"],
.address-optional input[type="number"],
.address-optional input[type="email"],
.address-optional input[type="tel"] {
  color: #333333;
  background: #F3F0E8;
}
.address-optional textarea:-moz-placeholder,
.address-optional input[type="text"]:-moz-placeholder,
.address-optional input[type="password"]:-moz-placeholder,
.address-optional input[type="number"]:-moz-placeholder,
.address-optional input[type="email"]:-moz-placeholder,
.address-optional input[type="tel"]:-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.address-optional textarea::-moz-placeholder,
.address-optional input[type="text"]::-moz-placeholder,
.address-optional input[type="password"]::-moz-placeholder,
.address-optional input[type="number"]::-moz-placeholder,
.address-optional input[type="email"]::-moz-placeholder,
.address-optional input[type="tel"]::-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.address-optional textarea:-ms-input-placeholder,
.address-optional input[type="text"]:-ms-input-placeholder,
.address-optional input[type="password"]:-ms-input-placeholder,
.address-optional input[type="number"]:-ms-input-placeholder,
.address-optional input[type="email"]:-ms-input-placeholder,
.address-optional input[type="tel"]:-ms-input-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.address-optional textarea::-webkit-input-placeholder,
.address-optional input[type="text"]::-webkit-input-placeholder,
.address-optional input[type="password"]::-webkit-input-placeholder,
.address-optional input[type="number"]::-webkit-input-placeholder,
.address-optional input[type="email"]::-webkit-input-placeholder,
.address-optional input[type="tel"]::-webkit-input-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .js--fancy-select-text,
.is--ctl-address.is--act-create .js--fancy-select-text,
.is--ctl-register .js--fancy-select-text,
.is--ctl-customregister .js--fancy-select-text {
  color: #afafaf;
}
.is--ctl-address.is--act-edit .js--fancy-select.changed .js--fancy-select-text,
.is--ctl-address.is--act-create .js--fancy-select.changed .js--fancy-select-text,
.is--ctl-register .js--fancy-select.changed .js--fancy-select-text,
.is--ctl-customregister .js--fancy-select.changed .js--fancy-select-text {
  color: #262626;
}
.is--ctl-address.is--act-edit .address--customertype .js--fancy-select,
.is--ctl-address.is--act-create .address--customertype .js--fancy-select,
.is--ctl-register .address--customertype .js--fancy-select,
.is--ctl-customregister .address--customertype .js--fancy-select,
.is--ctl-address.is--act-edit .address--salutation .js--fancy-select,
.is--ctl-address.is--act-create .address--salutation .js--fancy-select,
.is--ctl-register .address--salutation .js--fancy-select,
.is--ctl-customregister .address--salutation .js--fancy-select,
.is--ctl-address.is--act-edit .address--country .js--fancy-select,
.is--ctl-address.is--act-create .address--country .js--fancy-select,
.is--ctl-register .address--country .js--fancy-select,
.is--ctl-customregister .address--country .js--fancy-select,
.is--ctl-address.is--act-edit .address--shipping-country .js--fancy-select,
.is--ctl-address.is--act-create .address--shipping-country .js--fancy-select,
.is--ctl-register .address--shipping-country .js--fancy-select,
.is--ctl-customregister .address--shipping-country .js--fancy-select,
.is--ctl-address.is--act-edit .address--birthdate .js--fancy-select,
.is--ctl-address.is--act-create .address--birthdate .js--fancy-select,
.is--ctl-register .address--birthdate .js--fancy-select,
.is--ctl-customregister .address--birthdate .js--fancy-select {
  opacity: 1;
  width: 100%;
}
.is--ctl-address.is--act-edit .panel--body > div,
.is--ctl-address.is--act-create .panel--body > div,
.is--ctl-register .panel--body > div,
.is--ctl-customregister .panel--body > div,
.is--ctl-address.is--act-edit .address--zip,
.is--ctl-address.is--act-create .address--zip,
.is--ctl-register .address--zip,
.is--ctl-customregister .address--zip,
.is--ctl-address.is--act-edit .address--city,
.is--ctl-address.is--act-create .address--city,
.is--ctl-register .address--city,
.is--ctl-customregister .address--city,
.is--ctl-address.is--act-edit .address--department,
.is--ctl-address.is--act-create .address--department,
.is--ctl-register .address--department,
.is--ctl-customregister .address--department,
.is--ctl-address.is--act-edit .address--vatid,
.is--ctl-address.is--act-create .address--vatid,
.is--ctl-register .address--vatid,
.is--ctl-customregister .address--vatid,
.is--ctl-address.is--act-edit .address--companyname,
.is--ctl-address.is--act-create .address--companyname,
.is--ctl-register .address--companyname,
.is--ctl-customregister .address--companyname {
  margin-bottom: 8px;
}
.is--ctl-address.is--act-edit .address--birthday,
.is--ctl-address.is--act-create .address--birthday,
.is--ctl-register .address--birthday,
.is--ctl-customregister .address--birthday,
.is--ctl-address.is--act-edit .address--birthmonth,
.is--ctl-address.is--act-create .address--birthmonth,
.is--ctl-register .address--birthmonth,
.is--ctl-customregister .address--birthmonth,
.is--ctl-address.is--act-edit .address--birthyear,
.is--ctl-address.is--act-create .address--birthyear,
.is--ctl-register .address--birthyear,
.is--ctl-customregister .address--birthyear {
  margin-bottom: 4px;
}
.is--ctl-address.is--act-edit .address--salutation,
.is--ctl-address.is--act-create .address--salutation,
.is--ctl-register .address--salutation,
.is--ctl-customregister .address--salutation {
  float: left;
  width: 30.33333333%;
  margin-right: 3%;
}
.is--ctl-address.is--act-edit .address--firstname,
.is--ctl-address.is--act-create .address--firstname,
.is--ctl-register .address--firstname,
.is--ctl-customregister .address--firstname,
.is--ctl-address.is--act-edit .address--lastname,
.is--ctl-address.is--act-create .address--lastname,
.is--ctl-register .address--lastname,
.is--ctl-customregister .address--lastname {
  float: left;
  width: 33.33333333%;
}
.is--ctl-address.is--act-edit .address--salutation,
.is--ctl-address.is--act-create .address--salutation,
.is--ctl-register .address--salutation,
.is--ctl-customregister .address--salutation,
.is--ctl-address.is--act-edit .address--firstname,
.is--ctl-address.is--act-create .address--firstname,
.is--ctl-register .address--firstname,
.is--ctl-customregister .address--firstname {
  box-sizing: border-box;
  padding-right: 3%;
}
.is--ctl-address.is--act-edit .address--zip,
.is--ctl-address.is--act-create .address--zip,
.is--ctl-register .address--zip,
.is--ctl-customregister .address--zip,
.is--ctl-address.is--act-edit .address--city,
.is--ctl-address.is--act-create .address--city,
.is--ctl-register .address--city,
.is--ctl-customregister .address--city,
.is--ctl-address.is--act-edit .address--country,
.is--ctl-address.is--act-create .address--country,
.is--ctl-register .address--country,
.is--ctl-customregister .address--country,
.is--ctl-address.is--act-edit .address--shipping-country,
.is--ctl-address.is--act-create .address--shipping-country,
.is--ctl-register .address--shipping-country,
.is--ctl-customregister .address--shipping-country {
  float: left;
  width: 33.33333333%;
}
.is--ctl-address.is--act-edit .address--zip,
.is--ctl-address.is--act-create .address--zip,
.is--ctl-register .address--zip,
.is--ctl-customregister .address--zip,
.is--ctl-address.is--act-edit .address--city,
.is--ctl-address.is--act-create .address--city,
.is--ctl-register .address--city,
.is--ctl-customregister .address--city {
  box-sizing: border-box;
  padding-right: 3%;
}
.is--ctl-address.is--act-edit .address--phone,
.is--ctl-address.is--act-create .address--phone,
.is--ctl-register .address--phone,
.is--ctl-customregister .address--phone {
  float: left;
  width: 33.33333333%;
  color: #999999;
  box-sizing: border-box;
  padding-right: 3%;
  clear: left;
}
.is--ctl-address.is--act-edit .address--phone textarea,
.is--ctl-address.is--act-create .address--phone textarea,
.is--ctl-register .address--phone textarea,
.is--ctl-customregister .address--phone textarea,
.is--ctl-address.is--act-edit .address--phone input[type="text"],
.is--ctl-address.is--act-create .address--phone input[type="text"],
.is--ctl-register .address--phone input[type="text"],
.is--ctl-customregister .address--phone input[type="text"],
.is--ctl-address.is--act-edit .address--phone input[type="password"],
.is--ctl-address.is--act-create .address--phone input[type="password"],
.is--ctl-register .address--phone input[type="password"],
.is--ctl-customregister .address--phone input[type="password"],
.is--ctl-address.is--act-edit .address--phone input[type="number"],
.is--ctl-address.is--act-create .address--phone input[type="number"],
.is--ctl-register .address--phone input[type="number"],
.is--ctl-customregister .address--phone input[type="number"],
.is--ctl-address.is--act-edit .address--phone input[type="email"],
.is--ctl-address.is--act-create .address--phone input[type="email"],
.is--ctl-register .address--phone input[type="email"],
.is--ctl-customregister .address--phone input[type="email"],
.is--ctl-address.is--act-edit .address--phone input[type="tel"],
.is--ctl-address.is--act-create .address--phone input[type="tel"],
.is--ctl-register .address--phone input[type="tel"],
.is--ctl-customregister .address--phone input[type="tel"] {
  color: #333333;
  background: #F3F0E8;
}
.is--ctl-address.is--act-edit .address--phone textarea:-moz-placeholder,
.is--ctl-address.is--act-create .address--phone textarea:-moz-placeholder,
.is--ctl-register .address--phone textarea:-moz-placeholder,
.is--ctl-customregister .address--phone textarea:-moz-placeholder,
.is--ctl-address.is--act-edit .address--phone input[type="text"]:-moz-placeholder,
.is--ctl-address.is--act-create .address--phone input[type="text"]:-moz-placeholder,
.is--ctl-register .address--phone input[type="text"]:-moz-placeholder,
.is--ctl-customregister .address--phone input[type="text"]:-moz-placeholder,
.is--ctl-address.is--act-edit .address--phone input[type="password"]:-moz-placeholder,
.is--ctl-address.is--act-create .address--phone input[type="password"]:-moz-placeholder,
.is--ctl-register .address--phone input[type="password"]:-moz-placeholder,
.is--ctl-customregister .address--phone input[type="password"]:-moz-placeholder,
.is--ctl-address.is--act-edit .address--phone input[type="number"]:-moz-placeholder,
.is--ctl-address.is--act-create .address--phone input[type="number"]:-moz-placeholder,
.is--ctl-register .address--phone input[type="number"]:-moz-placeholder,
.is--ctl-customregister .address--phone input[type="number"]:-moz-placeholder,
.is--ctl-address.is--act-edit .address--phone input[type="email"]:-moz-placeholder,
.is--ctl-address.is--act-create .address--phone input[type="email"]:-moz-placeholder,
.is--ctl-register .address--phone input[type="email"]:-moz-placeholder,
.is--ctl-customregister .address--phone input[type="email"]:-moz-placeholder,
.is--ctl-address.is--act-edit .address--phone input[type="tel"]:-moz-placeholder,
.is--ctl-address.is--act-create .address--phone input[type="tel"]:-moz-placeholder,
.is--ctl-register .address--phone input[type="tel"]:-moz-placeholder,
.is--ctl-customregister .address--phone input[type="tel"]:-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .address--phone textarea::-moz-placeholder,
.is--ctl-address.is--act-create .address--phone textarea::-moz-placeholder,
.is--ctl-register .address--phone textarea::-moz-placeholder,
.is--ctl-customregister .address--phone textarea::-moz-placeholder,
.is--ctl-address.is--act-edit .address--phone input[type="text"]::-moz-placeholder,
.is--ctl-address.is--act-create .address--phone input[type="text"]::-moz-placeholder,
.is--ctl-register .address--phone input[type="text"]::-moz-placeholder,
.is--ctl-customregister .address--phone input[type="text"]::-moz-placeholder,
.is--ctl-address.is--act-edit .address--phone input[type="password"]::-moz-placeholder,
.is--ctl-address.is--act-create .address--phone input[type="password"]::-moz-placeholder,
.is--ctl-register .address--phone input[type="password"]::-moz-placeholder,
.is--ctl-customregister .address--phone input[type="password"]::-moz-placeholder,
.is--ctl-address.is--act-edit .address--phone input[type="number"]::-moz-placeholder,
.is--ctl-address.is--act-create .address--phone input[type="number"]::-moz-placeholder,
.is--ctl-register .address--phone input[type="number"]::-moz-placeholder,
.is--ctl-customregister .address--phone input[type="number"]::-moz-placeholder,
.is--ctl-address.is--act-edit .address--phone input[type="email"]::-moz-placeholder,
.is--ctl-address.is--act-create .address--phone input[type="email"]::-moz-placeholder,
.is--ctl-register .address--phone input[type="email"]::-moz-placeholder,
.is--ctl-customregister .address--phone input[type="email"]::-moz-placeholder,
.is--ctl-address.is--act-edit .address--phone input[type="tel"]::-moz-placeholder,
.is--ctl-address.is--act-create .address--phone input[type="tel"]::-moz-placeholder,
.is--ctl-register .address--phone input[type="tel"]::-moz-placeholder,
.is--ctl-customregister .address--phone input[type="tel"]::-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .address--phone textarea:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--phone textarea:-ms-input-placeholder,
.is--ctl-register .address--phone textarea:-ms-input-placeholder,
.is--ctl-customregister .address--phone textarea:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--phone input[type="text"]:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--phone input[type="text"]:-ms-input-placeholder,
.is--ctl-register .address--phone input[type="text"]:-ms-input-placeholder,
.is--ctl-customregister .address--phone input[type="text"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--phone input[type="password"]:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--phone input[type="password"]:-ms-input-placeholder,
.is--ctl-register .address--phone input[type="password"]:-ms-input-placeholder,
.is--ctl-customregister .address--phone input[type="password"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--phone input[type="number"]:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--phone input[type="number"]:-ms-input-placeholder,
.is--ctl-register .address--phone input[type="number"]:-ms-input-placeholder,
.is--ctl-customregister .address--phone input[type="number"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--phone input[type="email"]:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--phone input[type="email"]:-ms-input-placeholder,
.is--ctl-register .address--phone input[type="email"]:-ms-input-placeholder,
.is--ctl-customregister .address--phone input[type="email"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--phone input[type="tel"]:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--phone input[type="tel"]:-ms-input-placeholder,
.is--ctl-register .address--phone input[type="tel"]:-ms-input-placeholder,
.is--ctl-customregister .address--phone input[type="tel"]:-ms-input-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .address--phone textarea::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--phone textarea::-webkit-input-placeholder,
.is--ctl-register .address--phone textarea::-webkit-input-placeholder,
.is--ctl-customregister .address--phone textarea::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--phone input[type="text"]::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--phone input[type="text"]::-webkit-input-placeholder,
.is--ctl-register .address--phone input[type="text"]::-webkit-input-placeholder,
.is--ctl-customregister .address--phone input[type="text"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--phone input[type="password"]::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--phone input[type="password"]::-webkit-input-placeholder,
.is--ctl-register .address--phone input[type="password"]::-webkit-input-placeholder,
.is--ctl-customregister .address--phone input[type="password"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--phone input[type="number"]::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--phone input[type="number"]::-webkit-input-placeholder,
.is--ctl-register .address--phone input[type="number"]::-webkit-input-placeholder,
.is--ctl-customregister .address--phone input[type="number"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--phone input[type="email"]::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--phone input[type="email"]::-webkit-input-placeholder,
.is--ctl-register .address--phone input[type="email"]::-webkit-input-placeholder,
.is--ctl-customregister .address--phone input[type="email"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--phone input[type="tel"]::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--phone input[type="tel"]::-webkit-input-placeholder,
.is--ctl-register .address--phone input[type="tel"]::-webkit-input-placeholder,
.is--ctl-customregister .address--phone input[type="tel"]::-webkit-input-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .address--default-shipping,
.is--ctl-address.is--act-create .address--default-shipping,
.is--ctl-register .address--default-shipping,
.is--ctl-customregister .address--default-shipping,
.is--ctl-address.is--act-edit .address--default-billing,
.is--ctl-address.is--act-create .address--default-billing,
.is--ctl-register .address--default-billing,
.is--ctl-customregister .address--default-billing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
}
.is--ctl-address.is--act-edit .address--phone-description,
.is--ctl-address.is--act-create .address--phone-description,
.is--ctl-register .address--phone-description,
.is--ctl-customregister .address--phone-description {
  float: left;
  width: 66.66666667%;
  color: #999999;
}
.is--ctl-address.is--act-edit .address--phone-description textarea,
.is--ctl-address.is--act-create .address--phone-description textarea,
.is--ctl-register .address--phone-description textarea,
.is--ctl-customregister .address--phone-description textarea,
.is--ctl-address.is--act-edit .address--phone-description input[type="text"],
.is--ctl-address.is--act-create .address--phone-description input[type="text"],
.is--ctl-register .address--phone-description input[type="text"],
.is--ctl-customregister .address--phone-description input[type="text"],
.is--ctl-address.is--act-edit .address--phone-description input[type="password"],
.is--ctl-address.is--act-create .address--phone-description input[type="password"],
.is--ctl-register .address--phone-description input[type="password"],
.is--ctl-customregister .address--phone-description input[type="password"],
.is--ctl-address.is--act-edit .address--phone-description input[type="number"],
.is--ctl-address.is--act-create .address--phone-description input[type="number"],
.is--ctl-register .address--phone-description input[type="number"],
.is--ctl-customregister .address--phone-description input[type="number"],
.is--ctl-address.is--act-edit .address--phone-description input[type="email"],
.is--ctl-address.is--act-create .address--phone-description input[type="email"],
.is--ctl-register .address--phone-description input[type="email"],
.is--ctl-customregister .address--phone-description input[type="email"],
.is--ctl-address.is--act-edit .address--phone-description input[type="tel"],
.is--ctl-address.is--act-create .address--phone-description input[type="tel"],
.is--ctl-register .address--phone-description input[type="tel"],
.is--ctl-customregister .address--phone-description input[type="tel"] {
  color: #333333;
  background: #F3F0E8;
}
.is--ctl-address.is--act-edit .address--phone-description textarea:-moz-placeholder,
.is--ctl-address.is--act-create .address--phone-description textarea:-moz-placeholder,
.is--ctl-register .address--phone-description textarea:-moz-placeholder,
.is--ctl-customregister .address--phone-description textarea:-moz-placeholder,
.is--ctl-address.is--act-edit .address--phone-description input[type="text"]:-moz-placeholder,
.is--ctl-address.is--act-create .address--phone-description input[type="text"]:-moz-placeholder,
.is--ctl-register .address--phone-description input[type="text"]:-moz-placeholder,
.is--ctl-customregister .address--phone-description input[type="text"]:-moz-placeholder,
.is--ctl-address.is--act-edit .address--phone-description input[type="password"]:-moz-placeholder,
.is--ctl-address.is--act-create .address--phone-description input[type="password"]:-moz-placeholder,
.is--ctl-register .address--phone-description input[type="password"]:-moz-placeholder,
.is--ctl-customregister .address--phone-description input[type="password"]:-moz-placeholder,
.is--ctl-address.is--act-edit .address--phone-description input[type="number"]:-moz-placeholder,
.is--ctl-address.is--act-create .address--phone-description input[type="number"]:-moz-placeholder,
.is--ctl-register .address--phone-description input[type="number"]:-moz-placeholder,
.is--ctl-customregister .address--phone-description input[type="number"]:-moz-placeholder,
.is--ctl-address.is--act-edit .address--phone-description input[type="email"]:-moz-placeholder,
.is--ctl-address.is--act-create .address--phone-description input[type="email"]:-moz-placeholder,
.is--ctl-register .address--phone-description input[type="email"]:-moz-placeholder,
.is--ctl-customregister .address--phone-description input[type="email"]:-moz-placeholder,
.is--ctl-address.is--act-edit .address--phone-description input[type="tel"]:-moz-placeholder,
.is--ctl-address.is--act-create .address--phone-description input[type="tel"]:-moz-placeholder,
.is--ctl-register .address--phone-description input[type="tel"]:-moz-placeholder,
.is--ctl-customregister .address--phone-description input[type="tel"]:-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .address--phone-description textarea::-moz-placeholder,
.is--ctl-address.is--act-create .address--phone-description textarea::-moz-placeholder,
.is--ctl-register .address--phone-description textarea::-moz-placeholder,
.is--ctl-customregister .address--phone-description textarea::-moz-placeholder,
.is--ctl-address.is--act-edit .address--phone-description input[type="text"]::-moz-placeholder,
.is--ctl-address.is--act-create .address--phone-description input[type="text"]::-moz-placeholder,
.is--ctl-register .address--phone-description input[type="text"]::-moz-placeholder,
.is--ctl-customregister .address--phone-description input[type="text"]::-moz-placeholder,
.is--ctl-address.is--act-edit .address--phone-description input[type="password"]::-moz-placeholder,
.is--ctl-address.is--act-create .address--phone-description input[type="password"]::-moz-placeholder,
.is--ctl-register .address--phone-description input[type="password"]::-moz-placeholder,
.is--ctl-customregister .address--phone-description input[type="password"]::-moz-placeholder,
.is--ctl-address.is--act-edit .address--phone-description input[type="number"]::-moz-placeholder,
.is--ctl-address.is--act-create .address--phone-description input[type="number"]::-moz-placeholder,
.is--ctl-register .address--phone-description input[type="number"]::-moz-placeholder,
.is--ctl-customregister .address--phone-description input[type="number"]::-moz-placeholder,
.is--ctl-address.is--act-edit .address--phone-description input[type="email"]::-moz-placeholder,
.is--ctl-address.is--act-create .address--phone-description input[type="email"]::-moz-placeholder,
.is--ctl-register .address--phone-description input[type="email"]::-moz-placeholder,
.is--ctl-customregister .address--phone-description input[type="email"]::-moz-placeholder,
.is--ctl-address.is--act-edit .address--phone-description input[type="tel"]::-moz-placeholder,
.is--ctl-address.is--act-create .address--phone-description input[type="tel"]::-moz-placeholder,
.is--ctl-register .address--phone-description input[type="tel"]::-moz-placeholder,
.is--ctl-customregister .address--phone-description input[type="tel"]::-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .address--phone-description textarea:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--phone-description textarea:-ms-input-placeholder,
.is--ctl-register .address--phone-description textarea:-ms-input-placeholder,
.is--ctl-customregister .address--phone-description textarea:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--phone-description input[type="text"]:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--phone-description input[type="text"]:-ms-input-placeholder,
.is--ctl-register .address--phone-description input[type="text"]:-ms-input-placeholder,
.is--ctl-customregister .address--phone-description input[type="text"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--phone-description input[type="password"]:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--phone-description input[type="password"]:-ms-input-placeholder,
.is--ctl-register .address--phone-description input[type="password"]:-ms-input-placeholder,
.is--ctl-customregister .address--phone-description input[type="password"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--phone-description input[type="number"]:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--phone-description input[type="number"]:-ms-input-placeholder,
.is--ctl-register .address--phone-description input[type="number"]:-ms-input-placeholder,
.is--ctl-customregister .address--phone-description input[type="number"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--phone-description input[type="email"]:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--phone-description input[type="email"]:-ms-input-placeholder,
.is--ctl-register .address--phone-description input[type="email"]:-ms-input-placeholder,
.is--ctl-customregister .address--phone-description input[type="email"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--phone-description input[type="tel"]:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--phone-description input[type="tel"]:-ms-input-placeholder,
.is--ctl-register .address--phone-description input[type="tel"]:-ms-input-placeholder,
.is--ctl-customregister .address--phone-description input[type="tel"]:-ms-input-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .address--phone-description textarea::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--phone-description textarea::-webkit-input-placeholder,
.is--ctl-register .address--phone-description textarea::-webkit-input-placeholder,
.is--ctl-customregister .address--phone-description textarea::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--phone-description input[type="text"]::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--phone-description input[type="text"]::-webkit-input-placeholder,
.is--ctl-register .address--phone-description input[type="text"]::-webkit-input-placeholder,
.is--ctl-customregister .address--phone-description input[type="text"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--phone-description input[type="password"]::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--phone-description input[type="password"]::-webkit-input-placeholder,
.is--ctl-register .address--phone-description input[type="password"]::-webkit-input-placeholder,
.is--ctl-customregister .address--phone-description input[type="password"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--phone-description input[type="number"]::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--phone-description input[type="number"]::-webkit-input-placeholder,
.is--ctl-register .address--phone-description input[type="number"]::-webkit-input-placeholder,
.is--ctl-customregister .address--phone-description input[type="number"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--phone-description input[type="email"]::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--phone-description input[type="email"]::-webkit-input-placeholder,
.is--ctl-register .address--phone-description input[type="email"]::-webkit-input-placeholder,
.is--ctl-customregister .address--phone-description input[type="email"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--phone-description input[type="tel"]::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--phone-description input[type="tel"]::-webkit-input-placeholder,
.is--ctl-register .address--phone-description input[type="tel"]::-webkit-input-placeholder,
.is--ctl-customregister .address--phone-description input[type="tel"]::-webkit-input-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .address--phone-description span,
.is--ctl-address.is--act-create .address--phone-description span,
.is--ctl-register .address--phone-description span,
.is--ctl-customregister .address--phone-description span {
  margin-top: 10px;
  display: inline-block;
}
.is--ctl-address.is--act-edit .pick-account-type--without,
.is--ctl-address.is--act-create .pick-account-type--without,
.is--ctl-register .pick-account-type--without,
.is--ctl-customregister .pick-account-type--without,
.is--ctl-address.is--act-edit .pick-account-type--new,
.is--ctl-address.is--act-create .pick-account-type--new,
.is--ctl-register .pick-account-type--new,
.is--ctl-customregister .pick-account-type--new,
.is--ctl-address.is--act-edit .address--login,
.is--ctl-address.is--act-create .address--login,
.is--ctl-register .address--login,
.is--ctl-customregister .address--login {
  position: relative;
  padding-bottom: 50px !important;
}
.is--ctl-address.is--act-edit .pick-account-type--without .btn,
.is--ctl-address.is--act-create .pick-account-type--without .btn,
.is--ctl-register .pick-account-type--without .btn,
.is--ctl-customregister .pick-account-type--without .btn,
.is--ctl-address.is--act-edit .pick-account-type--new .btn,
.is--ctl-address.is--act-create .pick-account-type--new .btn,
.is--ctl-register .pick-account-type--new .btn,
.is--ctl-customregister .pick-account-type--new .btn,
.is--ctl-address.is--act-edit .address--login .btn,
.is--ctl-address.is--act-create .address--login .btn,
.is--ctl-register .address--login .btn,
.is--ctl-customregister .address--login .btn {
  position: absolute;
  bottom: 0;
  right: 40px;
}
.is--ctl-address.is--act-edit .pick-account-type--new ul li,
.is--ctl-address.is--act-create .pick-account-type--new ul li,
.is--ctl-register .pick-account-type--new ul li,
.is--ctl-customregister .pick-account-type--new ul li {
  list-style-type: disc;
  margin-left: 20px;
}
.is--ctl-address.is--act-edit .address--form,
.is--ctl-address.is--act-create .address--form,
.is--ctl-register .address--form,
.is--ctl-customregister .address--form,
.is--ctl-address.is--act-edit .account--billing-form,
.is--ctl-address.is--act-create .account--billing-form,
.is--ctl-register .account--billing-form,
.is--ctl-customregister .account--billing-form,
.is--ctl-address.is--act-edit .account--address-form,
.is--ctl-address.is--act-create .account--address-form,
.is--ctl-register .account--address-form,
.is--ctl-customregister .account--address-form,
.is--ctl-address.is--act-edit .account--shipping-form,
.is--ctl-address.is--act-create .account--shipping-form,
.is--ctl-register .account--shipping-form,
.is--ctl-customregister .account--shipping-form {
  width: 760px!important;
  width: 684px;
  margin: 0 auto;
  float: none !important;
}
.is--ctl-address.is--act-edit .address--form [type="checkbox"]:not(:checked),
.is--ctl-address.is--act-create .address--form [type="checkbox"]:not(:checked),
.is--ctl-register .address--form [type="checkbox"]:not(:checked),
.is--ctl-customregister .address--form [type="checkbox"]:not(:checked),
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:not(:checked),
.is--ctl-address.is--act-create .account--billing-form [type="checkbox"]:not(:checked),
.is--ctl-register .account--billing-form [type="checkbox"]:not(:checked),
.is--ctl-customregister .account--billing-form [type="checkbox"]:not(:checked),
.is--ctl-address.is--act-edit .account--address-form [type="checkbox"]:not(:checked),
.is--ctl-address.is--act-create .account--address-form [type="checkbox"]:not(:checked),
.is--ctl-register .account--address-form [type="checkbox"]:not(:checked),
.is--ctl-customregister .account--address-form [type="checkbox"]:not(:checked),
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:not(:checked),
.is--ctl-address.is--act-create .account--shipping-form [type="checkbox"]:not(:checked),
.is--ctl-register .account--shipping-form [type="checkbox"]:not(:checked),
.is--ctl-customregister .account--shipping-form [type="checkbox"]:not(:checked),
.is--ctl-address.is--act-edit .address--form [type="checkbox"]:checked,
.is--ctl-address.is--act-create .address--form [type="checkbox"]:checked,
.is--ctl-register .address--form [type="checkbox"]:checked,
.is--ctl-customregister .address--form [type="checkbox"]:checked,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:checked,
.is--ctl-address.is--act-create .account--billing-form [type="checkbox"]:checked,
.is--ctl-register .account--billing-form [type="checkbox"]:checked,
.is--ctl-customregister .account--billing-form [type="checkbox"]:checked,
.is--ctl-address.is--act-edit .account--address-form [type="checkbox"]:checked,
.is--ctl-address.is--act-create .account--address-form [type="checkbox"]:checked,
.is--ctl-register .account--address-form [type="checkbox"]:checked,
.is--ctl-customregister .account--address-form [type="checkbox"]:checked,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:checked,
.is--ctl-address.is--act-create .account--shipping-form [type="checkbox"]:checked,
.is--ctl-register .account--shipping-form [type="checkbox"]:checked,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:checked {
  width: 1px;
  opacity: 0;
  margin: 0;
  padding: 0;
}
.is--ctl-address.is--act-edit .address--form [type="checkbox"]:not(:checked) + label,
.is--ctl-address.is--act-create .address--form [type="checkbox"]:not(:checked) + label,
.is--ctl-register .address--form [type="checkbox"]:not(:checked) + label,
.is--ctl-customregister .address--form [type="checkbox"]:not(:checked) + label,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:not(:checked) + label,
.is--ctl-address.is--act-create .account--billing-form [type="checkbox"]:not(:checked) + label,
.is--ctl-register .account--billing-form [type="checkbox"]:not(:checked) + label,
.is--ctl-customregister .account--billing-form [type="checkbox"]:not(:checked) + label,
.is--ctl-address.is--act-edit .account--address-form [type="checkbox"]:not(:checked) + label,
.is--ctl-address.is--act-create .account--address-form [type="checkbox"]:not(:checked) + label,
.is--ctl-register .account--address-form [type="checkbox"]:not(:checked) + label,
.is--ctl-customregister .account--address-form [type="checkbox"]:not(:checked) + label,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:not(:checked) + label,
.is--ctl-address.is--act-create .account--shipping-form [type="checkbox"]:not(:checked) + label,
.is--ctl-register .account--shipping-form [type="checkbox"]:not(:checked) + label,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:not(:checked) + label,
.is--ctl-address.is--act-edit .address--form [type="checkbox"]:checked + label,
.is--ctl-address.is--act-create .address--form [type="checkbox"]:checked + label,
.is--ctl-register .address--form [type="checkbox"]:checked + label,
.is--ctl-customregister .address--form [type="checkbox"]:checked + label,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:checked + label,
.is--ctl-address.is--act-create .account--billing-form [type="checkbox"]:checked + label,
.is--ctl-register .account--billing-form [type="checkbox"]:checked + label,
.is--ctl-customregister .account--billing-form [type="checkbox"]:checked + label,
.is--ctl-address.is--act-edit .account--address-form [type="checkbox"]:checked + label,
.is--ctl-address.is--act-create .account--address-form [type="checkbox"]:checked + label,
.is--ctl-register .account--address-form [type="checkbox"]:checked + label,
.is--ctl-customregister .account--address-form [type="checkbox"]:checked + label,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:checked + label,
.is--ctl-address.is--act-create .account--shipping-form [type="checkbox"]:checked + label,
.is--ctl-register .account--shipping-form [type="checkbox"]:checked + label,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 28px;
  padding-top: 2px;
}
.is--ctl-address.is--act-edit .address--form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-address.is--act-create .address--form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-register .address--form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-customregister .address--form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-address.is--act-create .account--billing-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-register .account--billing-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-customregister .account--billing-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-address.is--act-edit .account--address-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-address.is--act-create .account--address-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-register .account--address-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-customregister .account--address-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-address.is--act-create .account--shipping-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-register .account--shipping-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-address.is--act-edit .address--form [type="checkbox"]:checked + label:before,
.is--ctl-address.is--act-create .address--form [type="checkbox"]:checked + label:before,
.is--ctl-register .address--form [type="checkbox"]:checked + label:before,
.is--ctl-customregister .address--form [type="checkbox"]:checked + label:before,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:checked + label:before,
.is--ctl-address.is--act-create .account--billing-form [type="checkbox"]:checked + label:before,
.is--ctl-register .account--billing-form [type="checkbox"]:checked + label:before,
.is--ctl-customregister .account--billing-form [type="checkbox"]:checked + label:before,
.is--ctl-address.is--act-edit .account--address-form [type="checkbox"]:checked + label:before,
.is--ctl-address.is--act-create .account--address-form [type="checkbox"]:checked + label:before,
.is--ctl-register .account--address-form [type="checkbox"]:checked + label:before,
.is--ctl-customregister .account--address-form [type="checkbox"]:checked + label:before,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:checked + label:before,
.is--ctl-address.is--act-create .account--shipping-form [type="checkbox"]:checked + label:before,
.is--ctl-register .account--shipping-form [type="checkbox"]:checked + label:before,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #b5b29e;
  background: #f8f8f8;
  -ms-transition: border-color 0.2s ease-in;
  -webkit-transition: border-color 0.2s ease-in;
  -moz-transition: border-color 0.2s ease-in;
  -o-transition: border-color 0.2s ease-in;
  transition: border-color 0.2s ease-in;
}
.is--ctl-address.is--act-edit .address--form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-address.is--act-create .address--form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-register .address--form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-customregister .address--form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-address.is--act-create .account--billing-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-register .account--billing-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-customregister .account--billing-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-address.is--act-edit .account--address-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-address.is--act-create .account--address-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-register .account--address-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-customregister .account--address-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-address.is--act-create .account--shipping-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-register .account--shipping-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-address.is--act-edit .address--form [type="checkbox"]:checked + label:hover:before,
.is--ctl-address.is--act-create .address--form [type="checkbox"]:checked + label:hover:before,
.is--ctl-register .address--form [type="checkbox"]:checked + label:hover:before,
.is--ctl-customregister .address--form [type="checkbox"]:checked + label:hover:before,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-address.is--act-create .account--billing-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-register .account--billing-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-customregister .account--billing-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-address.is--act-edit .account--address-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-address.is--act-create .account--address-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-register .account--address-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-customregister .account--address-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-address.is--act-create .account--shipping-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-register .account--shipping-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-address.is--act-edit .address--form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-address.is--act-create .address--form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-register .address--form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-customregister .address--form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-address.is--act-create .account--billing-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-register .account--billing-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-customregister .account--billing-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-address.is--act-edit .account--address-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-address.is--act-create .account--address-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-register .account--address-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-customregister .account--address-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-address.is--act-create .account--shipping-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-register .account--shipping-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-address.is--act-edit .address--form [type="checkbox"]:checked + label:focus:before,
.is--ctl-address.is--act-create .address--form [type="checkbox"]:checked + label:focus:before,
.is--ctl-register .address--form [type="checkbox"]:checked + label:focus:before,
.is--ctl-customregister .address--form [type="checkbox"]:checked + label:focus:before,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:checked + label:focus:before,
.is--ctl-address.is--act-create .account--billing-form [type="checkbox"]:checked + label:focus:before,
.is--ctl-register .account--billing-form [type="checkbox"]:checked + label:focus:before,
.is--ctl-customregister .account--billing-form [type="checkbox"]:checked + label:focus:before,
.is--ctl-address.is--act-edit .account--address-form [type="checkbox"]:checked + label:focus:before,
.is--ctl-address.is--act-create .account--address-form [type="checkbox"]:checked + label:focus:before,
.is--ctl-register .account--address-form [type="checkbox"]:checked + label:focus:before,
.is--ctl-customregister .account--address-form [type="checkbox"]:checked + label:focus:before,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:checked + label:focus:before,
.is--ctl-address.is--act-create .account--shipping-form [type="checkbox"]:checked + label:focus:before,
.is--ctl-register .account--shipping-form [type="checkbox"]:checked + label:focus:before,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:checked + label:focus:before {
  border-color: #262626;
}
.is--ctl-address.is--act-edit .address--form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-create .address--form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-register .address--form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-customregister .address--form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-create .account--billing-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-register .account--billing-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-customregister .account--billing-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-edit .account--address-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-create .account--address-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-register .account--address-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-customregister .account--address-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-create .account--shipping-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-register .account--shipping-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-edit .address--form [type="checkbox"]:checked + label:after,
.is--ctl-address.is--act-create .address--form [type="checkbox"]:checked + label:after,
.is--ctl-register .address--form [type="checkbox"]:checked + label:after,
.is--ctl-customregister .address--form [type="checkbox"]:checked + label:after,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:checked + label:after,
.is--ctl-address.is--act-create .account--billing-form [type="checkbox"]:checked + label:after,
.is--ctl-register .account--billing-form [type="checkbox"]:checked + label:after,
.is--ctl-customregister .account--billing-form [type="checkbox"]:checked + label:after,
.is--ctl-address.is--act-edit .account--address-form [type="checkbox"]:checked + label:after,
.is--ctl-address.is--act-create .account--address-form [type="checkbox"]:checked + label:after,
.is--ctl-register .account--address-form [type="checkbox"]:checked + label:after,
.is--ctl-customregister .account--address-form [type="checkbox"]:checked + label:after,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:checked + label:after,
.is--ctl-address.is--act-create .account--shipping-form [type="checkbox"]:checked + label:after,
.is--ctl-register .account--shipping-form [type="checkbox"]:checked + label:after,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:checked + label:after {
  content: "\e60b";
  position: absolute;
  top: -2px;
  left: 2px;
  font-size: 14px;
  color: #000;
  font-family: "qvest";
  transition: all .2s;
}
.is--ctl-address.is--act-edit .address--form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-create .address--form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-register .address--form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-customregister .address--form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-create .account--billing-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-register .account--billing-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-customregister .account--billing-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-edit .account--address-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-create .account--address-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-register .account--address-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-customregister .account--address-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-create .account--shipping-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-register .account--shipping-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:not(:checked) + label:after {
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.is--ctl-address.is--act-edit .address--form [type="checkbox"]:checked + label:after,
.is--ctl-address.is--act-create .address--form [type="checkbox"]:checked + label:after,
.is--ctl-register .address--form [type="checkbox"]:checked + label:after,
.is--ctl-customregister .address--form [type="checkbox"]:checked + label:after,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:checked + label:after,
.is--ctl-address.is--act-create .account--billing-form [type="checkbox"]:checked + label:after,
.is--ctl-register .account--billing-form [type="checkbox"]:checked + label:after,
.is--ctl-customregister .account--billing-form [type="checkbox"]:checked + label:after,
.is--ctl-address.is--act-edit .account--address-form [type="checkbox"]:checked + label:after,
.is--ctl-address.is--act-create .account--address-form [type="checkbox"]:checked + label:after,
.is--ctl-register .account--address-form [type="checkbox"]:checked + label:after,
.is--ctl-customregister .account--address-form [type="checkbox"]:checked + label:after,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:checked + label:after,
.is--ctl-address.is--act-create .account--shipping-form [type="checkbox"]:checked + label:after,
.is--ctl-register .account--shipping-form [type="checkbox"]:checked + label:after,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:checked + label:after {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.is--ctl-address.is--act-edit .address--department,
.is--ctl-address.is--act-create .address--department,
.is--ctl-register .address--department,
.is--ctl-customregister .address--department,
.is--ctl-address.is--act-edit .address--vatid,
.is--ctl-address.is--act-create .address--vatid,
.is--ctl-register .address--vatid,
.is--ctl-customregister .address--vatid {
  float: left;
  width: 50%;
}
.is--ctl-address.is--act-edit .address--vatid,
.is--ctl-address.is--act-create .address--vatid,
.is--ctl-register .address--vatid,
.is--ctl-customregister .address--vatid,
.is--ctl-address.is--act-edit .address--department,
.is--ctl-address.is--act-create .address--department,
.is--ctl-register .address--department,
.is--ctl-customregister .address--department {
  color: #999999;
}
.is--ctl-address.is--act-edit .address--vatid textarea,
.is--ctl-address.is--act-create .address--vatid textarea,
.is--ctl-register .address--vatid textarea,
.is--ctl-customregister .address--vatid textarea,
.is--ctl-address.is--act-edit .address--department textarea,
.is--ctl-address.is--act-create .address--department textarea,
.is--ctl-register .address--department textarea,
.is--ctl-customregister .address--department textarea,
.is--ctl-address.is--act-edit .address--vatid input[type="text"],
.is--ctl-address.is--act-create .address--vatid input[type="text"],
.is--ctl-register .address--vatid input[type="text"],
.is--ctl-customregister .address--vatid input[type="text"],
.is--ctl-address.is--act-edit .address--department input[type="text"],
.is--ctl-address.is--act-create .address--department input[type="text"],
.is--ctl-register .address--department input[type="text"],
.is--ctl-customregister .address--department input[type="text"],
.is--ctl-address.is--act-edit .address--vatid input[type="password"],
.is--ctl-address.is--act-create .address--vatid input[type="password"],
.is--ctl-register .address--vatid input[type="password"],
.is--ctl-customregister .address--vatid input[type="password"],
.is--ctl-address.is--act-edit .address--department input[type="password"],
.is--ctl-address.is--act-create .address--department input[type="password"],
.is--ctl-register .address--department input[type="password"],
.is--ctl-customregister .address--department input[type="password"],
.is--ctl-address.is--act-edit .address--vatid input[type="number"],
.is--ctl-address.is--act-create .address--vatid input[type="number"],
.is--ctl-register .address--vatid input[type="number"],
.is--ctl-customregister .address--vatid input[type="number"],
.is--ctl-address.is--act-edit .address--department input[type="number"],
.is--ctl-address.is--act-create .address--department input[type="number"],
.is--ctl-register .address--department input[type="number"],
.is--ctl-customregister .address--department input[type="number"],
.is--ctl-address.is--act-edit .address--vatid input[type="email"],
.is--ctl-address.is--act-create .address--vatid input[type="email"],
.is--ctl-register .address--vatid input[type="email"],
.is--ctl-customregister .address--vatid input[type="email"],
.is--ctl-address.is--act-edit .address--department input[type="email"],
.is--ctl-address.is--act-create .address--department input[type="email"],
.is--ctl-register .address--department input[type="email"],
.is--ctl-customregister .address--department input[type="email"],
.is--ctl-address.is--act-edit .address--vatid input[type="tel"],
.is--ctl-address.is--act-create .address--vatid input[type="tel"],
.is--ctl-register .address--vatid input[type="tel"],
.is--ctl-customregister .address--vatid input[type="tel"],
.is--ctl-address.is--act-edit .address--department input[type="tel"],
.is--ctl-address.is--act-create .address--department input[type="tel"],
.is--ctl-register .address--department input[type="tel"],
.is--ctl-customregister .address--department input[type="tel"] {
  color: #333333;
  background: #F3F0E8;
}
.is--ctl-address.is--act-edit .address--vatid textarea:-moz-placeholder,
.is--ctl-address.is--act-create .address--vatid textarea:-moz-placeholder,
.is--ctl-register .address--vatid textarea:-moz-placeholder,
.is--ctl-customregister .address--vatid textarea:-moz-placeholder,
.is--ctl-address.is--act-edit .address--department textarea:-moz-placeholder,
.is--ctl-address.is--act-create .address--department textarea:-moz-placeholder,
.is--ctl-register .address--department textarea:-moz-placeholder,
.is--ctl-customregister .address--department textarea:-moz-placeholder,
.is--ctl-address.is--act-edit .address--vatid input[type="text"]:-moz-placeholder,
.is--ctl-address.is--act-create .address--vatid input[type="text"]:-moz-placeholder,
.is--ctl-register .address--vatid input[type="text"]:-moz-placeholder,
.is--ctl-customregister .address--vatid input[type="text"]:-moz-placeholder,
.is--ctl-address.is--act-edit .address--department input[type="text"]:-moz-placeholder,
.is--ctl-address.is--act-create .address--department input[type="text"]:-moz-placeholder,
.is--ctl-register .address--department input[type="text"]:-moz-placeholder,
.is--ctl-customregister .address--department input[type="text"]:-moz-placeholder,
.is--ctl-address.is--act-edit .address--vatid input[type="password"]:-moz-placeholder,
.is--ctl-address.is--act-create .address--vatid input[type="password"]:-moz-placeholder,
.is--ctl-register .address--vatid input[type="password"]:-moz-placeholder,
.is--ctl-customregister .address--vatid input[type="password"]:-moz-placeholder,
.is--ctl-address.is--act-edit .address--department input[type="password"]:-moz-placeholder,
.is--ctl-address.is--act-create .address--department input[type="password"]:-moz-placeholder,
.is--ctl-register .address--department input[type="password"]:-moz-placeholder,
.is--ctl-customregister .address--department input[type="password"]:-moz-placeholder,
.is--ctl-address.is--act-edit .address--vatid input[type="number"]:-moz-placeholder,
.is--ctl-address.is--act-create .address--vatid input[type="number"]:-moz-placeholder,
.is--ctl-register .address--vatid input[type="number"]:-moz-placeholder,
.is--ctl-customregister .address--vatid input[type="number"]:-moz-placeholder,
.is--ctl-address.is--act-edit .address--department input[type="number"]:-moz-placeholder,
.is--ctl-address.is--act-create .address--department input[type="number"]:-moz-placeholder,
.is--ctl-register .address--department input[type="number"]:-moz-placeholder,
.is--ctl-customregister .address--department input[type="number"]:-moz-placeholder,
.is--ctl-address.is--act-edit .address--vatid input[type="email"]:-moz-placeholder,
.is--ctl-address.is--act-create .address--vatid input[type="email"]:-moz-placeholder,
.is--ctl-register .address--vatid input[type="email"]:-moz-placeholder,
.is--ctl-customregister .address--vatid input[type="email"]:-moz-placeholder,
.is--ctl-address.is--act-edit .address--department input[type="email"]:-moz-placeholder,
.is--ctl-address.is--act-create .address--department input[type="email"]:-moz-placeholder,
.is--ctl-register .address--department input[type="email"]:-moz-placeholder,
.is--ctl-customregister .address--department input[type="email"]:-moz-placeholder,
.is--ctl-address.is--act-edit .address--vatid input[type="tel"]:-moz-placeholder,
.is--ctl-address.is--act-create .address--vatid input[type="tel"]:-moz-placeholder,
.is--ctl-register .address--vatid input[type="tel"]:-moz-placeholder,
.is--ctl-customregister .address--vatid input[type="tel"]:-moz-placeholder,
.is--ctl-address.is--act-edit .address--department input[type="tel"]:-moz-placeholder,
.is--ctl-address.is--act-create .address--department input[type="tel"]:-moz-placeholder,
.is--ctl-register .address--department input[type="tel"]:-moz-placeholder,
.is--ctl-customregister .address--department input[type="tel"]:-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .address--vatid textarea::-moz-placeholder,
.is--ctl-address.is--act-create .address--vatid textarea::-moz-placeholder,
.is--ctl-register .address--vatid textarea::-moz-placeholder,
.is--ctl-customregister .address--vatid textarea::-moz-placeholder,
.is--ctl-address.is--act-edit .address--department textarea::-moz-placeholder,
.is--ctl-address.is--act-create .address--department textarea::-moz-placeholder,
.is--ctl-register .address--department textarea::-moz-placeholder,
.is--ctl-customregister .address--department textarea::-moz-placeholder,
.is--ctl-address.is--act-edit .address--vatid input[type="text"]::-moz-placeholder,
.is--ctl-address.is--act-create .address--vatid input[type="text"]::-moz-placeholder,
.is--ctl-register .address--vatid input[type="text"]::-moz-placeholder,
.is--ctl-customregister .address--vatid input[type="text"]::-moz-placeholder,
.is--ctl-address.is--act-edit .address--department input[type="text"]::-moz-placeholder,
.is--ctl-address.is--act-create .address--department input[type="text"]::-moz-placeholder,
.is--ctl-register .address--department input[type="text"]::-moz-placeholder,
.is--ctl-customregister .address--department input[type="text"]::-moz-placeholder,
.is--ctl-address.is--act-edit .address--vatid input[type="password"]::-moz-placeholder,
.is--ctl-address.is--act-create .address--vatid input[type="password"]::-moz-placeholder,
.is--ctl-register .address--vatid input[type="password"]::-moz-placeholder,
.is--ctl-customregister .address--vatid input[type="password"]::-moz-placeholder,
.is--ctl-address.is--act-edit .address--department input[type="password"]::-moz-placeholder,
.is--ctl-address.is--act-create .address--department input[type="password"]::-moz-placeholder,
.is--ctl-register .address--department input[type="password"]::-moz-placeholder,
.is--ctl-customregister .address--department input[type="password"]::-moz-placeholder,
.is--ctl-address.is--act-edit .address--vatid input[type="number"]::-moz-placeholder,
.is--ctl-address.is--act-create .address--vatid input[type="number"]::-moz-placeholder,
.is--ctl-register .address--vatid input[type="number"]::-moz-placeholder,
.is--ctl-customregister .address--vatid input[type="number"]::-moz-placeholder,
.is--ctl-address.is--act-edit .address--department input[type="number"]::-moz-placeholder,
.is--ctl-address.is--act-create .address--department input[type="number"]::-moz-placeholder,
.is--ctl-register .address--department input[type="number"]::-moz-placeholder,
.is--ctl-customregister .address--department input[type="number"]::-moz-placeholder,
.is--ctl-address.is--act-edit .address--vatid input[type="email"]::-moz-placeholder,
.is--ctl-address.is--act-create .address--vatid input[type="email"]::-moz-placeholder,
.is--ctl-register .address--vatid input[type="email"]::-moz-placeholder,
.is--ctl-customregister .address--vatid input[type="email"]::-moz-placeholder,
.is--ctl-address.is--act-edit .address--department input[type="email"]::-moz-placeholder,
.is--ctl-address.is--act-create .address--department input[type="email"]::-moz-placeholder,
.is--ctl-register .address--department input[type="email"]::-moz-placeholder,
.is--ctl-customregister .address--department input[type="email"]::-moz-placeholder,
.is--ctl-address.is--act-edit .address--vatid input[type="tel"]::-moz-placeholder,
.is--ctl-address.is--act-create .address--vatid input[type="tel"]::-moz-placeholder,
.is--ctl-register .address--vatid input[type="tel"]::-moz-placeholder,
.is--ctl-customregister .address--vatid input[type="tel"]::-moz-placeholder,
.is--ctl-address.is--act-edit .address--department input[type="tel"]::-moz-placeholder,
.is--ctl-address.is--act-create .address--department input[type="tel"]::-moz-placeholder,
.is--ctl-register .address--department input[type="tel"]::-moz-placeholder,
.is--ctl-customregister .address--department input[type="tel"]::-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .address--vatid textarea:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--vatid textarea:-ms-input-placeholder,
.is--ctl-register .address--vatid textarea:-ms-input-placeholder,
.is--ctl-customregister .address--vatid textarea:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--department textarea:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--department textarea:-ms-input-placeholder,
.is--ctl-register .address--department textarea:-ms-input-placeholder,
.is--ctl-customregister .address--department textarea:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--vatid input[type="text"]:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--vatid input[type="text"]:-ms-input-placeholder,
.is--ctl-register .address--vatid input[type="text"]:-ms-input-placeholder,
.is--ctl-customregister .address--vatid input[type="text"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--department input[type="text"]:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--department input[type="text"]:-ms-input-placeholder,
.is--ctl-register .address--department input[type="text"]:-ms-input-placeholder,
.is--ctl-customregister .address--department input[type="text"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--vatid input[type="password"]:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--vatid input[type="password"]:-ms-input-placeholder,
.is--ctl-register .address--vatid input[type="password"]:-ms-input-placeholder,
.is--ctl-customregister .address--vatid input[type="password"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--department input[type="password"]:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--department input[type="password"]:-ms-input-placeholder,
.is--ctl-register .address--department input[type="password"]:-ms-input-placeholder,
.is--ctl-customregister .address--department input[type="password"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--vatid input[type="number"]:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--vatid input[type="number"]:-ms-input-placeholder,
.is--ctl-register .address--vatid input[type="number"]:-ms-input-placeholder,
.is--ctl-customregister .address--vatid input[type="number"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--department input[type="number"]:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--department input[type="number"]:-ms-input-placeholder,
.is--ctl-register .address--department input[type="number"]:-ms-input-placeholder,
.is--ctl-customregister .address--department input[type="number"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--vatid input[type="email"]:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--vatid input[type="email"]:-ms-input-placeholder,
.is--ctl-register .address--vatid input[type="email"]:-ms-input-placeholder,
.is--ctl-customregister .address--vatid input[type="email"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--department input[type="email"]:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--department input[type="email"]:-ms-input-placeholder,
.is--ctl-register .address--department input[type="email"]:-ms-input-placeholder,
.is--ctl-customregister .address--department input[type="email"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--vatid input[type="tel"]:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--vatid input[type="tel"]:-ms-input-placeholder,
.is--ctl-register .address--vatid input[type="tel"]:-ms-input-placeholder,
.is--ctl-customregister .address--vatid input[type="tel"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .address--department input[type="tel"]:-ms-input-placeholder,
.is--ctl-address.is--act-create .address--department input[type="tel"]:-ms-input-placeholder,
.is--ctl-register .address--department input[type="tel"]:-ms-input-placeholder,
.is--ctl-customregister .address--department input[type="tel"]:-ms-input-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .address--vatid textarea::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--vatid textarea::-webkit-input-placeholder,
.is--ctl-register .address--vatid textarea::-webkit-input-placeholder,
.is--ctl-customregister .address--vatid textarea::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--department textarea::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--department textarea::-webkit-input-placeholder,
.is--ctl-register .address--department textarea::-webkit-input-placeholder,
.is--ctl-customregister .address--department textarea::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--vatid input[type="text"]::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--vatid input[type="text"]::-webkit-input-placeholder,
.is--ctl-register .address--vatid input[type="text"]::-webkit-input-placeholder,
.is--ctl-customregister .address--vatid input[type="text"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--department input[type="text"]::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--department input[type="text"]::-webkit-input-placeholder,
.is--ctl-register .address--department input[type="text"]::-webkit-input-placeholder,
.is--ctl-customregister .address--department input[type="text"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--vatid input[type="password"]::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--vatid input[type="password"]::-webkit-input-placeholder,
.is--ctl-register .address--vatid input[type="password"]::-webkit-input-placeholder,
.is--ctl-customregister .address--vatid input[type="password"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--department input[type="password"]::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--department input[type="password"]::-webkit-input-placeholder,
.is--ctl-register .address--department input[type="password"]::-webkit-input-placeholder,
.is--ctl-customregister .address--department input[type="password"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--vatid input[type="number"]::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--vatid input[type="number"]::-webkit-input-placeholder,
.is--ctl-register .address--vatid input[type="number"]::-webkit-input-placeholder,
.is--ctl-customregister .address--vatid input[type="number"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--department input[type="number"]::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--department input[type="number"]::-webkit-input-placeholder,
.is--ctl-register .address--department input[type="number"]::-webkit-input-placeholder,
.is--ctl-customregister .address--department input[type="number"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--vatid input[type="email"]::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--vatid input[type="email"]::-webkit-input-placeholder,
.is--ctl-register .address--vatid input[type="email"]::-webkit-input-placeholder,
.is--ctl-customregister .address--vatid input[type="email"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--department input[type="email"]::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--department input[type="email"]::-webkit-input-placeholder,
.is--ctl-register .address--department input[type="email"]::-webkit-input-placeholder,
.is--ctl-customregister .address--department input[type="email"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--vatid input[type="tel"]::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--vatid input[type="tel"]::-webkit-input-placeholder,
.is--ctl-register .address--vatid input[type="tel"]::-webkit-input-placeholder,
.is--ctl-customregister .address--vatid input[type="tel"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .address--department input[type="tel"]::-webkit-input-placeholder,
.is--ctl-address.is--act-create .address--department input[type="tel"]::-webkit-input-placeholder,
.is--ctl-register .address--department input[type="tel"]::-webkit-input-placeholder,
.is--ctl-customregister .address--department input[type="tel"]::-webkit-input-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .address--department,
.is--ctl-address.is--act-create .address--department,
.is--ctl-register .address--department,
.is--ctl-customregister .address--department {
  box-sizing: border-box;
  padding-right: 3%;
}
.is--ctl-address.is--act-edit .address--alt-shipping,
.is--ctl-address.is--act-create .address--alt-shipping,
.is--ctl-register .address--alt-shipping,
.is--ctl-customregister .address--alt-shipping {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
  margin-bottom: 0;
  margin-top: 10px;
}
.is--ctl-address.is--act-edit .address--birthdate > .birthday--label,
.is--ctl-address.is--act-create .address--birthdate > .birthday--label,
.is--ctl-register .address--birthdate > .birthday--label,
.is--ctl-customregister .address--birthdate > .birthday--label {
  float: left;
  width: 100%;
}
.is--ctl-address.is--act-edit .address--birthdate > .address--birthday,
.is--ctl-address.is--act-create .address--birthdate > .address--birthday,
.is--ctl-register .address--birthdate > .address--birthday,
.is--ctl-customregister .address--birthdate > .address--birthday,
.is--ctl-address.is--act-edit .address--birthdate > .address--birthmonth,
.is--ctl-address.is--act-create .address--birthdate > .address--birthmonth,
.is--ctl-register .address--birthdate > .address--birthmonth,
.is--ctl-customregister .address--birthdate > .address--birthmonth,
.is--ctl-address.is--act-edit .address--birthdate > .address--birthyear,
.is--ctl-address.is--act-create .address--birthdate > .address--birthyear,
.is--ctl-register .address--birthdate > .address--birthyear,
.is--ctl-customregister .address--birthdate > .address--birthyear {
  float: left;
  width: 33.33333333%;
}
.is--ctl-address.is--act-edit .address--birthdate > .address--birthday,
.is--ctl-address.is--act-create .address--birthdate > .address--birthday,
.is--ctl-register .address--birthdate > .address--birthday,
.is--ctl-customregister .address--birthdate > .address--birthday,
.is--ctl-address.is--act-edit .address--birthdate > .address--birthmonth,
.is--ctl-address.is--act-create .address--birthdate > .address--birthmonth,
.is--ctl-register .address--birthdate > .address--birthmonth,
.is--ctl-customregister .address--birthdate > .address--birthmonth {
  box-sizing: border-box;
  padding-right: 3%;
}
.panel.address--personal .panel--body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* ul/li compatibility */
  list-style-type: none;
  padding: 0;
  margin: 0;
  *zoom: 1;
}
.panel.address--personal .panel--body:after {
  content: "";
  display: table;
  clear: both;
}
.panel.address--personal .panel--body:before,
.panel.address--personal .panel--body:after {
  display: table;
  content: "";
  line-height: 0;
}
.panel.address--personal .panel--body:after {
  clear: both;
}
.panel.address--personal .panel--body > .address--customertype {
  min-height: 50px;
}
.panel.address--personal .panel--body > .address--account-information > .address--password,
.panel.address--personal .panel--body > .address--account-information > .address--passwordconfirm {
  float: left;
  width: 50%;
}
.panel.address--personal .panel--body > .address--account-information > .address--password {
  box-sizing: border-box;
  padding-right: 3%;
}
.panel.address--personal .panel--body > .address--account-information {
  margin-bottom: 20px;
}
.panel.address--personal .panel--body > .address--check {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
  min-height: 40px;
}
.panel.address--address .panel--body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* ul/li compatibility */
  list-style-type: none;
  padding: 0;
  margin: 0;
  *zoom: 1;
}
.panel.address--address .panel--body:after {
  content: "";
  display: table;
  clear: both;
}
.panel.address--address .panel--body:before,
.panel.address--address .panel--body:after {
  display: table;
  content: "";
  line-height: 0;
}
.panel.address--address .panel--body:after {
  clear: both;
}
.panel.address--shipping {
  margin-top: 20px;
}
.panel.address--shipping .panel--body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* ul/li compatibility */
  list-style-type: none;
  padding: 0;
  margin: 0;
  *zoom: 1;
}
.panel.address--shipping .panel--body:after {
  content: "";
  display: table;
  clear: both;
}
.panel.address--shipping .panel--body:before,
.panel.address--shipping .panel--body:after {
  display: table;
  content: "";
  line-height: 0;
}
.panel.address--shipping .panel--body:after {
  clear: both;
}
.panel.address--shipping .panel--body .address--department {
  float: left;
  width: 100%;
  padding-right: 0;
  color: #999999;
}
.panel.address--shipping .panel--body .address--department textarea,
.panel.address--shipping .panel--body .address--department input[type="text"],
.panel.address--shipping .panel--body .address--department input[type="password"],
.panel.address--shipping .panel--body .address--department input[type="number"],
.panel.address--shipping .panel--body .address--department input[type="email"],
.panel.address--shipping .panel--body .address--department input[type="tel"] {
  color: #333333;
  background: #F3F0E8;
}
.panel.address--shipping .panel--body .address--department textarea:-moz-placeholder,
.panel.address--shipping .panel--body .address--department input[type="text"]:-moz-placeholder,
.panel.address--shipping .panel--body .address--department input[type="password"]:-moz-placeholder,
.panel.address--shipping .panel--body .address--department input[type="number"]:-moz-placeholder,
.panel.address--shipping .panel--body .address--department input[type="email"]:-moz-placeholder,
.panel.address--shipping .panel--body .address--department input[type="tel"]:-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.panel.address--shipping .panel--body .address--department textarea::-moz-placeholder,
.panel.address--shipping .panel--body .address--department input[type="text"]::-moz-placeholder,
.panel.address--shipping .panel--body .address--department input[type="password"]::-moz-placeholder,
.panel.address--shipping .panel--body .address--department input[type="number"]::-moz-placeholder,
.panel.address--shipping .panel--body .address--department input[type="email"]::-moz-placeholder,
.panel.address--shipping .panel--body .address--department input[type="tel"]::-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.panel.address--shipping .panel--body .address--department textarea:-ms-input-placeholder,
.panel.address--shipping .panel--body .address--department input[type="text"]:-ms-input-placeholder,
.panel.address--shipping .panel--body .address--department input[type="password"]:-ms-input-placeholder,
.panel.address--shipping .panel--body .address--department input[type="number"]:-ms-input-placeholder,
.panel.address--shipping .panel--body .address--department input[type="email"]:-ms-input-placeholder,
.panel.address--shipping .panel--body .address--department input[type="tel"]:-ms-input-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.panel.address--shipping .panel--body .address--department textarea::-webkit-input-placeholder,
.panel.address--shipping .panel--body .address--department input[type="text"]::-webkit-input-placeholder,
.panel.address--shipping .panel--body .address--department input[type="password"]::-webkit-input-placeholder,
.panel.address--shipping .panel--body .address--department input[type="number"]::-webkit-input-placeholder,
.panel.address--shipping .panel--body .address--department input[type="email"]::-webkit-input-placeholder,
.panel.address--shipping .panel--body .address--department input[type="tel"]::-webkit-input-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.address--required-info {
  display: none;
}
.address--action {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
  /* ul/li compatibility */
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top: 15px;
}
.address--action .address--newsletter p {
  font-size: 16px;
  padding-left: 28px;
}
.address--action .btn.address--submit {
  float: left;
  width: 31%;
  float: right;
}
.address--autologinarea {
  margin-top: 15px;
  margin-bottom: 10px;
}
.address--item-actions {
  margin-top: 12px;
}
.address--item-actions form {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.address--item-actions form .btn,
.address--item-actions form button {
  background: none!important;
  border: none;
  padding: 0!important;
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 24px;
  font-style: italic;
  text-decoration: underline;
  color: #616161;
  margin-right: 20px;
  cursor: pointer;
}
.address--item-actions form .btn:hover,
.address--item-actions form button:hover {
  color: #ff4e3f;
}
@media only screen and (max-width: 767px) {
  .content.block-group-2 > .block {
    width: 100%!important;
    padding: 0 10px!important;
  }
  .address--content .pick-account-type--new .btn,
  .address--content .pick-account-type--without .btn,
  .address--content .address--login .btn {
    position: relative;
    bottom: 0px;
    right: 0px;
    float: right;
    margin-top: 10px;
  }
  .address--content .address--form {
    width: 100%!important;
  }
  .address--action .btn.address--submit {
    width: 100%!important;
    float: right;
    margin-top: 10px;
  }
  .address--action .address--newsletter p,
  .address--content .address--form [type=checkbox]:not(:checked) + label {
    font-size: 12px;
    display: block;
  }
  .address--autologinarea {
    padding-left: 0px;
  }
}
.register-optional {
  color: #999999;
}
.register-optional textarea,
.register-optional input[type="text"],
.register-optional input[type="password"],
.register-optional input[type="number"],
.register-optional input[type="email"],
.register-optional input[type="tel"] {
  color: #333333;
  background: #F3F0E8;
}
.register-optional textarea:-moz-placeholder,
.register-optional input[type="text"]:-moz-placeholder,
.register-optional input[type="password"]:-moz-placeholder,
.register-optional input[type="number"]:-moz-placeholder,
.register-optional input[type="email"]:-moz-placeholder,
.register-optional input[type="tel"]:-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.register-optional textarea::-moz-placeholder,
.register-optional input[type="text"]::-moz-placeholder,
.register-optional input[type="password"]::-moz-placeholder,
.register-optional input[type="number"]::-moz-placeholder,
.register-optional input[type="email"]::-moz-placeholder,
.register-optional input[type="tel"]::-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.register-optional textarea:-ms-input-placeholder,
.register-optional input[type="text"]:-ms-input-placeholder,
.register-optional input[type="password"]:-ms-input-placeholder,
.register-optional input[type="number"]:-ms-input-placeholder,
.register-optional input[type="email"]:-ms-input-placeholder,
.register-optional input[type="tel"]:-ms-input-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.register-optional textarea::-webkit-input-placeholder,
.register-optional input[type="text"]::-webkit-input-placeholder,
.register-optional input[type="password"]::-webkit-input-placeholder,
.register-optional input[type="number"]::-webkit-input-placeholder,
.register-optional input[type="email"]::-webkit-input-placeholder,
.register-optional input[type="tel"]::-webkit-input-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .js--fancy-select-text,
.is--ctl-register .js--fancy-select-text,
.is--ctl-customregister .js--fancy-select-text {
  color: #afafaf;
}
.is--ctl-address.is--act-edit .js--fancy-select.changed .js--fancy-select-text,
.is--ctl-register .js--fancy-select.changed .js--fancy-select-text,
.is--ctl-customregister .js--fancy-select.changed .js--fancy-select-text {
  color: #262626;
}
.is--ctl-address.is--act-edit .register--customertype .js--fancy-select,
.is--ctl-register .register--customertype .js--fancy-select,
.is--ctl-customregister .register--customertype .js--fancy-select,
.is--ctl-address.is--act-edit .register--salutation .js--fancy-select,
.is--ctl-register .register--salutation .js--fancy-select,
.is--ctl-customregister .register--salutation .js--fancy-select,
.is--ctl-address.is--act-edit .register--country .js--fancy-select,
.is--ctl-register .register--country .js--fancy-select,
.is--ctl-customregister .register--country .js--fancy-select,
.is--ctl-address.is--act-edit .register--shipping-country .js--fancy-select,
.is--ctl-register .register--shipping-country .js--fancy-select,
.is--ctl-customregister .register--shipping-country .js--fancy-select,
.is--ctl-address.is--act-edit .register--birthdate .js--fancy-select,
.is--ctl-register .register--birthdate .js--fancy-select,
.is--ctl-customregister .register--birthdate .js--fancy-select {
  opacity: 1;
  width: 100%;
}
.is--ctl-address.is--act-edit .panel--body > div,
.is--ctl-register .panel--body > div,
.is--ctl-customregister .panel--body > div,
.is--ctl-address.is--act-edit .register--zip,
.is--ctl-register .register--zip,
.is--ctl-customregister .register--zip,
.is--ctl-address.is--act-edit .register--city,
.is--ctl-register .register--city,
.is--ctl-customregister .register--city,
.is--ctl-address.is--act-edit .register--department,
.is--ctl-register .register--department,
.is--ctl-customregister .register--department,
.is--ctl-address.is--act-edit .register--vatid,
.is--ctl-register .register--vatid,
.is--ctl-customregister .register--vatid,
.is--ctl-address.is--act-edit .register--companyname,
.is--ctl-register .register--companyname,
.is--ctl-customregister .register--companyname {
  margin-bottom: 8px;
}
.is--ctl-address.is--act-edit .register--birthday,
.is--ctl-register .register--birthday,
.is--ctl-customregister .register--birthday,
.is--ctl-address.is--act-edit .register--birthmonth,
.is--ctl-register .register--birthmonth,
.is--ctl-customregister .register--birthmonth,
.is--ctl-address.is--act-edit .register--birthyear,
.is--ctl-register .register--birthyear,
.is--ctl-customregister .register--birthyear {
  margin-bottom: 4px;
}
.is--ctl-address.is--act-edit .register--salutation,
.is--ctl-register .register--salutation,
.is--ctl-customregister .register--salutation {
  float: left;
  width: 33.33333333%;
}
.is--ctl-address.is--act-edit .register--firstname,
.is--ctl-register .register--firstname,
.is--ctl-customregister .register--firstname,
.is--ctl-address.is--act-edit .register--lastname,
.is--ctl-register .register--lastname,
.is--ctl-customregister .register--lastname {
  float: left;
  width: 33.33333333%;
}
.is--ctl-address.is--act-edit .register--salutation,
.is--ctl-register .register--salutation,
.is--ctl-customregister .register--salutation,
.is--ctl-address.is--act-edit .register--firstname,
.is--ctl-register .register--firstname,
.is--ctl-customregister .register--firstname {
  box-sizing: border-box;
  padding-right: 3%;
}
.is--ctl-address.is--act-edit .register--zip,
.is--ctl-register .register--zip,
.is--ctl-customregister .register--zip,
.is--ctl-address.is--act-edit .register--city,
.is--ctl-register .register--city,
.is--ctl-customregister .register--city,
.is--ctl-address.is--act-edit .register--country,
.is--ctl-register .register--country,
.is--ctl-customregister .register--country,
.is--ctl-address.is--act-edit .register--shipping-country,
.is--ctl-register .register--shipping-country,
.is--ctl-customregister .register--shipping-country {
  float: left;
  width: 33.33333333%;
}
.is--ctl-address.is--act-edit .register--zip,
.is--ctl-register .register--zip,
.is--ctl-customregister .register--zip,
.is--ctl-address.is--act-edit .register--city,
.is--ctl-register .register--city,
.is--ctl-customregister .register--city {
  box-sizing: border-box;
  padding-right: 3%;
}
.is--ctl-address.is--act-edit .register--phone,
.is--ctl-register .register--phone,
.is--ctl-customregister .register--phone {
  float: left;
  width: 33.33333333%;
  color: #999999;
  box-sizing: border-box;
  padding-right: 3%;
  clear: left;
}
.is--ctl-address.is--act-edit .register--phone textarea,
.is--ctl-register .register--phone textarea,
.is--ctl-customregister .register--phone textarea,
.is--ctl-address.is--act-edit .register--phone input[type="text"],
.is--ctl-register .register--phone input[type="text"],
.is--ctl-customregister .register--phone input[type="text"],
.is--ctl-address.is--act-edit .register--phone input[type="password"],
.is--ctl-register .register--phone input[type="password"],
.is--ctl-customregister .register--phone input[type="password"],
.is--ctl-address.is--act-edit .register--phone input[type="number"],
.is--ctl-register .register--phone input[type="number"],
.is--ctl-customregister .register--phone input[type="number"],
.is--ctl-address.is--act-edit .register--phone input[type="email"],
.is--ctl-register .register--phone input[type="email"],
.is--ctl-customregister .register--phone input[type="email"],
.is--ctl-address.is--act-edit .register--phone input[type="tel"],
.is--ctl-register .register--phone input[type="tel"],
.is--ctl-customregister .register--phone input[type="tel"] {
  color: #333333;
  background: #F3F0E8;
}
.is--ctl-address.is--act-edit .register--phone textarea:-moz-placeholder,
.is--ctl-register .register--phone textarea:-moz-placeholder,
.is--ctl-customregister .register--phone textarea:-moz-placeholder,
.is--ctl-address.is--act-edit .register--phone input[type="text"]:-moz-placeholder,
.is--ctl-register .register--phone input[type="text"]:-moz-placeholder,
.is--ctl-customregister .register--phone input[type="text"]:-moz-placeholder,
.is--ctl-address.is--act-edit .register--phone input[type="password"]:-moz-placeholder,
.is--ctl-register .register--phone input[type="password"]:-moz-placeholder,
.is--ctl-customregister .register--phone input[type="password"]:-moz-placeholder,
.is--ctl-address.is--act-edit .register--phone input[type="number"]:-moz-placeholder,
.is--ctl-register .register--phone input[type="number"]:-moz-placeholder,
.is--ctl-customregister .register--phone input[type="number"]:-moz-placeholder,
.is--ctl-address.is--act-edit .register--phone input[type="email"]:-moz-placeholder,
.is--ctl-register .register--phone input[type="email"]:-moz-placeholder,
.is--ctl-customregister .register--phone input[type="email"]:-moz-placeholder,
.is--ctl-address.is--act-edit .register--phone input[type="tel"]:-moz-placeholder,
.is--ctl-register .register--phone input[type="tel"]:-moz-placeholder,
.is--ctl-customregister .register--phone input[type="tel"]:-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .register--phone textarea::-moz-placeholder,
.is--ctl-register .register--phone textarea::-moz-placeholder,
.is--ctl-customregister .register--phone textarea::-moz-placeholder,
.is--ctl-address.is--act-edit .register--phone input[type="text"]::-moz-placeholder,
.is--ctl-register .register--phone input[type="text"]::-moz-placeholder,
.is--ctl-customregister .register--phone input[type="text"]::-moz-placeholder,
.is--ctl-address.is--act-edit .register--phone input[type="password"]::-moz-placeholder,
.is--ctl-register .register--phone input[type="password"]::-moz-placeholder,
.is--ctl-customregister .register--phone input[type="password"]::-moz-placeholder,
.is--ctl-address.is--act-edit .register--phone input[type="number"]::-moz-placeholder,
.is--ctl-register .register--phone input[type="number"]::-moz-placeholder,
.is--ctl-customregister .register--phone input[type="number"]::-moz-placeholder,
.is--ctl-address.is--act-edit .register--phone input[type="email"]::-moz-placeholder,
.is--ctl-register .register--phone input[type="email"]::-moz-placeholder,
.is--ctl-customregister .register--phone input[type="email"]::-moz-placeholder,
.is--ctl-address.is--act-edit .register--phone input[type="tel"]::-moz-placeholder,
.is--ctl-register .register--phone input[type="tel"]::-moz-placeholder,
.is--ctl-customregister .register--phone input[type="tel"]::-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .register--phone textarea:-ms-input-placeholder,
.is--ctl-register .register--phone textarea:-ms-input-placeholder,
.is--ctl-customregister .register--phone textarea:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--phone input[type="text"]:-ms-input-placeholder,
.is--ctl-register .register--phone input[type="text"]:-ms-input-placeholder,
.is--ctl-customregister .register--phone input[type="text"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--phone input[type="password"]:-ms-input-placeholder,
.is--ctl-register .register--phone input[type="password"]:-ms-input-placeholder,
.is--ctl-customregister .register--phone input[type="password"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--phone input[type="number"]:-ms-input-placeholder,
.is--ctl-register .register--phone input[type="number"]:-ms-input-placeholder,
.is--ctl-customregister .register--phone input[type="number"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--phone input[type="email"]:-ms-input-placeholder,
.is--ctl-register .register--phone input[type="email"]:-ms-input-placeholder,
.is--ctl-customregister .register--phone input[type="email"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--phone input[type="tel"]:-ms-input-placeholder,
.is--ctl-register .register--phone input[type="tel"]:-ms-input-placeholder,
.is--ctl-customregister .register--phone input[type="tel"]:-ms-input-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .register--phone textarea::-webkit-input-placeholder,
.is--ctl-register .register--phone textarea::-webkit-input-placeholder,
.is--ctl-customregister .register--phone textarea::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--phone input[type="text"]::-webkit-input-placeholder,
.is--ctl-register .register--phone input[type="text"]::-webkit-input-placeholder,
.is--ctl-customregister .register--phone input[type="text"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--phone input[type="password"]::-webkit-input-placeholder,
.is--ctl-register .register--phone input[type="password"]::-webkit-input-placeholder,
.is--ctl-customregister .register--phone input[type="password"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--phone input[type="number"]::-webkit-input-placeholder,
.is--ctl-register .register--phone input[type="number"]::-webkit-input-placeholder,
.is--ctl-customregister .register--phone input[type="number"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--phone input[type="email"]::-webkit-input-placeholder,
.is--ctl-register .register--phone input[type="email"]::-webkit-input-placeholder,
.is--ctl-customregister .register--phone input[type="email"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--phone input[type="tel"]::-webkit-input-placeholder,
.is--ctl-register .register--phone input[type="tel"]::-webkit-input-placeholder,
.is--ctl-customregister .register--phone input[type="tel"]::-webkit-input-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .register--default-shipping,
.is--ctl-register .register--default-shipping,
.is--ctl-customregister .register--default-shipping,
.is--ctl-address.is--act-edit .register--default-billing,
.is--ctl-register .register--default-billing,
.is--ctl-customregister .register--default-billing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
}
.is--ctl-address.is--act-edit .register--phone-description,
.is--ctl-register .register--phone-description,
.is--ctl-customregister .register--phone-description {
  float: left;
  width: 66.66666667%;
  color: #999999;
}
.is--ctl-address.is--act-edit .register--phone-description textarea,
.is--ctl-register .register--phone-description textarea,
.is--ctl-customregister .register--phone-description textarea,
.is--ctl-address.is--act-edit .register--phone-description input[type="text"],
.is--ctl-register .register--phone-description input[type="text"],
.is--ctl-customregister .register--phone-description input[type="text"],
.is--ctl-address.is--act-edit .register--phone-description input[type="password"],
.is--ctl-register .register--phone-description input[type="password"],
.is--ctl-customregister .register--phone-description input[type="password"],
.is--ctl-address.is--act-edit .register--phone-description input[type="number"],
.is--ctl-register .register--phone-description input[type="number"],
.is--ctl-customregister .register--phone-description input[type="number"],
.is--ctl-address.is--act-edit .register--phone-description input[type="email"],
.is--ctl-register .register--phone-description input[type="email"],
.is--ctl-customregister .register--phone-description input[type="email"],
.is--ctl-address.is--act-edit .register--phone-description input[type="tel"],
.is--ctl-register .register--phone-description input[type="tel"],
.is--ctl-customregister .register--phone-description input[type="tel"] {
  color: #333333;
  background: #F3F0E8;
}
.is--ctl-address.is--act-edit .register--phone-description textarea:-moz-placeholder,
.is--ctl-register .register--phone-description textarea:-moz-placeholder,
.is--ctl-customregister .register--phone-description textarea:-moz-placeholder,
.is--ctl-address.is--act-edit .register--phone-description input[type="text"]:-moz-placeholder,
.is--ctl-register .register--phone-description input[type="text"]:-moz-placeholder,
.is--ctl-customregister .register--phone-description input[type="text"]:-moz-placeholder,
.is--ctl-address.is--act-edit .register--phone-description input[type="password"]:-moz-placeholder,
.is--ctl-register .register--phone-description input[type="password"]:-moz-placeholder,
.is--ctl-customregister .register--phone-description input[type="password"]:-moz-placeholder,
.is--ctl-address.is--act-edit .register--phone-description input[type="number"]:-moz-placeholder,
.is--ctl-register .register--phone-description input[type="number"]:-moz-placeholder,
.is--ctl-customregister .register--phone-description input[type="number"]:-moz-placeholder,
.is--ctl-address.is--act-edit .register--phone-description input[type="email"]:-moz-placeholder,
.is--ctl-register .register--phone-description input[type="email"]:-moz-placeholder,
.is--ctl-customregister .register--phone-description input[type="email"]:-moz-placeholder,
.is--ctl-address.is--act-edit .register--phone-description input[type="tel"]:-moz-placeholder,
.is--ctl-register .register--phone-description input[type="tel"]:-moz-placeholder,
.is--ctl-customregister .register--phone-description input[type="tel"]:-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .register--phone-description textarea::-moz-placeholder,
.is--ctl-register .register--phone-description textarea::-moz-placeholder,
.is--ctl-customregister .register--phone-description textarea::-moz-placeholder,
.is--ctl-address.is--act-edit .register--phone-description input[type="text"]::-moz-placeholder,
.is--ctl-register .register--phone-description input[type="text"]::-moz-placeholder,
.is--ctl-customregister .register--phone-description input[type="text"]::-moz-placeholder,
.is--ctl-address.is--act-edit .register--phone-description input[type="password"]::-moz-placeholder,
.is--ctl-register .register--phone-description input[type="password"]::-moz-placeholder,
.is--ctl-customregister .register--phone-description input[type="password"]::-moz-placeholder,
.is--ctl-address.is--act-edit .register--phone-description input[type="number"]::-moz-placeholder,
.is--ctl-register .register--phone-description input[type="number"]::-moz-placeholder,
.is--ctl-customregister .register--phone-description input[type="number"]::-moz-placeholder,
.is--ctl-address.is--act-edit .register--phone-description input[type="email"]::-moz-placeholder,
.is--ctl-register .register--phone-description input[type="email"]::-moz-placeholder,
.is--ctl-customregister .register--phone-description input[type="email"]::-moz-placeholder,
.is--ctl-address.is--act-edit .register--phone-description input[type="tel"]::-moz-placeholder,
.is--ctl-register .register--phone-description input[type="tel"]::-moz-placeholder,
.is--ctl-customregister .register--phone-description input[type="tel"]::-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .register--phone-description textarea:-ms-input-placeholder,
.is--ctl-register .register--phone-description textarea:-ms-input-placeholder,
.is--ctl-customregister .register--phone-description textarea:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--phone-description input[type="text"]:-ms-input-placeholder,
.is--ctl-register .register--phone-description input[type="text"]:-ms-input-placeholder,
.is--ctl-customregister .register--phone-description input[type="text"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--phone-description input[type="password"]:-ms-input-placeholder,
.is--ctl-register .register--phone-description input[type="password"]:-ms-input-placeholder,
.is--ctl-customregister .register--phone-description input[type="password"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--phone-description input[type="number"]:-ms-input-placeholder,
.is--ctl-register .register--phone-description input[type="number"]:-ms-input-placeholder,
.is--ctl-customregister .register--phone-description input[type="number"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--phone-description input[type="email"]:-ms-input-placeholder,
.is--ctl-register .register--phone-description input[type="email"]:-ms-input-placeholder,
.is--ctl-customregister .register--phone-description input[type="email"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--phone-description input[type="tel"]:-ms-input-placeholder,
.is--ctl-register .register--phone-description input[type="tel"]:-ms-input-placeholder,
.is--ctl-customregister .register--phone-description input[type="tel"]:-ms-input-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .register--phone-description textarea::-webkit-input-placeholder,
.is--ctl-register .register--phone-description textarea::-webkit-input-placeholder,
.is--ctl-customregister .register--phone-description textarea::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--phone-description input[type="text"]::-webkit-input-placeholder,
.is--ctl-register .register--phone-description input[type="text"]::-webkit-input-placeholder,
.is--ctl-customregister .register--phone-description input[type="text"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--phone-description input[type="password"]::-webkit-input-placeholder,
.is--ctl-register .register--phone-description input[type="password"]::-webkit-input-placeholder,
.is--ctl-customregister .register--phone-description input[type="password"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--phone-description input[type="number"]::-webkit-input-placeholder,
.is--ctl-register .register--phone-description input[type="number"]::-webkit-input-placeholder,
.is--ctl-customregister .register--phone-description input[type="number"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--phone-description input[type="email"]::-webkit-input-placeholder,
.is--ctl-register .register--phone-description input[type="email"]::-webkit-input-placeholder,
.is--ctl-customregister .register--phone-description input[type="email"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--phone-description input[type="tel"]::-webkit-input-placeholder,
.is--ctl-register .register--phone-description input[type="tel"]::-webkit-input-placeholder,
.is--ctl-customregister .register--phone-description input[type="tel"]::-webkit-input-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .register--phone-description span,
.is--ctl-register .register--phone-description span,
.is--ctl-customregister .register--phone-description span {
  margin-top: 10px;
  display: inline-block;
}
.is--ctl-address.is--act-edit .pick-account-type--without,
.is--ctl-register .pick-account-type--without,
.is--ctl-customregister .pick-account-type--without,
.is--ctl-address.is--act-edit .pick-account-type--new,
.is--ctl-register .pick-account-type--new,
.is--ctl-customregister .pick-account-type--new,
.is--ctl-address.is--act-edit .register--login,
.is--ctl-register .register--login,
.is--ctl-customregister .register--login {
  position: relative;
  padding-bottom: 50px !important;
}
.is--ctl-address.is--act-edit .pick-account-type--without .btn,
.is--ctl-register .pick-account-type--without .btn,
.is--ctl-customregister .pick-account-type--without .btn,
.is--ctl-address.is--act-edit .pick-account-type--new .btn,
.is--ctl-register .pick-account-type--new .btn,
.is--ctl-customregister .pick-account-type--new .btn,
.is--ctl-address.is--act-edit .register--login .btn,
.is--ctl-register .register--login .btn,
.is--ctl-customregister .register--login .btn {
  position: absolute;
  bottom: 0;
  right: 40px;
}
.is--ctl-address.is--act-edit .pick-account-type--new ul li,
.is--ctl-register .pick-account-type--new ul li,
.is--ctl-customregister .pick-account-type--new ul li {
  list-style-type: disc;
  margin-left: 20px;
}
.is--ctl-address.is--act-edit .register--form,
.is--ctl-register .register--form,
.is--ctl-customregister .register--form,
.is--ctl-address.is--act-edit .account--billing-form,
.is--ctl-register .account--billing-form,
.is--ctl-customregister .account--billing-form,
.is--ctl-address.is--act-edit .account--register-form,
.is--ctl-register .account--register-form,
.is--ctl-customregister .account--register-form,
.is--ctl-address.is--act-edit .account--shipping-form,
.is--ctl-register .account--shipping-form,
.is--ctl-customregister .account--shipping-form {
  width: 760px!important;
  width: 684px;
  margin: 0 auto;
  float: none !important;
}
.is--ctl-address.is--act-edit .register--form [type="checkbox"]:not(:checked),
.is--ctl-register .register--form [type="checkbox"]:not(:checked),
.is--ctl-customregister .register--form [type="checkbox"]:not(:checked),
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:not(:checked),
.is--ctl-register .account--billing-form [type="checkbox"]:not(:checked),
.is--ctl-customregister .account--billing-form [type="checkbox"]:not(:checked),
.is--ctl-address.is--act-edit .account--register-form [type="checkbox"]:not(:checked),
.is--ctl-register .account--register-form [type="checkbox"]:not(:checked),
.is--ctl-customregister .account--register-form [type="checkbox"]:not(:checked),
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:not(:checked),
.is--ctl-register .account--shipping-form [type="checkbox"]:not(:checked),
.is--ctl-customregister .account--shipping-form [type="checkbox"]:not(:checked),
.is--ctl-address.is--act-edit .register--form [type="checkbox"]:checked,
.is--ctl-register .register--form [type="checkbox"]:checked,
.is--ctl-customregister .register--form [type="checkbox"]:checked,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:checked,
.is--ctl-register .account--billing-form [type="checkbox"]:checked,
.is--ctl-customregister .account--billing-form [type="checkbox"]:checked,
.is--ctl-address.is--act-edit .account--register-form [type="checkbox"]:checked,
.is--ctl-register .account--register-form [type="checkbox"]:checked,
.is--ctl-customregister .account--register-form [type="checkbox"]:checked,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:checked,
.is--ctl-register .account--shipping-form [type="checkbox"]:checked,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:checked {
  width: 1px;
  opacity: 0;
  margin: 0;
  padding: 0;
}
.is--ctl-address.is--act-edit .register--form [type="checkbox"]:not(:checked) + label,
.is--ctl-register .register--form [type="checkbox"]:not(:checked) + label,
.is--ctl-customregister .register--form [type="checkbox"]:not(:checked) + label,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:not(:checked) + label,
.is--ctl-register .account--billing-form [type="checkbox"]:not(:checked) + label,
.is--ctl-customregister .account--billing-form [type="checkbox"]:not(:checked) + label,
.is--ctl-address.is--act-edit .account--register-form [type="checkbox"]:not(:checked) + label,
.is--ctl-register .account--register-form [type="checkbox"]:not(:checked) + label,
.is--ctl-customregister .account--register-form [type="checkbox"]:not(:checked) + label,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:not(:checked) + label,
.is--ctl-register .account--shipping-form [type="checkbox"]:not(:checked) + label,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:not(:checked) + label,
.is--ctl-address.is--act-edit .register--form [type="checkbox"]:checked + label,
.is--ctl-register .register--form [type="checkbox"]:checked + label,
.is--ctl-customregister .register--form [type="checkbox"]:checked + label,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:checked + label,
.is--ctl-register .account--billing-form [type="checkbox"]:checked + label,
.is--ctl-customregister .account--billing-form [type="checkbox"]:checked + label,
.is--ctl-address.is--act-edit .account--register-form [type="checkbox"]:checked + label,
.is--ctl-register .account--register-form [type="checkbox"]:checked + label,
.is--ctl-customregister .account--register-form [type="checkbox"]:checked + label,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:checked + label,
.is--ctl-register .account--shipping-form [type="checkbox"]:checked + label,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 28px;
  padding-top: 2px;
}
.is--ctl-address.is--act-edit .register--form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-register .register--form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-customregister .register--form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-register .account--billing-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-customregister .account--billing-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-address.is--act-edit .account--register-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-register .account--register-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-customregister .account--register-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-register .account--shipping-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:not(:checked) + label:before,
.is--ctl-address.is--act-edit .register--form [type="checkbox"]:checked + label:before,
.is--ctl-register .register--form [type="checkbox"]:checked + label:before,
.is--ctl-customregister .register--form [type="checkbox"]:checked + label:before,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:checked + label:before,
.is--ctl-register .account--billing-form [type="checkbox"]:checked + label:before,
.is--ctl-customregister .account--billing-form [type="checkbox"]:checked + label:before,
.is--ctl-address.is--act-edit .account--register-form [type="checkbox"]:checked + label:before,
.is--ctl-register .account--register-form [type="checkbox"]:checked + label:before,
.is--ctl-customregister .account--register-form [type="checkbox"]:checked + label:before,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:checked + label:before,
.is--ctl-register .account--shipping-form [type="checkbox"]:checked + label:before,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #b5b29e;
  background: #f8f8f8;
  -ms-transition: border-color 0.2s ease-in;
  -webkit-transition: border-color 0.2s ease-in;
  -moz-transition: border-color 0.2s ease-in;
  -o-transition: border-color 0.2s ease-in;
  transition: border-color 0.2s ease-in;
}
.is--ctl-address.is--act-edit .register--form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-register .register--form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-customregister .register--form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-register .account--billing-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-customregister .account--billing-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-address.is--act-edit .account--register-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-register .account--register-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-customregister .account--register-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-register .account--shipping-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:not(:checked) + label:hover:before,
.is--ctl-address.is--act-edit .register--form [type="checkbox"]:checked + label:hover:before,
.is--ctl-register .register--form [type="checkbox"]:checked + label:hover:before,
.is--ctl-customregister .register--form [type="checkbox"]:checked + label:hover:before,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-register .account--billing-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-customregister .account--billing-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-address.is--act-edit .account--register-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-register .account--register-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-customregister .account--register-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-register .account--shipping-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:checked + label:hover:before,
.is--ctl-address.is--act-edit .register--form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-register .register--form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-customregister .register--form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-register .account--billing-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-customregister .account--billing-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-address.is--act-edit .account--register-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-register .account--register-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-customregister .account--register-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-register .account--shipping-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:not(:checked) + label:focus:before,
.is--ctl-address.is--act-edit .register--form [type="checkbox"]:checked + label:focus:before,
.is--ctl-register .register--form [type="checkbox"]:checked + label:focus:before,
.is--ctl-customregister .register--form [type="checkbox"]:checked + label:focus:before,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:checked + label:focus:before,
.is--ctl-register .account--billing-form [type="checkbox"]:checked + label:focus:before,
.is--ctl-customregister .account--billing-form [type="checkbox"]:checked + label:focus:before,
.is--ctl-address.is--act-edit .account--register-form [type="checkbox"]:checked + label:focus:before,
.is--ctl-register .account--register-form [type="checkbox"]:checked + label:focus:before,
.is--ctl-customregister .account--register-form [type="checkbox"]:checked + label:focus:before,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:checked + label:focus:before,
.is--ctl-register .account--shipping-form [type="checkbox"]:checked + label:focus:before,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:checked + label:focus:before {
  border-color: #262626;
}
.is--ctl-address.is--act-edit .register--form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-register .register--form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-customregister .register--form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-register .account--billing-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-customregister .account--billing-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-edit .account--register-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-register .account--register-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-customregister .account--register-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-register .account--shipping-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-edit .register--form [type="checkbox"]:checked + label:after,
.is--ctl-register .register--form [type="checkbox"]:checked + label:after,
.is--ctl-customregister .register--form [type="checkbox"]:checked + label:after,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:checked + label:after,
.is--ctl-register .account--billing-form [type="checkbox"]:checked + label:after,
.is--ctl-customregister .account--billing-form [type="checkbox"]:checked + label:after,
.is--ctl-address.is--act-edit .account--register-form [type="checkbox"]:checked + label:after,
.is--ctl-register .account--register-form [type="checkbox"]:checked + label:after,
.is--ctl-customregister .account--register-form [type="checkbox"]:checked + label:after,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:checked + label:after,
.is--ctl-register .account--shipping-form [type="checkbox"]:checked + label:after,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:checked + label:after {
  content: "\e60b";
  position: absolute;
  top: -2px;
  left: 2px;
  font-size: 14px;
  color: #000;
  font-family: "qvest";
  transition: all .2s;
}
.is--ctl-address.is--act-edit .register--form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-register .register--form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-customregister .register--form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-register .account--billing-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-customregister .account--billing-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-edit .account--register-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-register .account--register-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-customregister .account--register-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-register .account--shipping-form [type="checkbox"]:not(:checked) + label:after,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:not(:checked) + label:after {
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.is--ctl-address.is--act-edit .register--form [type="checkbox"]:checked + label:after,
.is--ctl-register .register--form [type="checkbox"]:checked + label:after,
.is--ctl-customregister .register--form [type="checkbox"]:checked + label:after,
.is--ctl-address.is--act-edit .account--billing-form [type="checkbox"]:checked + label:after,
.is--ctl-register .account--billing-form [type="checkbox"]:checked + label:after,
.is--ctl-customregister .account--billing-form [type="checkbox"]:checked + label:after,
.is--ctl-address.is--act-edit .account--register-form [type="checkbox"]:checked + label:after,
.is--ctl-register .account--register-form [type="checkbox"]:checked + label:after,
.is--ctl-customregister .account--register-form [type="checkbox"]:checked + label:after,
.is--ctl-address.is--act-edit .account--shipping-form [type="checkbox"]:checked + label:after,
.is--ctl-register .account--shipping-form [type="checkbox"]:checked + label:after,
.is--ctl-customregister .account--shipping-form [type="checkbox"]:checked + label:after {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.is--ctl-address.is--act-edit .register--department,
.is--ctl-register .register--department,
.is--ctl-customregister .register--department,
.is--ctl-address.is--act-edit .register--vatid,
.is--ctl-register .register--vatid,
.is--ctl-customregister .register--vatid {
  float: left;
  width: 50%;
}
.is--ctl-address.is--act-edit .register--vatid,
.is--ctl-register .register--vatid,
.is--ctl-customregister .register--vatid,
.is--ctl-address.is--act-edit .register--department,
.is--ctl-register .register--department,
.is--ctl-customregister .register--department {
  color: #999999;
}
.is--ctl-address.is--act-edit .register--vatid textarea,
.is--ctl-register .register--vatid textarea,
.is--ctl-customregister .register--vatid textarea,
.is--ctl-address.is--act-edit .register--department textarea,
.is--ctl-register .register--department textarea,
.is--ctl-customregister .register--department textarea,
.is--ctl-address.is--act-edit .register--vatid input[type="text"],
.is--ctl-register .register--vatid input[type="text"],
.is--ctl-customregister .register--vatid input[type="text"],
.is--ctl-address.is--act-edit .register--department input[type="text"],
.is--ctl-register .register--department input[type="text"],
.is--ctl-customregister .register--department input[type="text"],
.is--ctl-address.is--act-edit .register--vatid input[type="password"],
.is--ctl-register .register--vatid input[type="password"],
.is--ctl-customregister .register--vatid input[type="password"],
.is--ctl-address.is--act-edit .register--department input[type="password"],
.is--ctl-register .register--department input[type="password"],
.is--ctl-customregister .register--department input[type="password"],
.is--ctl-address.is--act-edit .register--vatid input[type="number"],
.is--ctl-register .register--vatid input[type="number"],
.is--ctl-customregister .register--vatid input[type="number"],
.is--ctl-address.is--act-edit .register--department input[type="number"],
.is--ctl-register .register--department input[type="number"],
.is--ctl-customregister .register--department input[type="number"],
.is--ctl-address.is--act-edit .register--vatid input[type="email"],
.is--ctl-register .register--vatid input[type="email"],
.is--ctl-customregister .register--vatid input[type="email"],
.is--ctl-address.is--act-edit .register--department input[type="email"],
.is--ctl-register .register--department input[type="email"],
.is--ctl-customregister .register--department input[type="email"],
.is--ctl-address.is--act-edit .register--vatid input[type="tel"],
.is--ctl-register .register--vatid input[type="tel"],
.is--ctl-customregister .register--vatid input[type="tel"],
.is--ctl-address.is--act-edit .register--department input[type="tel"],
.is--ctl-register .register--department input[type="tel"],
.is--ctl-customregister .register--department input[type="tel"] {
  color: #333333;
  background: #F3F0E8;
}
.is--ctl-address.is--act-edit .register--vatid textarea:-moz-placeholder,
.is--ctl-register .register--vatid textarea:-moz-placeholder,
.is--ctl-customregister .register--vatid textarea:-moz-placeholder,
.is--ctl-address.is--act-edit .register--department textarea:-moz-placeholder,
.is--ctl-register .register--department textarea:-moz-placeholder,
.is--ctl-customregister .register--department textarea:-moz-placeholder,
.is--ctl-address.is--act-edit .register--vatid input[type="text"]:-moz-placeholder,
.is--ctl-register .register--vatid input[type="text"]:-moz-placeholder,
.is--ctl-customregister .register--vatid input[type="text"]:-moz-placeholder,
.is--ctl-address.is--act-edit .register--department input[type="text"]:-moz-placeholder,
.is--ctl-register .register--department input[type="text"]:-moz-placeholder,
.is--ctl-customregister .register--department input[type="text"]:-moz-placeholder,
.is--ctl-address.is--act-edit .register--vatid input[type="password"]:-moz-placeholder,
.is--ctl-register .register--vatid input[type="password"]:-moz-placeholder,
.is--ctl-customregister .register--vatid input[type="password"]:-moz-placeholder,
.is--ctl-address.is--act-edit .register--department input[type="password"]:-moz-placeholder,
.is--ctl-register .register--department input[type="password"]:-moz-placeholder,
.is--ctl-customregister .register--department input[type="password"]:-moz-placeholder,
.is--ctl-address.is--act-edit .register--vatid input[type="number"]:-moz-placeholder,
.is--ctl-register .register--vatid input[type="number"]:-moz-placeholder,
.is--ctl-customregister .register--vatid input[type="number"]:-moz-placeholder,
.is--ctl-address.is--act-edit .register--department input[type="number"]:-moz-placeholder,
.is--ctl-register .register--department input[type="number"]:-moz-placeholder,
.is--ctl-customregister .register--department input[type="number"]:-moz-placeholder,
.is--ctl-address.is--act-edit .register--vatid input[type="email"]:-moz-placeholder,
.is--ctl-register .register--vatid input[type="email"]:-moz-placeholder,
.is--ctl-customregister .register--vatid input[type="email"]:-moz-placeholder,
.is--ctl-address.is--act-edit .register--department input[type="email"]:-moz-placeholder,
.is--ctl-register .register--department input[type="email"]:-moz-placeholder,
.is--ctl-customregister .register--department input[type="email"]:-moz-placeholder,
.is--ctl-address.is--act-edit .register--vatid input[type="tel"]:-moz-placeholder,
.is--ctl-register .register--vatid input[type="tel"]:-moz-placeholder,
.is--ctl-customregister .register--vatid input[type="tel"]:-moz-placeholder,
.is--ctl-address.is--act-edit .register--department input[type="tel"]:-moz-placeholder,
.is--ctl-register .register--department input[type="tel"]:-moz-placeholder,
.is--ctl-customregister .register--department input[type="tel"]:-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .register--vatid textarea::-moz-placeholder,
.is--ctl-register .register--vatid textarea::-moz-placeholder,
.is--ctl-customregister .register--vatid textarea::-moz-placeholder,
.is--ctl-address.is--act-edit .register--department textarea::-moz-placeholder,
.is--ctl-register .register--department textarea::-moz-placeholder,
.is--ctl-customregister .register--department textarea::-moz-placeholder,
.is--ctl-address.is--act-edit .register--vatid input[type="text"]::-moz-placeholder,
.is--ctl-register .register--vatid input[type="text"]::-moz-placeholder,
.is--ctl-customregister .register--vatid input[type="text"]::-moz-placeholder,
.is--ctl-address.is--act-edit .register--department input[type="text"]::-moz-placeholder,
.is--ctl-register .register--department input[type="text"]::-moz-placeholder,
.is--ctl-customregister .register--department input[type="text"]::-moz-placeholder,
.is--ctl-address.is--act-edit .register--vatid input[type="password"]::-moz-placeholder,
.is--ctl-register .register--vatid input[type="password"]::-moz-placeholder,
.is--ctl-customregister .register--vatid input[type="password"]::-moz-placeholder,
.is--ctl-address.is--act-edit .register--department input[type="password"]::-moz-placeholder,
.is--ctl-register .register--department input[type="password"]::-moz-placeholder,
.is--ctl-customregister .register--department input[type="password"]::-moz-placeholder,
.is--ctl-address.is--act-edit .register--vatid input[type="number"]::-moz-placeholder,
.is--ctl-register .register--vatid input[type="number"]::-moz-placeholder,
.is--ctl-customregister .register--vatid input[type="number"]::-moz-placeholder,
.is--ctl-address.is--act-edit .register--department input[type="number"]::-moz-placeholder,
.is--ctl-register .register--department input[type="number"]::-moz-placeholder,
.is--ctl-customregister .register--department input[type="number"]::-moz-placeholder,
.is--ctl-address.is--act-edit .register--vatid input[type="email"]::-moz-placeholder,
.is--ctl-register .register--vatid input[type="email"]::-moz-placeholder,
.is--ctl-customregister .register--vatid input[type="email"]::-moz-placeholder,
.is--ctl-address.is--act-edit .register--department input[type="email"]::-moz-placeholder,
.is--ctl-register .register--department input[type="email"]::-moz-placeholder,
.is--ctl-customregister .register--department input[type="email"]::-moz-placeholder,
.is--ctl-address.is--act-edit .register--vatid input[type="tel"]::-moz-placeholder,
.is--ctl-register .register--vatid input[type="tel"]::-moz-placeholder,
.is--ctl-customregister .register--vatid input[type="tel"]::-moz-placeholder,
.is--ctl-address.is--act-edit .register--department input[type="tel"]::-moz-placeholder,
.is--ctl-register .register--department input[type="tel"]::-moz-placeholder,
.is--ctl-customregister .register--department input[type="tel"]::-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .register--vatid textarea:-ms-input-placeholder,
.is--ctl-register .register--vatid textarea:-ms-input-placeholder,
.is--ctl-customregister .register--vatid textarea:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--department textarea:-ms-input-placeholder,
.is--ctl-register .register--department textarea:-ms-input-placeholder,
.is--ctl-customregister .register--department textarea:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--vatid input[type="text"]:-ms-input-placeholder,
.is--ctl-register .register--vatid input[type="text"]:-ms-input-placeholder,
.is--ctl-customregister .register--vatid input[type="text"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--department input[type="text"]:-ms-input-placeholder,
.is--ctl-register .register--department input[type="text"]:-ms-input-placeholder,
.is--ctl-customregister .register--department input[type="text"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--vatid input[type="password"]:-ms-input-placeholder,
.is--ctl-register .register--vatid input[type="password"]:-ms-input-placeholder,
.is--ctl-customregister .register--vatid input[type="password"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--department input[type="password"]:-ms-input-placeholder,
.is--ctl-register .register--department input[type="password"]:-ms-input-placeholder,
.is--ctl-customregister .register--department input[type="password"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--vatid input[type="number"]:-ms-input-placeholder,
.is--ctl-register .register--vatid input[type="number"]:-ms-input-placeholder,
.is--ctl-customregister .register--vatid input[type="number"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--department input[type="number"]:-ms-input-placeholder,
.is--ctl-register .register--department input[type="number"]:-ms-input-placeholder,
.is--ctl-customregister .register--department input[type="number"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--vatid input[type="email"]:-ms-input-placeholder,
.is--ctl-register .register--vatid input[type="email"]:-ms-input-placeholder,
.is--ctl-customregister .register--vatid input[type="email"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--department input[type="email"]:-ms-input-placeholder,
.is--ctl-register .register--department input[type="email"]:-ms-input-placeholder,
.is--ctl-customregister .register--department input[type="email"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--vatid input[type="tel"]:-ms-input-placeholder,
.is--ctl-register .register--vatid input[type="tel"]:-ms-input-placeholder,
.is--ctl-customregister .register--vatid input[type="tel"]:-ms-input-placeholder,
.is--ctl-address.is--act-edit .register--department input[type="tel"]:-ms-input-placeholder,
.is--ctl-register .register--department input[type="tel"]:-ms-input-placeholder,
.is--ctl-customregister .register--department input[type="tel"]:-ms-input-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .register--vatid textarea::-webkit-input-placeholder,
.is--ctl-register .register--vatid textarea::-webkit-input-placeholder,
.is--ctl-customregister .register--vatid textarea::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--department textarea::-webkit-input-placeholder,
.is--ctl-register .register--department textarea::-webkit-input-placeholder,
.is--ctl-customregister .register--department textarea::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--vatid input[type="text"]::-webkit-input-placeholder,
.is--ctl-register .register--vatid input[type="text"]::-webkit-input-placeholder,
.is--ctl-customregister .register--vatid input[type="text"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--department input[type="text"]::-webkit-input-placeholder,
.is--ctl-register .register--department input[type="text"]::-webkit-input-placeholder,
.is--ctl-customregister .register--department input[type="text"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--vatid input[type="password"]::-webkit-input-placeholder,
.is--ctl-register .register--vatid input[type="password"]::-webkit-input-placeholder,
.is--ctl-customregister .register--vatid input[type="password"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--department input[type="password"]::-webkit-input-placeholder,
.is--ctl-register .register--department input[type="password"]::-webkit-input-placeholder,
.is--ctl-customregister .register--department input[type="password"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--vatid input[type="number"]::-webkit-input-placeholder,
.is--ctl-register .register--vatid input[type="number"]::-webkit-input-placeholder,
.is--ctl-customregister .register--vatid input[type="number"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--department input[type="number"]::-webkit-input-placeholder,
.is--ctl-register .register--department input[type="number"]::-webkit-input-placeholder,
.is--ctl-customregister .register--department input[type="number"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--vatid input[type="email"]::-webkit-input-placeholder,
.is--ctl-register .register--vatid input[type="email"]::-webkit-input-placeholder,
.is--ctl-customregister .register--vatid input[type="email"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--department input[type="email"]::-webkit-input-placeholder,
.is--ctl-register .register--department input[type="email"]::-webkit-input-placeholder,
.is--ctl-customregister .register--department input[type="email"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--vatid input[type="tel"]::-webkit-input-placeholder,
.is--ctl-register .register--vatid input[type="tel"]::-webkit-input-placeholder,
.is--ctl-customregister .register--vatid input[type="tel"]::-webkit-input-placeholder,
.is--ctl-address.is--act-edit .register--department input[type="tel"]::-webkit-input-placeholder,
.is--ctl-register .register--department input[type="tel"]::-webkit-input-placeholder,
.is--ctl-customregister .register--department input[type="tel"]::-webkit-input-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.is--ctl-address.is--act-edit .register--department,
.is--ctl-register .register--department,
.is--ctl-customregister .register--department {
  box-sizing: border-box;
  padding-right: 3%;
}
.is--ctl-address.is--act-edit .register--alt-shipping,
.is--ctl-register .register--alt-shipping,
.is--ctl-customregister .register--alt-shipping {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
  margin-bottom: 0;
  margin-top: 10px;
}
.is--ctl-address.is--act-edit .register--birthdate > .birthday--label,
.is--ctl-register .register--birthdate > .birthday--label,
.is--ctl-customregister .register--birthdate > .birthday--label {
  float: left;
  width: 100%;
}
.is--ctl-address.is--act-edit .register--birthdate > .register--birthday,
.is--ctl-register .register--birthdate > .register--birthday,
.is--ctl-customregister .register--birthdate > .register--birthday,
.is--ctl-address.is--act-edit .register--birthdate > .register--birthmonth,
.is--ctl-register .register--birthdate > .register--birthmonth,
.is--ctl-customregister .register--birthdate > .register--birthmonth,
.is--ctl-address.is--act-edit .register--birthdate > .register--birthyear,
.is--ctl-register .register--birthdate > .register--birthyear,
.is--ctl-customregister .register--birthdate > .register--birthyear {
  float: left;
  width: 33.33333333%;
}
.is--ctl-address.is--act-edit .register--birthdate > .register--birthday,
.is--ctl-register .register--birthdate > .register--birthday,
.is--ctl-customregister .register--birthdate > .register--birthday,
.is--ctl-address.is--act-edit .register--birthdate > .register--birthmonth,
.is--ctl-register .register--birthdate > .register--birthmonth,
.is--ctl-customregister .register--birthdate > .register--birthmonth {
  box-sizing: border-box;
  padding-right: 3%;
}
.panel.register--personal .panel--body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* ul/li compatibility */
  list-style-type: none;
  padding: 0;
  margin: 0;
  *zoom: 1;
}
.panel.register--personal .panel--body:after {
  content: "";
  display: table;
  clear: both;
}
.panel.register--personal .panel--body:before,
.panel.register--personal .panel--body:after {
  display: table;
  content: "";
  line-height: 0;
}
.panel.register--personal .panel--body:after {
  clear: both;
}
.panel.register--personal .panel--body > .register--customertype {
  min-height: 50px;
}
.panel.register--personal .panel--body > .register--account-information > .register--password,
.panel.register--personal .panel--body > .register--account-information > .register--passwordconfirm {
  float: left;
  width: 50%;
}
.panel.register--personal .panel--body > .register--account-information > .register--password {
  box-sizing: border-box;
  padding-right: 3%;
}
.panel.register--personal .panel--body > .register--account-information {
  margin-bottom: 20px;
}
.panel.register--personal .panel--body > .register--check {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
  min-height: 40px;
}
.panel.register--address .panel--body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* ul/li compatibility */
  list-style-type: none;
  padding: 0;
  margin: 0;
  *zoom: 1;
}
.panel.register--address .panel--body:after {
  content: "";
  display: table;
  clear: both;
}
.panel.register--address .panel--body:before,
.panel.register--address .panel--body:after {
  display: table;
  content: "";
  line-height: 0;
}
.panel.register--address .panel--body:after {
  clear: both;
}
.panel.register--shipping {
  margin-top: 20px;
}
.panel.register--shipping .panel--body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* ul/li compatibility */
  list-style-type: none;
  padding: 0;
  margin: 0;
  *zoom: 1;
}
.panel.register--shipping .panel--body:after {
  content: "";
  display: table;
  clear: both;
}
.panel.register--shipping .panel--body:before,
.panel.register--shipping .panel--body:after {
  display: table;
  content: "";
  line-height: 0;
}
.panel.register--shipping .panel--body:after {
  clear: both;
}
.panel.register--shipping .panel--body .register--department {
  float: left;
  width: 100%;
  padding-right: 0;
  color: #999999;
}
.panel.register--shipping .panel--body .register--department textarea,
.panel.register--shipping .panel--body .register--department input[type="text"],
.panel.register--shipping .panel--body .register--department input[type="password"],
.panel.register--shipping .panel--body .register--department input[type="number"],
.panel.register--shipping .panel--body .register--department input[type="email"],
.panel.register--shipping .panel--body .register--department input[type="tel"] {
  color: #333333;
  background: #F3F0E8;
}
.panel.register--shipping .panel--body .register--department textarea:-moz-placeholder,
.panel.register--shipping .panel--body .register--department input[type="text"]:-moz-placeholder,
.panel.register--shipping .panel--body .register--department input[type="password"]:-moz-placeholder,
.panel.register--shipping .panel--body .register--department input[type="number"]:-moz-placeholder,
.panel.register--shipping .panel--body .register--department input[type="email"]:-moz-placeholder,
.panel.register--shipping .panel--body .register--department input[type="tel"]:-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.panel.register--shipping .panel--body .register--department textarea::-moz-placeholder,
.panel.register--shipping .panel--body .register--department input[type="text"]::-moz-placeholder,
.panel.register--shipping .panel--body .register--department input[type="password"]::-moz-placeholder,
.panel.register--shipping .panel--body .register--department input[type="number"]::-moz-placeholder,
.panel.register--shipping .panel--body .register--department input[type="email"]::-moz-placeholder,
.panel.register--shipping .panel--body .register--department input[type="tel"]::-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.panel.register--shipping .panel--body .register--department textarea:-ms-input-placeholder,
.panel.register--shipping .panel--body .register--department input[type="text"]:-ms-input-placeholder,
.panel.register--shipping .panel--body .register--department input[type="password"]:-ms-input-placeholder,
.panel.register--shipping .panel--body .register--department input[type="number"]:-ms-input-placeholder,
.panel.register--shipping .panel--body .register--department input[type="email"]:-ms-input-placeholder,
.panel.register--shipping .panel--body .register--department input[type="tel"]:-ms-input-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.panel.register--shipping .panel--body .register--department textarea::-webkit-input-placeholder,
.panel.register--shipping .panel--body .register--department input[type="text"]::-webkit-input-placeholder,
.panel.register--shipping .panel--body .register--department input[type="password"]::-webkit-input-placeholder,
.panel.register--shipping .panel--body .register--department input[type="number"]::-webkit-input-placeholder,
.panel.register--shipping .panel--body .register--department input[type="email"]::-webkit-input-placeholder,
.panel.register--shipping .panel--body .register--department input[type="tel"]::-webkit-input-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
.register--required-info {
  display: none;
}
.register--action {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
  /* ul/li compatibility */
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top: 15px;
}
.register--action .register--newsletter p {
  font-size: 16px;
  padding-left: 28px;
}
.register--action .btn.register--submit {
  float: left;
  width: 31%;
  float: right;
}
.register--autologinarea {
  margin-top: 15px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .content.block-group-2 > .block {
    width: 100%!important;
    padding: 0 10px!important;
  }
  .register--content .pick-account-type--new .btn,
  .register--content .pick-account-type--without .btn,
  .register--content .register--login .btn {
    position: relative;
    bottom: 0px;
    right: 0px;
    float: right;
    margin-top: 10px;
  }
  .register--content .register--form {
    width: 100%!important;
  }
  .register--action .btn.register--submit {
    width: 100%!important;
    float: right;
    margin-top: 10px;
  }
  .register--action .register--newsletter p,
  .register--content .register--form [type=checkbox]:not(:checked) + label {
    font-size: 12px;
    display: block;
  }
  .register--autologinarea {
    padding-left: 0px;
  }
}
.shop--navigation {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10000;
  padding: 29px 30px;
  font-size: 0;
  line-height: 0;
  text-align: right;
}
.shop--navigation li {
  display: inline-block;
}
.shop--navigation li > a {
  display: block;
  color: #8d8d8d;
  font-style: italic;
  font-size: 14px;
  line-height: 42px;
  text-decoration: none;
  position: relative;
  padding: 0 15px;
  -ms-transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.shop--navigation li > a i {
  margin-left: 5px;
  color: #5e5e5e;
  font-size: 16px;
}
.shop--navigation li > a:before {
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 10;
  color: #5e5e5e;
  font-size: 16px;
  line-height: 42px;
  -ms-transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.shop--navigation li > a.has-label span {
  position: absolute;
  right: 7px;
  top: 5px;
  z-index: 10;
  color: #ff4e3f;
  font-style: italic;
  font-size: 14px;
  line-height: 14px;
}
.shop--navigation li > a.has-label:before {
  color: #ff4e3f;
}
.shop--navigation li > a.active {
  color: #ff4e3f;
}
.shop--navigation li a.active > a,
.shop--navigation li.active > a,
.shop--navigation li:focus > a,
.shop--navigation li:hover > a {
  background: #f5f5f5;
  color: #262626;
}
.shop--navigation li a.active > a:before,
.shop--navigation li.active > a:before,
.shop--navigation li:focus > a:before,
.shop--navigation li:hover > a:before {
  color: #262626;
}
.shop--navigation li a.active > a.has-label span,
.shop--navigation li.active > a.has-label span,
.shop--navigation li:focus > a.has-label span,
.shop--navigation li:hover > a.has-label span,
.shop--navigation li a.active > a.has-label:before,
.shop--navigation li.active > a.has-label:before,
.shop--navigation li:focus > a.has-label:before,
.shop--navigation li:hover > a.has-label:before {
  color: #ff4e3f;
}
@media only screen and (max-width: 767px) {
  .shop--navigation li a.active > a,
  .shop--navigation li.active > a,
  .shop--navigation li:focus > a,
  .shop--navigation li:hover > a {
    background: #262626!important;
    color: #ffffff!important;
  }
}
.steps--container {
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
}
.steps--container .canvas {
  width: 100%;
}
.steps--container .steps--content .steps--list {
  text-align: center;
  margin-bottom: 0;
}
.steps--container .steps--content .steps--list .steps--entry {
  display: inline-block;
  vertical-align: top;
  padding: 0 14px;
  color: #8d8d8d;
  font-weight: bold;
  font-size: 14px;
  line-height: 45px;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
}
.steps--container .steps--content .steps--list .steps--entry.is--active {
  color: #000;
}
@media only screen and (max-width: 767px) {
  .steps--container .steps--content .steps--list {
    display: none;
  }
}
/*
.HolyGrail,
.HolyGrail-body {
  display: flex;
  flex-direction: column;
}

.HolyGrail-nav {
  order: -1;
}

@media (min-width: 768px) {
  .HolyGrail-body {
    flex-direction: row;
    flex: 1;
  }
}

.pick-account-type {

  width: 100%;
  .clearfix();

  .pick-account-type--content {
    display: flex;
    flex-wrap: wrap;

  }

  .pick-account-type--without, .pick-account-type--new {
    //margin-right: 3.5%;
  }

}

*/
/*
.panel--body {

  .block-group();
  .clearfix();

  > .pick-account-type--salutation, > .pick-account-type--firstname, > .pick-account-type--lastname {
    .block(31%);
  }

  > .pick-account-type--salutation, > .pick-account-type--firstname {
    margin-right: 3.5%;
  }

  > .pick-account-type--check {
    .block();
    min-height: 40px;
  }

}
*/
.register--payment .payment--method-headline,
.payment--method-list .payment--method-headline {
  display: none;
}
.register--payment .panel--body,
.payment--method-list .panel--body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
  /* ul/li compatibility */
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.register--payment .panel--body .payment--method,
.payment--method-list .panel--body .payment--method {
  float: left;
  width: 100%;
  min-height: 55px;
  padding-bottom: 10px;
}
.register--payment .panel--body .payment--method label,
.payment--method-list .panel--body .payment--method label,
.register--payment .panel--body .payment--method .method--name,
.payment--method-list .panel--body .payment--method .method--name {
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  text-transform: uppercase;
  letter-spacing: 1px;
  float: left;
}
.register--payment .panel--body .payment--method .payment--description,
.payment--method-list .panel--body .payment--method .payment--description,
.register--payment .panel--body .payment--method .method--description,
.payment--method-list .panel--body .payment--method .method--description {
  float: right;
  padding: 0;
}
.register--payment .panel--body .payment--method .payment--description,
.payment--method-list .panel--body .payment--method .payment--description,
.register--payment .panel--body .payment--method .method--description,
.payment--method-list .panel--body .payment--method .method--description {
  margin-bottom: 15px;
  text-align: right;
  max-width: 90px;
}
.register--payment .panel--body .payment--method .payment--description img,
.payment--method-list .panel--body .payment--method .payment--description img,
.register--payment .panel--body .payment--method .method--description img,
.payment--method-list .panel--body .payment--method .method--description img {
  display: inline-block;
}
.register--payment .panel--body .payment--method #payment_mean33 + label + .payment--description img,
.payment--method-list .panel--body .payment--method #payment_mean33 + label + .payment--description img {
  top: -7px;
  position: relative;
}
body.is--ctl-account.is--act-payment .content--confirm,
body.is--act-shippingPayment .content--confirm {
  max-width: 768px;
  width: 100%;
  width: 684px;
  margin: 0 auto;
  float: none !important;
}
body.is--ctl-account.is--act-payment .basket--footer,
body.is--act-shippingPayment .basket--footer {
  display: none;
}
body.is--ctl-account.is--act-payment .table--actions-top,
body.is--act-shippingPayment .table--actions-top {
  display: none;
}
.method--description {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .register--payment .panel--body .payment--method,
  .payment--method-list .panel--body .payment--method {
    max-width: none;
    float: left;
    width: 50%;
  }
  .register--payment .panel--body .payment--method:nth-child(1),
  .payment--method-list .panel--body .payment--method:nth-child(1) {
    padding-right: 7%;
  }
  .register--payment .panel--body .payment--method:nth-child(3),
  .payment--method-list .panel--body .payment--method:nth-child(3) {
    padding-right: 7%;
  }
  .register--payment .panel--body .payment--method:nth-child(5),
  .payment--method-list .panel--body .payment--method:nth-child(5) {
    padding-right: 7%;
  }
  .register--payment .panel--body .payment--method:nth-child(2),
  .payment--method-list .panel--body .payment--method:nth-child(2) {
    padding-left: 7%;
  }
  .register--payment .panel--body .payment--method:nth-child(4),
  .payment--method-list .panel--body .payment--method:nth-child(4) {
    padding-left: 7%;
  }
  .register--payment .panel--body .payment--method:nth-child(6),
  .payment--method-list .panel--body .payment--method:nth-child(6) {
    padding-left: 7%;
  }
  .register--payment .panel--body .payment--method .payment--description img,
  .payment--method-list .panel--body .payment--method .payment--description img,
  .register--payment .panel--body .payment--method .method--description img,
  .payment--method-list .panel--body .payment--method .method--description img {
    width: 70%;
    height: 70%;
  }
}
@media only screen and (max-width: 767px) {
  .register--payment .panel--body .payment--method label {
    font-size: 12px;
  }
  body.is--act-shippingPayment .content--confirm,
  body.is--ctl-account.is--act-payment .content--confirm {
    width: 100%!important;
  }
}
.product--actions .detailicons {
  margin-top: 25px;
  text-align: center;
}
.product--actions .detailicons h4,
.product--actions .detailicons p {
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #616161;
}
.product--actions .detailicons a {
  color: #333;
  font-weight: 700;
  text-decoration: none;
}
.product--actions .detailicons a:hover {
  color: #ff4e3f;
}
.checkout--content .finish--teaser,
.checkout--content .finish--info {
  width: 684px;
  margin: 0 auto;
  float: none !important;
}
.checkout--content .finish--teaser .teaser--text {
  text-align: center;
  font-style: italic;
  font-size: 20px;
  line-height: 30px;
}
.checkout--content .finish--teaser .teaser--actions,
.checkout--content .finish--teaser .print--notice {
  padding-top: 20px;
}
.steps--container + .steps--container {
  display: none;
}
.content--confirm h2 {
  margin-top: 10px !important;
}
div#trustedShopsCheckout {
  visibility: hidden;
}
.nec_couponOverView {
  display: none!important;
}
@media only screen and (max-width: 767px) {
  .checkout--content {
    margin-left: 0px;
    margin-right: 0px;
  }
  .footer--vat-info {
    padding: 10px;
    margin-bottom: 20px;
  }
  .checkout--content .finish--info,
  .checkout--content .finish--teaser {
    width: 100%!important;
  }
}
.fixedheader .navigation-main-container,
.fixedheader .steps--container {
  position: fixed;
  top: 0;
  z-index: 11;
}
.fixedheader .logo-main {
  height: 45px;
  left: 0;
  position: fixed;
  top: 0;
  width: 150px;
  z-index: 12;
}
.fixedheader .logo-main .logo--link {
  width: 100%;
  height: 100%;
  background: #262626 url('../img/logo-small.svg') center center no-repeat;
}
.fixedheader .shop--navigation {
  position: fixed;
  right: 0;
  top: 0;
  padding: 0;
}
.fixedheader .shop--navigation .navigation--entry {
  width: 45px;
  height: 45px;
  background-color: #ff4e3f;
  margin-left: 1px;
}
.fixedheader .shop--navigation .navigation--entry > a {
  width: 45px;
  height: 45px;
}
.fixedheader .shop--navigation .navigation--entry > a i {
  margin-left: 5px;
}
.fixedheader .shop--navigation .navigation--entry > a i:before,
.fixedheader .shop--navigation .navigation--entry > a .badge {
  color: #fff;
}
.fixedheader .shop--navigation .navigation--entry > a i:before {
  margin-left: -5px;
}
.fixedheader .shop--navigation .navigation--entry > a .icon--user::before {
  margin-left: 5px;
}
.fixedheader .shop--navigation .navigation--entry > a:hover i:before,
.fixedheader .shop--navigation .navigation--entry > a:hover .badge {
  color: #5e5e5e;
}
.fixedheader .shop--navigation .navigation--entry.active > a i:before,
.fixedheader .shop--navigation .navigation--entry.active > a .badge {
  color: #5e5e5e;
}
.fixedheader .shop--navigation .entry--display {
  display: none;
}
/*  Listing & Category Box */
.fixedheader .listing--container {
  float: right;
}
.fixed.listing--actions {
  position: fixed;
  top: 65px;
  max-width: 300px;
}
@media only screen and (max-width: 767px) {
  .header-main .canvas {
    padding: 0px;
    margin: 0px;
  }
  .header--navigation {
    min-height: 45px;
    position: fixed;
    z-index: 999;
    background: #222222;
    width: 100%;
  }
  .logo-main,
  .fixedheader .logo-main {
    height: 45px;
    position: fixed;
    width: 100%;
    z-index: 10;
  }
  .shop--navigation,
  .fixedheader .shop--navigation {
    height: 45px;
    position: fixed;
    right: 0;
    top: 0px;
    padding: 0;
    background: #222222;
  }
  .shop--navigation li > a i,
  .fixedheader .shop--navigation li > a i {
    margin-left: 0px;
    color: #ffffff;
    font-size: 16px;
    line-height: 45px;
  }
  .shop--navigation li > a i:hover,
  .fixedheader .shop--navigation li > a i:hover {
    color: #ffffff;
  }
  .shop--navigation .navigation--entry,
  .fixedheader .shop--navigation .navigation--entry {
    width: 45px;
    height: 45px;
    background-color: #ff4e3f;
    margin-left: 1px;
  }
  .shop--navigation .navigation--entry > a,
  .fixedheader .shop--navigation .navigation--entry > a {
    width: 45px;
    height: 45px;
  }
  .shop--navigation .entry--display,
  .fixedheader .shop--navigation .entry--display {
    display: none;
  }
  .navigation-main-container,
  .fixedheader .navigation-main-container,
  .fixedheader .steps--container {
    position: fixed;
    top: 45px;
    z-index: 9;
  }
  .navigation--entry.entry--notepad.is--active i,
  .navigation--entry.entry--cart.is--active i,
  .navigation--entry.entry--notepad.is--active .notes--quantity,
  .navigation--entry.entry--cart.is--active .notes--quantity,
  .navigation--entry.entry--notepad.is--active .cart--quantity,
  .navigation--entry.entry--cart.is--active .cart--quantity {
    color: #ffffff!important;
  }
  .fixedheader .navigation-main .navigation--list-wrapper > ul > li,
  .navigation-main .navigation--list-wrapper > ul > li {
    display: none;
  }
  .fixed.listing--actions {
    visibility: hidden;
  }
  /* We need a different Solution for Landscape Mobile Mode */
  .fixedheader .navigation-main .navigation--list-wrapper > ul > li:last-child,
  .navigation-main .navigation--list-wrapper > ul > li:last-child {
    display: block;
    position: fixed;
    top: 0;
    right: 138px;
    vertical-align: middle;
    background: #ff4e3f;
    color: #fff;
    width: 45px;
  }
  a.navigation--link.is--display-button {
    color: #ff4e3f;
  }
  .navigation-main .navigation--list-wrapper > ul > li > a {
    color: #ffffff;
  }
  .navigation-main .navigation--list-wrapper > ul > li > a:hover {
    background: #ff4e3f;
    color: #ffffff;
  }
}
@media only screen and (max-width: 374px) {
  .fixedheader .logo-main .logo--link,
  .header-main .logo--link {
    width: 150px;
    height: 45px;
    background: #222 url(../img/qvest-logo-mobile3.svg) 1px center no-repeat;
    left: 44px;
  }
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
  .fixedheader .logo-main .logo--link,
  .header-main .logo--link {
    width: 100%;
    height: 45px;
    background: #222 url(../img/logo-small.svg) 2px center no-repeat;
    left: 12.75%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
  .fixed.listing--actions {
    max-width: 300px;
  }
}
.note--introtext {
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  max-width: 630px;
  margin: 0 auto 50px;
}
.note--overview.listing--container {
  width: 100%;
}
.note--item.panel--tr.product--box {
  width: 25% !important;
  height: 420px !important;
  padding: 2px;
}
.note--info {
  width: 100%;
  line-height: 20px;
  line-height: 1.25rem;
  padding: 10px 20px 0px 20px;
  padding: 0.625rem 1.25rem 0rem 1.25rem;
  text-align: center;
}
.note--sale {
  padding: 0px 20px 10px 20px;
  padding: 0rem 1.25rem 0.625rem 1.25rem;
  width: 100%;
}
.note--image-container {
  text-align: center;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.note--image {
  display: inline;
  min-height: 144px;
}
.note--title {
  border: 0 none;
  display: block;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  font-style: bold;
  margin: 0;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.note--price {
  text-align: center;
  color: #000;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 43px;
  line-height: 2.6875rem;
}
.note--button {
  text-align: center;
}
.note--delete {
  font-size: 11px;
  line-height: 24px;
  position: absolute;
  right: 5px;
  text-decoration: none;
  top: 2px;
}
@media only screen and (min-width: 980px) and (max-width: 1279px) {
  .note--item.panel--tr.product--box {
    width: 33% !important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 979px) {
  .note--item.panel--tr.product--box {
    width: 50% !important;
  }
}
@media only screen and (max-width: 599px) {
  .note--item.panel--tr.product--box {
    width: 100% !important;
    height: 450px !important;
  }
  .note--info {
    padding: 8px;
    font-size: 0.85em;
  }
}
.navigation-main-container {
  position: absolute;
  width: 100%;
  z-index: 9999;
}
.search-overlay {
  -ms-transition: opacity 0.45s cubic-bezier(.3,0,.15,1), visibility 0.45s linear;
  -webkit-transition: opacity 0.45s cubic-bezier(.3,0,.15,1), visibility 0.45s linear;
  -moz-transition: opacity 0.45s cubic-bezier(.3,0,.15,1), visibility 0.45s linear;
  -o-transition: opacity 0.45s cubic-bezier(.3,0,.15,1), visibility 0.45s linear;
  transition: opacity 0.45s cubic-bezier(.3,0,.15,1), visibility 0.45s linear;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 0.01;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 1 ")";
  zoom: 1;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  z-index: 9998;
  visibility: hidden;
  top: 145px;
  bottom: 0;
  left: 0;
  right: 0;
}
.search-overlay.is--open {
  -ms-transition-delay: 0;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  zoom: 1;
  visibility: visible;
}
.main-search--results {
  max-width: 1280px;
  padding-right: 20px;
  padding-left: 20px;
  margin: 0 auto;
  margin-top: 150px;
}
.main-search--results .results--list .list--entry {
  display: block;
  float: left;
}
.main-search--results .product--actions {
  display: none;
}
.navigation--entry.entry--search {
  cursor: pointer;
}
.navigation--entry.entry--search i.icon--search {
  margin-right: 5px;
}
.navigation--entry.entry--search .button-container {
  position: absolute;
  right: 0;
  display: block;
  top: 0;
  background: yellow;
  width: 200px;
  height: 200px;
  z-index: 10;
}
.main-search--form {
  background-color: #dfded6;
  top: 145px;
}
.main-search--form > .canvas {
  padding-left: 135px;
  width: 1000px;
  display: block;
  margin: 0 auto;
  text-align: left;
}
.main-search--form > .canvas > * {
  display: inline-block;
}
.main-search--form .main-search--button {
  display: inline-block;
  line-height: 55px;
  color: #5e5e5e;
  font-size: 30px;
  background: none !important;
}
.main-search--form .main-search--button:hover {
  background: none !important;
}
.main-search--form .main-search--button .main-search--text {
  display: none;
}
.main-search--form .main-search--field {
  display: inline-block;
  margin-top: 4px;
  padding: 0;
  border: none;
  font-size: 40px;
  height: 50px;
  width: 400px;
  color: #5e5e5e;
  background: none;
}
.main-search--form .form--ajax-loader {
  display: none;
}
.main-search--form .button--close {
  display: inline-block;
  line-height: 55px;
  color: #5e5e5e;
  font-size: 30px;
  position: relative;
  float: right;
  cursor: pointer;
}
.cat-filter--sub-cat {
  display: inline-block;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  font-size: 12px;
  font-weight: bold;
  padding: 0 5px 0 0;
  text-decoration: none;
  text-transform: uppercase;
}
.entry--no-results {
  color: #000;
  font-size: 45px;
  line-height: 50px;
  font-weight: bold;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  text-transform: uppercase;
  text-align: center;
  padding: 15px 0 30px 0;
  color: #fff;
  margin: 0 auto;
  float: none !important;
}
.entry--no-results.line {
  margin-bottom: 30px;
}
.entry--no-results.line:before {
  display: block;
  content: ' ';
  margin: 0 auto;
  width: 90px;
  height: 3px;
  background: #000;
  position: relative;
  bottom: -90px;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .search-overlay {
    top: 45px;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .search-overlay.is--open {
    -ms-transition-delay: 0;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
    zoom: 1;
    visibility: visible;
  }
  .main-search--results {
    max-width: 767px;
    padding-right: 2px;
    padding-left: 2px;
    margin: 0 auto;
    margin-top: 0px;
  }
  .main-search--results .results--list .list--entry {
    display: block;
    float: left;
  }
  .navigation--entry.entry--search .button-container {
    width: 120px;
    height: 120px;
  }
  .main-search--form > .canvas {
    padding-left: 0px;
    padding-right: 5px;
    width: 100%;
    background: #333333;
  }
  .main-search--form .main-search--button {
    line-height: 32px;
    font-size: 20px;
    color: #dddddd;
    padding-left: 15px;
    padding-right: 15px;
  }
  .main-search--form .main-search--button .main-search--text {
    color: #ffffff;
  }
  .main-search--form .main-search--field {
    font-size: 18px;
    height: 36px;
    width: 210px;
    color: #ffffff;
  }
  .main-search--form .button--close {
    line-height: 36px;
    font-size: 20px;
    float: right;
    padding: 5px;
    color: #dddddd;
  }
  .cat-filter--sub-cat {
    font-size: 11px;
    font-weight: bold;
  }
  .entry--no-results {
    color: #000;
    font-size: 45px;
    line-height: 50px;
    font-weight: bold;
    font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0 30px 0;
  }
  .entry--no-results.line {
    margin-bottom: 30px;
  }
  .entry--no-results.line:before {
    display: block;
    content: ' ';
    margin: 0 auto;
    width: 90px;
    height: 3px;
    background: #000;
    position: relative;
    bottom: -90px;
    z-index: -1;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .main-search--results .results--list .list--entry {
    width: 100%;
  }
  .main-search--results .results--list .list--entry .product--box {
    width: 100%;
  }
  .search-overlay .product--box {
    width: 100%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 748px) {
  .main-search--results .results--list .list--entry {
    width: 50%;
  }
  .main-search--results .results--list .list--entry .product--box {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-search {
    display: block;
    position: fixed;
    top: 0px;
    left: 45px;
    width: 45px;
    height: 45px;
  }
  .mobile-search .navigation-main .navigation--entry {
    width: 45px;
    height: 45px;
  }
}
@media only screen and (min-width: 768px) {
  .mobile-search {
    display: none;
  }
}
.payenginecw-payment-form-visible .card-holder-name .text-field input[type='text'] {
  min-width: 210px;
}
.payenginecw-payment-form-visible .card-number .text-field input[type='text'] {
  min-width: 210px;
}
.payenginecw-payment-form-visible .help-block {
  color: #6b6a64;
}
.payenginecw-payment-form-visible .js--fancy-select {
  opacity: 1 !important;
}
.content--emotions blockquote p {
  font-size: 20px !important;
  font-style: italic;
  line-height: 30px !important;
  text-align: center;
  color: black !important;
  margin-bottom: 20px !important;
}
.content--emotions a[target="_blank"],
.content--emotions em * {
  font-style: italic;
}
.emotion--override {
  margin-top: -20px;
}
.emotion--override .emotion--element {
  float: left;
}
.emotion--override .emotion--element .emotion--product .product--box {
  width: 100%;
  height: 360px;
  padding-bottom: 0;
}
.emotion--override .emotion--element.row--1 {
  min-height: 90px;
}
.emotion--override .emotion--element.row--1 .emotion--banner,
.emotion--override .emotion--element.row--1 .emotion--digital-publishing,
.emotion--override .emotion--element.row--1 .emotion--banner-slider {
  height: 90px;
}
.emotion--override .emotion--element.row--2 {
  min-height: 180px;
}
.emotion--override .emotion--element.row--2 .emotion--banner,
.emotion--override .emotion--element.row--2 .emotion--digital-publishing,
.emotion--override .emotion--element.row--2 .emotion--banner-slider {
  height: 180px;
}
.emotion--override .emotion--element.row--3 {
  min-height: 270px;
}
.emotion--override .emotion--element.row--3 .emotion--banner,
.emotion--override .emotion--element.row--3 .emotion--digital-publishing,
.emotion--override .emotion--element.row--3 .emotion--banner-slider {
  height: 270px;
}
.emotion--override .emotion--element.row--4 {
  min-height: 360px;
}
.emotion--override .emotion--element.row--4 .emotion--banner,
.emotion--override .emotion--element.row--4 .emotion--digital-publishing,
.emotion--override .emotion--element.row--4 .emotion--banner-slider {
  height: 360px;
}
.emotion--override .emotion--element.row--5 {
  min-height: 450px;
}
.emotion--override .emotion--element.row--5 .emotion--banner,
.emotion--override .emotion--element.row--5 .emotion--digital-publishing,
.emotion--override .emotion--element.row--5 .emotion--banner-slider {
  height: 450px;
}
.emotion--override .emotion--element.row--6 {
  min-height: 495px;
}
.emotion--override .emotion--element.row--6 .emotion--banner,
.emotion--override .emotion--element.row--6 .emotion--digital-publishing,
.emotion--override .emotion--element.row--6 .emotion--banner-slider {
  height: 495px;
}
@media screen and (max-width: 63em) {
  .emotion--override .emotion--element.row--6 {
    height: 250px;
    min-height: 250px;
  }
  .emotion--override .emotion--element.row--6 .emotion--banner,
  .emotion--override .emotion--element.row--6 .emotion--digital-publishing,
  .emotion--override .emotion--element.row--6 .emotion--banner-slider {
    height: 250px;
  }
}
.emotion--override .emotion--element.row--7 {
  min-height: 540px;
}
.emotion--override .emotion--element.row--7 .emotion--banner,
.emotion--override .emotion--element.row--7 .emotion--digital-publishing,
.emotion--override .emotion--element.row--7 .emotion--banner-slider {
  height: 540px;
}
.emotion--override .emotion--element.row--8 {
  min-height: 585px;
}
.emotion--override .emotion--element.row--8 .emotion--banner,
.emotion--override .emotion--element.row--8 .emotion--digital-publishing,
.emotion--override .emotion--element.row--8 .emotion--banner-slider {
  height: 585px;
}
.emotion--override .emotion--element.row--9 {
  min-height: 675px;
}
.emotion--override .emotion--element.row--9 .emotion--banner,
.emotion--override .emotion--element.row--9 .emotion--digital-publishing,
.emotion--override .emotion--element.row--9 .emotion--banner-slider {
  height: 675px;
}
.emotion--override .emotion--element.row--10 {
  min-height: 720px;
}
.emotion--override .emotion--element.row--10 .emotion--banner,
.emotion--override .emotion--element.row--10 .emotion--digital-publishing,
.emotion--override .emotion--element.row--10 .emotion--banner-slider {
  height: 720px;
}
.emotion--override .emotion--element.row--11 {
  min-height: 765px;
}
.emotion--override .emotion--element.row--11 .emotion--banner,
.emotion--override .emotion--element.row--11 .emotion--digital-publishing,
.emotion--override .emotion--element.row--11 .emotion--banner-slider {
  height: 765px;
}
.emotion--override .emotion--element.row--12 {
  min-height: 810px;
}
.emotion--override .emotion--element.row--12 .emotion--banner,
.emotion--override .emotion--element.row--12 .emotion--digital-publishing,
.emotion--override .emotion--element.row--12 .emotion--banner-slider {
  height: 810px;
}
.emotion--override .emotion--element.row--13 {
  min-height: 900px;
}
.emotion--override .emotion--element.row--13 .emotion--banner,
.emotion--override .emotion--element.row--13 .emotion--digital-publishing,
.emotion--override .emotion--element.row--13 .emotion--banner-slider {
  height: 900px;
}
@media screen and (min-width: 64em) {
  .emotion--override .emotion--element.column--4 {
    min-height: 0 !important;
  }
  .emotion--override .emotion--element.column--4 .emotion--html {
    max-width: 55%;
    margin: 0 auto;
  }
}
.emotion--override .emotion--banner,
.emotion--override .emotion--digital-publishing,
.emotion--override .emotion--banner-slider {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.emotion--override .emotion--banner .banner--content,
.emotion--override .emotion--digital-publishing .banner--content,
.emotion--override .emotion--banner-slider .banner--content {
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
}
.emotion--override .emotion--banner .banner--content img,
.emotion--override .emotion--digital-publishing .banner--content img,
.emotion--override .emotion--banner-slider .banner--content img {
  object-fit: cover;
}
.emotion--container.emotion--mode-grid.emotion--column-1 .column--1 {
  width: 100% !important;
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .emotion--banner .banner--image {
    margin-top: 15px;
    margin-bottom: 0px;
  }
  .content--emotions h2 {
    padding-top: 10px!important;
  }
  .emotion--html h1 {
    font-size: 20px!important;
    line-height: 28px;
    margin-top: 20px;
  }
  .content--emotions blockquote p {
    font-size: 16px!important;
    line-height: 26px!important;
  }
  .emotion--html.panel {
    font-size: 14px;
  }
  .emotion--html .html--content {
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .emotion--override .emotion--element.column--2 {
    min-height: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .emotion--html h1 {
    font-size: 40px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
/* EmotionsGrid */
.emotion--container.emotion--mode-grid.emotion--column-1 .column--1 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-1 .column--1 {
  width: 50%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-1 .column--1 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-2 .column--1 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-2 .column--1 {
  width: 50%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-2 .column--1 {
    width: 50%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-2 .column--2 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-2 .column--2 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-2 .column--2 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-3 .column--1 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-3 .column--1 {
  width: 50%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-3 .column--1 {
    width: 33.33333333%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-3 .column--2 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-3 .column--2 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-3 .column--2 {
    width: 66.66666667%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-3 .column--3 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-3 .column--3 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-4 .column--1 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-4 .column--1 {
  width: 50%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-4 .column--1 {
    width: 25%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-4 .column--2 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-4 .column--2 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-4 .column--2 {
    width: 50%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-4 .column--3 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-4 .column--3 {
    width: 75%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-4 .column--4 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-4 .column--4 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-5 .column--1 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-5 .column--1 {
  width: 50%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-5 .column--1 {
    width: 20%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-5 .column--2 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-5 .column--2 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-5 .column--2 {
    width: 40%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-5 .column--3 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-5 .column--3 {
    width: 60%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-5 .column--4 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-5 .column--4 {
    width: 80%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-5 .column--5 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-5 .column--5 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-6 .column--1 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-6 .column--1 {
  width: 50%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-6 .column--1 {
    width: 16.66666667%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-6 .column--2 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-6 .column--2 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-6 .column--2 {
    width: 33.33333333%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-6 .column--3 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-6 .column--3 {
    width: 50%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-6 .column--4 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-6 .column--4 {
    width: 66.66666667%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-6 .column--5 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-6 .column--5 {
    width: 83.33333333%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-6 .column--6 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-6 .column--6 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-7 .column--1 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-7 .column--1 {
  width: 50%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-7 .column--1 {
    width: 14.28571429%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-7 .column--2 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-7 .column--2 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-7 .column--2 {
    width: 28.57142857%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-7 .column--3 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-7 .column--3 {
    width: 42.85714286%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-7 .column--4 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-7 .column--4 {
    width: 57.14285714%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-7 .column--5 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-7 .column--5 {
    width: 71.42857143%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-7 .column--6 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-7 .column--6 {
    width: 85.71428571%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-7 .column--7 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-7 .column--7 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-8 .column--1 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-8 .column--1 {
  width: 50%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-8 .column--1 {
    width: 12.5%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-8 .column--2 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-8 .column--2 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-8 .column--2 {
    width: 25%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-8 .column--3 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-8 .column--3 {
    width: 37.5%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-8 .column--4 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-8 .column--4 {
    width: 50%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-8 .column--5 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-8 .column--5 {
    width: 62.5%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-8 .column--6 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-8 .column--6 {
    width: 75%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-8 .column--7 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-8 .column--7 {
    width: 87.5%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-8 .column--8 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-8 .column--8 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-9 .column--1 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-9 .column--1 {
  width: 50%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-9 .column--1 {
    width: 11.11111111%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-9 .column--2 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-9 .column--2 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-9 .column--2 {
    width: 22.22222222%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-9 .column--3 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-9 .column--3 {
    width: 33.33333333%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-9 .column--4 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-9 .column--4 {
    width: 44.44444444%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-9 .column--5 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-9 .column--5 {
    width: 55.55555556%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-9 .column--6 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-9 .column--6 {
    width: 66.66666667%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-9 .column--7 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-9 .column--7 {
    width: 77.77777778%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-9 .column--8 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-9 .column--8 {
    width: 88.88888889%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-9 .column--9 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-9 .column--9 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-10 .column--1 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-10 .column--1 {
  width: 50%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-10 .column--1 {
    width: 10%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-10 .column--2 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-10 .column--2 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-10 .column--2 {
    width: 20%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-10 .column--3 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-10 .column--3 {
    width: 30%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-10 .column--4 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-10 .column--4 {
    width: 40%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-10 .column--5 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-10 .column--5 {
    width: 50%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-10 .column--6 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-10 .column--6 {
    width: 60%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-10 .column--7 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-10 .column--7 {
    width: 70%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-10 .column--8 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-10 .column--8 {
    width: 80%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-10 .column--9 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-10 .column--9 {
    width: 90%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-10 .column--10 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-10 .column--10 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-11 .column--1 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-11 .column--1 {
  width: 50%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-11 .column--1 {
    width: 9.09090909%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-11 .column--2 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-11 .column--2 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-11 .column--2 {
    width: 18.18181818%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-11 .column--3 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-11 .column--3 {
    width: 27.27272727%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-11 .column--4 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-11 .column--4 {
    width: 36.36363636%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-11 .column--5 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-11 .column--5 {
    width: 45.45454545%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-11 .column--6 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-11 .column--6 {
    width: 54.54545455%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-11 .column--7 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-11 .column--7 {
    width: 63.63636364%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-11 .column--8 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-11 .column--8 {
    width: 72.72727273%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-11 .column--9 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-11 .column--9 {
    width: 81.81818182%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-11 .column--10 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-11 .column--10 {
    width: 90.90909091%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-11 .column--11 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-11 .column--11 {
    width: 100%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-12 .column--1 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-12 .column--1 {
  width: 50%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-12 .column--1 {
    width: 8.33333333%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-12 .column--2 {
  width: 100%;
}
.emotion--container.emotion--mode-grid.emotion--column-12 .column--2 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-12 .column--2 {
    width: 16.66666667%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-12 .column--3 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-12 .column--3 {
    width: 25%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-12 .column--4 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-12 .column--4 {
    width: 33.33333333%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-12 .column--5 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-12 .column--5 {
    width: 41.66666667%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-12 .column--6 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-12 .column--6 {
    width: 50%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-12 .column--7 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-12 .column--7 {
    width: 58.33333333%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-12 .column--8 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-12 .column--8 {
    width: 66.66666667%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-12 .column--9 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-12 .column--9 {
    width: 75%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-12 .column--10 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-12 .column--10 {
    width: 83.33333333%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-12 .column--11 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-12 .column--11 {
    width: 91.66666667%;
  }
}
.emotion--container.emotion--mode-grid.emotion--column-12 .column--12 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--mode-grid.emotion--column-12 .column--12 {
    width: 100%;
  }
}
@media only screen and (min-device-width: 320px) and (max-width: 415px) {
  .emotion--container.emotion--mode-grid.emotion--column-4 .column--1 {
    width: 100% !important;
  }
  .emotion--override .emotion--element.row--3 {
    min-height: 100px;
  }
}
.content--emotions h2 {
  color: #000000;
  font-family: Georgia,serif;
  font-size: 18px;
  font-style: italic;
  font-weight: normal;
  line-height: 22px;
  padding-bottom: 20px;
  padding-top: 25px;
  text-align: center;
  text-transform: uppercase;
  border-top: none;
}
.content--emotions h2:before {
  background: #000000 none repeat scroll 0 0;
  content: " ";
  display: block;
  height: 3px;
  margin: 5px auto 0;
  position: relative;
  top: -25px;
  width: 90px;
}
.gaffel-mobile .emotion--container.emotion--mode-grid.emotion--column-4 .column--2 {
  width: 50%;
}
.gaffel-mobile .emotion--product .product--box .product--image .image--element img {
  width: 100%;
}
.gaffel-mobile .product--box .box--content {
  max-height: 300px;
}
@media only screen and (min-device-width: 1025px) {
  .gaffel-mobile,
  .gaffel-tablet {
    display: none;
  }
}
@media only screen and (min-device-width: 768px) and (max-width: 1024px) {
  .gaffel-desktop,
  .gaffel-mobile {
    display: none;
  }
  .gaffel-tablet {
    display: block;
  }
}
@media only screen and (min-device-width: 320px) and (max-width: 767px) {
  .gaffel-desktop,
  .gaffel-tablet {
    display: none;
  }
  .gaffel-mobile {
    display: block;
    margin-left: -10px;
    margin-right: -10px;
  }
  .gaffel-mobile p.markenintro2 {
    max-width: 86%!important;
  }
  .gaffel-mobile h1.markenpage {
    padding-left: 20px!important;
    padding-right: 20px!important;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    line-height: 1.3em!important;
  }
}
h3.gaffel {
  font-size: 36px;
}
p.gaffel {
  font-size: 18px;
}
@media only screen and (min-device-width: 1025px) and (max-width: 1180px) {
  h3.gaffel {
    font-size: 32px!important;
  }
  p.gaffel {
    font-size: 17px!important;
  }
}
@media only screen and (min-device-width: 768px) and (max-width: 1024px) {
  h3.gaffel {
    font-size: 30px!important;
  }
  p.gaffel {
    font-size: 14px!important;
  }
}
@media only screen and (min-device-width: 381px) and (max-width: 480px) {
  h3.gaffel {
    font-size: 24px!important;
  }
}
@media only screen and (max-device-width: 380px) {
  h3.gaffel {
    font-size: 20px!important;
  }
  p.gaffel {
    font-size: 12px!important;
  }
}
.qvest-cookie-wrapper {
  z-index: 10002;
  position: relative;
}
.qvest-cookie-container {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.cookie-info {
  display: block;
  width: 100%;
  text-align: center;
  font-style: italic;
  font-size: 90%;
  background-color: #5e5e5e;
  color: #fff;
  padding: 6px;
  z-index: 9999;
}
.cookie-info a {
  color: #fff;
}
.cookie-info a.close-link {
  text-decoration: none;
  color: #ff4e3f;
}
.cookie-info a.close-link:hover {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .cookie-info {
    font-size: 70%;
  }
  .cookie-info a.close-link {
    margin-top: 10px;
    display: block;
  }
}
@media only screen and (max-width: 380px) {
  .cookie-info {
    font-size: 60!important;
  }
}
.newsletter--content {
  width: 684px;
  margin: 0 auto;
  float: none !important;
}
.newsletter--content .newsletter--street,
.newsletter--content .newsletter--zip-city {
  display: none;
}
.newsletter--content .newsletter--required-info,
.newsletter--content .newsletter--advent {
  float: left;
  width: 100%;
}
.newsletter--content .newsletter--advent {
  margin-bottom: 20px;
  display: none;
}
.newsletter--content .newsletter--additional-form {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
  /* ul/li compatibility */
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.newsletter--content .newsletter--additional-form > * {
  box-sizing: border-box;
}
.newsletter--content .newsletter--additional-form .newsletter--salutation,
.newsletter--content .newsletter--additional-form .newsletter--firstname,
.newsletter--content .newsletter--additional-form .newsletter--lastname {
  float: left;
  width: 50%;
}
.newsletter--content .newsletter--additional-form .newsletter--salutation,
.newsletter--content .newsletter--additional-form .newsletter--firstname {
  padding-right: 3%;
}
.newsletter--content .newsletter--additional-form .newsletter--salutation .js--fancy-select {
  width: 100%;
}
.newsletter--content .newsletter--required-info {
  float: left;
  width: 50%;
}
.newsletter--content .newsletter--action {
  float: right;
}
.newsletter--subscription {
  display: none !important;
}
.confirm--content .js--loading {
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  right: 11px;
  top: 9px;
  margin: 8px 5px 8px 5px;
  margin: 0.5rem 0.3125rem 0.5rem 0.3125rem;
  -webkit-animation: keyframe--spin 1s linear infinite;
  -moz-animation: keyframe--spin 1s linear infinite;
  -o-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  border: 2px solid #efeee7;
  border-top: 2px solid #262626;
  display: block;
  position: absolute;
}
.confirm--content .main--actions button[type='submit'] {
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
}
.confirm--content .main--actions button[type='submit'][disabled] {
  cursor: not-allowed;
  background-color: #d7d5cb;
}
@media only screen and (max-width: 767px) {
  .confirm--content {
    width: 100%!important;
  }
  .confirm--content .main--actions button[type=submit] {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    line-height: 150%;
  }
  h1.has-line {
    font-size: 24px!important;
  }
  .checkout-box .panel--title {
    font-size: 13px;
  }
  body.is--ctl-checkout.is--act-confirm .payment--content .payment--logo {
    right: 10px!important;
    top: 75px!important;
  }
}
.js--modal.modal-newsletter {
  background: #e8e7e1;
}
.js--modal.modal-newsletter .content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
  /* ul/li compatibility */
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: table;
  width: 100%;
  height: 100%;
}
.js--modal.modal-newsletter .content .inner {
  display: table-cell;
  padding-left: 40px;
  padding-right: 40px;
  vertical-align: middle;
}
.js--modal.modal-newsletter .content .inner.teaser {
  background-image: url(/static/teaser_newsletter.jpg);
  background-size: cover;
  background-position: center bottom;
}
.js--modal.modal-newsletter .content .inner.teaser .copy {
  text-align: center;
  color: #fff;
}
.js--modal.modal-newsletter .content .inner.teaser .copy h1 {
  color: #fff;
}
.js--modal.modal-newsletter .newsletter--email {
  float: left;
  width: 100%;
}
.js--modal.modal-newsletter .newsletter--firstname {
  float: left;
  width: 50%;
  padding-right: 2%;
}
.js--modal.modal-newsletter .newsletter--lastname {
  float: left;
  width: 50%;
  padding-left: 2%;
}
.js--modal.modal-newsletter .newsletter--required-info {
  float: left;
  width: 100%;
  *zoom: 1;
}
.js--modal.modal-newsletter .newsletter--required-info:after {
  content: "";
  display: table;
  clear: both;
}
.js--modal.modal-newsletter .newsletter--required-info:before,
.js--modal.modal-newsletter .newsletter--required-info:after {
  display: table;
  content: "";
  line-height: 0;
}
.js--modal.modal-newsletter .newsletter--required-info:after {
  clear: both;
}
.js--modal.modal-newsletter [type=submit] {
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}
.js--modal.modal-newsletter [type=submit][disabled] {
  cursor: not-allowed;
  background-color: #d7d5cb;
}
.js--modal.modal-newsletter [type=submit] .js--loading {
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  right: 11px;
  top: 9px;
  margin: 8px 5px 8px 5px;
  margin: 0.5rem 0.3125rem 0.5rem 0.3125rem;
  -webkit-animation: keyframe--spin 1s linear infinite;
  -moz-animation: keyframe--spin 1s linear infinite;
  -o-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  border: 2px solid #efeee7;
  border-top: 2px solid #262626;
  display: block;
  position: absolute;
}
.btn.modal--close {
  width: 30px;
  height: 30px;
  line-height: 30px;
  min-height: 30px;
}
.btn.modal--close:before {
  font-family: 'qvest' !important;
}
.newsletter--subscription {
  display: none !important;
}
.newsletter--advent {
  display: none;
}
/*
.adventskalender-thankyou {
  background-image: url(/static/adventskalender-thankyou.gif);
  background-size: cover;
  background-position: center bottom;
  min-height: 612px;
  min-width: 624px;
}

.adventskalender-form {
  background-image: url(/static/adventskalender-anmeldung.gif);
  background-size: cover;
  background-position: center bottom;

}
*/
@media only screen and (max-width: 767px) {
  .js--modal.modal-newsletter .content .inner {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.is--invisible {
  visibility: hidden !important;
}
body.is--storytelling {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body.is--storytelling.is--hardware-accelerated {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.emotion-storytelling {
  position: relative;
  top: 0;
  left: 0;
}
.emotion-storytelling .emotion--container {
  width: 100%;
  height: 100%;
}
.emotion-storytelling .emotion--video {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.emotion-storytelling .image-slider,
.emotion-storytelling .image-slider--slide,
.emotion-storytelling .image-slider--item {
  -webkit-transform-style: initial;
  -moz-transform-style: initial;
  -ms-transform-style: initial;
  transform-style: initial;
  -webkit-backface-visibility: initial;
  -moz-backface-visibility: initial;
  backface-visibility: initial;
}
.emotion-storytelling .image-slider--container {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.emotion--section {
  width: 100%;
  height: 100%;
}
.emotion--section[data-visibility="hidden"] {
  visibility: hidden;
}
.emotion--section[data-visibility="visible"] {
  visibility: visible;
}
.emotion--section-nav {
  width: 40px;
  width: 2.5rem;
  -ms-transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  position: fixed;
  top: 50%;
  left: 0;
  background: #fff;
  border: 1px solid #f8f8fa;
  z-index: 1500;
}
.emotion--section-nav .section-nav--link {
  padding: 5px 10px 5px 10px;
  padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-size: 15px;
  font-size: 0.9375rem;
  display: block;
  text-align: center;
  color: #000;
}
.emotion--section-nav .section-nav--link.is--active {
  color: #D9400B;
}
.emotion--section-nav .link--section {
  display: none;
}
.emotion--section-nav .link--prev,
.emotion--section-nav .link--next {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  font-size: 10px;
  font-size: 0.625rem;
}
.emotion--section-nav .link--start {
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 48em) {
  .emotion--section-nav {
    left: 30px;
    left: 1.875rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
  }
  .emotion--section-nav .link--section {
    display: block;
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--section-nav .section-nav--link:hover {
    color: #D9400B;
  }
}
.quick-view {
  -ms-transition: opacity 0.4s cubic-bezier(0, 0, 0.25, 1);
  -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: opacity 0.4s cubic-bezier(0, 0, 0.25, 1);
  -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.25, 1);
  transition: opacity 0.4s cubic-bezier(0, 0, 0.25, 1);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}
.quick-view.is--active {
  opacity: 1;
  z-index: 6000;
}
.quick-view--overlay {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6100;
  background: rgba(0, 0, 0, 0.6);
}
.quick-view--view {
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0 0;
  -ms-transform: scale(1.2) translate(-50%, -50%);
  -webkit-transform: scale(1.2) translate(-50%, -50%);
  -moz-transform: scale(1.2) translate(-50%, -50%);
  -o-transform: scale(1.2) translate(-50%, -50%);
  transform: scale(1.2) translate(-50%, -50%);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  width: 80%;
  height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 6200;
  background: #fff;
  opacity: 0;
  visibility: hidden;
}
.quick-view--view .view--content {
  display: none;
}
.quick-view--view[data-view="left"],
.quick-view--view[data-view="right"] {
  -ms-transform: scale(0.3) translate(-50%, -50%);
  -webkit-transform: scale(0.3) translate(-50%, -50%);
  -moz-transform: scale(0.3) translate(-50%, -50%);
  -o-transform: scale(0.3) translate(-50%, -50%);
  transform: scale(0.3) translate(-50%, -50%);
  opacity: 0;
}
.quick-view--view[data-view="left"] {
  left: -20%;
}
.quick-view--view[data-view="right"] {
  left: 120%;
}
.quick-view--view[data-view="prev"],
.quick-view--view[data-view="next"] {
  -ms-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  -webkit-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  -o-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  opacity: 1;
  cursor: pointer;
  z-index: 6300;
  visibility: visible;
}
.quick-view--view[data-view="prev"]:after,
.quick-view--view[data-view="next"]:after {
  width: 100px;
  width: 6.25rem;
  height: 400px;
  height: 25rem;
  font-size: 140px;
  font-size: 8.75rem;
  margin-top: -200px;
  margin-top: -12.5rem;
  -ms-transition: opacity 0.4s 0.3s cubic-bezier(0, 0, 0.25, 1);
  -webkit-transition: opacity 0.4s 0.3s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: opacity 0.4s 0.3s cubic-bezier(0, 0, 0.25, 1);
  -o-transition: opacity 0.4s 0.3s cubic-bezier(0, 0, 0.25, 1);
  transition: opacity 0.4s 0.3s cubic-bezier(0, 0, 0.25, 1);
  display: block;
  position: absolute;
  top: 50%;
  font-family: 'shopware';
  font-weight: normal;
  text-align: center;
  opacity: 1;
  vertical-align: middle;
  line-height: 400px;
  color: #fff;
}
.quick-view--view[data-view="prev"] {
  -ms-transform: scale(0.3) translate(-100%, -50%);
  -webkit-transform: scale(0.3) translate(-100%, -50%);
  -moz-transform: scale(0.3) translate(-100%, -50%);
  -o-transform: scale(0.3) translate(-100%, -50%);
  transform: scale(0.3) translate(-100%, -50%);
  left: 0;
}
.quick-view--view[data-view="prev"]:after {
  right: -100px;
  right: -6.25rem;
  content: "\e611";
}
.quick-view--view[data-view="next"] {
  -ms-transform: scale(0.3) translate(0, -50%);
  -webkit-transform: scale(0.3) translate(0, -50%);
  -moz-transform: scale(0.3) translate(0, -50%);
  -o-transform: scale(0.3) translate(0, -50%);
  transform: scale(0.3) translate(0, -50%);
  left: 100%;
}
.quick-view--view[data-view="next"]:after {
  left: -100px;
  left: -6.25rem;
  content: "\e60f";
}
.quick-view--view[data-view="main"] {
  -ms-transform: scale(1) translate(-50%, -50%);
  -webkit-transform: scale(1) translate(-50%, -50%);
  -moz-transform: scale(1) translate(-50%, -50%);
  -o-transform: scale(1) translate(-50%, -50%);
  transform: scale(1) translate(-50%, -50%);
  -ms-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  -webkit-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  -o-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  left: 50%;
  z-index: 6400;
  opacity: 1;
  visibility: visible;
}
.quick-view--view[data-view="main"]:after {
  display: block;
  content: "";
  opacity: 0;
}
.quick-view--view[data-view="main"] .view--content {
  display: block;
}
.view--content {
  padding: 20px 20px 20px 20px;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.view--content .product--details .product--header {
  padding: 0px 0px 20px 0px;
  padding: 0rem 0rem 1.25rem 0rem;
}
.view--content .product--details .product--title {
  word-wrap: break-word;
}
.view--content .product--details .product--supplier {
  display: none;
}
.view--content .product--details .image-slider--container {
  margin: 0;
}
.view--content .product--details .image-slider--thumbnails {
  display: none;
}
.view--content .product--details .image-slider--dots {
  position: relative;
  top: 0;
  left: 0;
}
.view--content .product--details .product--buybox {
  border: 0 none;
}
.view--content .product--details .buybox--inner {
  *zoom: 1;
  width: auto;
  float: none;
  border-bottom: 1px solid #dadae5;
}
.view--content .product--details .buybox--inner:after {
  content: "";
  display: table;
  clear: both;
}
.view--content .product--details .buybox--inner:before,
.view--content .product--details .buybox--inner:after {
  display: table;
  content: "";
  line-height: 0;
}
.view--content .product--details .buybox--inner:after {
  clear: both;
}
.view--content .product--details .product--data {
  padding: 0px 0px 20px 0px;
  padding: 0rem 0rem 1.25rem 0rem;
}
.view--content .product--details .buybox--button-container {
  *zoom: 1;
  padding: 0px 0px 20px 0px;
  padding: 0rem 0rem 1.25rem 0rem;
}
.view--content .product--details .buybox--button-container:after {
  content: "";
  display: table;
  clear: both;
}
.view--content .product--details .buybox--button-container:before,
.view--content .product--details .buybox--button-container:after {
  display: table;
  content: "";
  line-height: 0;
}
.view--content .product--details .buybox--button-container:after {
  clear: both;
}
.view--content .product--details .buybox--button {
  display: block;
  width: auto;
}
.view--content .product--details .btn--details {
  padding-right: 0;
}
.view--content .product--details .btn--notepad {
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
}
.view--content .product--details .btn--notepad.js--is-saved {
  color: #ff4e3f;
}
.view--content .product--details .btn--notepad.js--is-saved:hover {
  border-color: #ff4e3f;
}
.view--content .product--details .btn--notepad .action--text {
  margin: 0px 0px 0px 10px;
  margin: 0rem 0rem 0rem 0.625rem;
}
.view--content .product--details .product--short-description {
  padding: 20px 0px 20px 0px;
  padding: 1.25rem 0rem 1.25rem 0rem;
}
.quick-view--loader {
  width: 30px;
  width: 1.875rem;
  height: 30px;
  height: 1.875rem;
  margin: -15px 0px 0px -15px;
  margin: -0.9375rem 0rem 0rem -0.9375rem;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: content-box;
}
.quick-view--loader:before {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-animation: keyframe--spin 1s linear infinite;
  -moz-animation: keyframe--spin 1s linear infinite;
  -o-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: block;
  content: "";
  border-width: 2px;
  border-style: solid;
  border-color: #D9400B #CCC #CCC #CCC;
}
@media screen and (min-width: 48em) {
  .quick-view--view[data-view="prev"] {
    -ms-transform: scale(0.3) translate(-90%, -50%);
    -webkit-transform: scale(0.3) translate(-90%, -50%);
    -moz-transform: scale(0.3) translate(-90%, -50%);
    -o-transform: scale(0.3) translate(-90%, -50%);
    transform: scale(0.3) translate(-90%, -50%);
  }
  .quick-view--view[data-view="next"] {
    -ms-transform: scale(0.3) translate(-10%, -50%);
    -webkit-transform: scale(0.3) translate(-10%, -50%);
    -moz-transform: scale(0.3) translate(-10%, -50%);
    -o-transform: scale(0.3) translate(-10%, -50%);
    transform: scale(0.3) translate(-10%, -50%);
  }
  .view--content .product--details .product--supplier {
    display: block;
  }
  .view--content .product--details .image-slider--container,
  .view--content .product--details .image-slider--thumbnails {
    height: 300px;
    height: 18.75rem;
  }
  .view--content .product--details .product--data {
    width: 48%;
    float: left;
  }
  .view--content .product--details .buybox--button-container {
    width: 50%;
    float: right;
  }
}
@media screen and (min-width: 64em) {
  .quick-view--view {
    height: 500px;
    height: 31.25rem;
  }
  .view--content .product--details .product--image-container {
    margin-bottom: 0;
  }
  .view--content .product--details .image-slider--container {
    height: 350px;
    height: 21.875rem;
  }
  .view--content .product--details .product--data,
  .view--content .product--details .buybox--button-container {
    width: auto;
    float: none;
  }
  .view--content .product--details .btn--details {
    margin: 0px 0px 0px 140px;
    margin: 0rem 0rem 0rem 8.75rem;
    padding-right: 20px;
    padding-right: 1.25rem;
  }
  .view--content .product--details .btn--notepad {
    width: 130px;
    width: 8.125rem;
    margin: 0px 10px 0px 0px;
    margin: 0rem 0.625rem 0rem 0rem;
    float: left;
  }
  .view--content .product--details .btn--notepad .action--text {
    margin: 0px 0px 0px 10px;
    margin: 0rem 0rem 0rem 0.625rem;
  }
}
@media screen and (min-width: 78.75em) {
  .quick-view--view {
    width: 960px;
    width: 60rem;
  }
  .quick-view--view[data-view="prev"] {
    -ms-transform: scale(0.3) translate(-80%, -50%);
    -webkit-transform: scale(0.3) translate(-80%, -50%);
    -moz-transform: scale(0.3) translate(-80%, -50%);
    -o-transform: scale(0.3) translate(-80%, -50%);
    transform: scale(0.3) translate(-80%, -50%);
  }
  .quick-view--view[data-view="prev"]:hover {
    -ms-transform: scale(0.3) translate(-70%, -50%);
    -webkit-transform: scale(0.3) translate(-70%, -50%);
    -moz-transform: scale(0.3) translate(-70%, -50%);
    -o-transform: scale(0.3) translate(-70%, -50%);
    transform: scale(0.3) translate(-70%, -50%);
  }
  .quick-view--view[data-view="next"] {
    -ms-transform: scale(0.3) translate(-20%, -50%);
    -webkit-transform: scale(0.3) translate(-20%, -50%);
    -moz-transform: scale(0.3) translate(-20%, -50%);
    -o-transform: scale(0.3) translate(-20%, -50%);
    transform: scale(0.3) translate(-20%, -50%);
  }
  .quick-view--view[data-view="next"]:hover {
    -ms-transform: scale(0.3) translate(-30%, -50%);
    -webkit-transform: scale(0.3) translate(-30%, -50%);
    -moz-transform: scale(0.3) translate(-30%, -50%);
    -o-transform: scale(0.3) translate(-30%, -50%);
    transform: scale(0.3) translate(-30%, -50%);
  }
  .view--content .product--details .image-slider--thumbnails {
    height: 350px;
    height: 21.875rem;
    display: block;
  }
}
.emotion--side-view {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.emotion--side-view .side-view--banner {
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 800;
  cursor: pointer;
}
.emotion--side-view .side-view--banner.left.top {
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  left: 0;
  top: 0;
}
.emotion--side-view .side-view--banner.left.center {
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 0;
  top: 50%;
}
.emotion--side-view .side-view--banner.left.bottom {
  -ms-transform: translate(0, -100%);
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%);
  left: 0;
  top: 100%;
}
.emotion--side-view .side-view--banner.center.top {
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  top: 0;
}
.emotion--side-view .side-view--banner.center.bottom {
  -ms-transform: translate(-50%, -100%);
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  left: 50%;
  top: 100%;
}
.emotion--side-view .side-view--banner.right.top {
  -ms-transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  left: 100%;
  top: 0;
}
.emotion--side-view .side-view--banner.right.center {
  -ms-transform: translate(-100%, -50%);
  -webkit-transform: translate(-100%, -50%);
  -moz-transform: translate(-100%, -50%);
  -o-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  left: 100%;
  top: 50%;
}
.emotion--side-view .side-view--banner.right.bottom {
  -ms-transform: translate(-100%, -100%);
  -webkit-transform: translate(-100%, -100%);
  -moz-transform: translate(-100%, -100%);
  -o-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%);
  left: 100%;
  top: 100%;
}
.emotion--side-view .banner--image {
  width: 100%;
}
.emotion--side-view .side-view--view {
  -ms-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  -webkit-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  -o-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 900;
  background: #fff;
}
.emotion--side-view .side-view--view.view--bottom {
  -ms-transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
  bottom: 0;
  left: 0;
}
.emotion--side-view .side-view--view.view--bottom.view--halfsize {
  max-height: 250px;
  max-height: 15.625rem;
}
.emotion--side-view .side-view--view.view--bottom.view--fullsize .product-slider {
  padding: 30px 20px 30px 20px;
  padding: 1.875rem 1.25rem 1.875rem 1.25rem;
}
.emotion--side-view .side-view--view.view--bottom.is--active .trigger--icon:before,
.emotion--side-view .side-view--view.view--bottom.is--active .closer--icon:before {
  content: "\e612";
}
.emotion--side-view .side-view--view.view--bottom .side-view--trigger,
.emotion--side-view .side-view--view.view--bottom .side-view--closer {
  left: 50%;
  text-align: center;
}
.emotion--side-view .side-view--view.view--bottom .side-view--trigger {
  padding: 6px 20px 16px 20px;
  padding: 0.375rem 1.25rem 1rem 1.25rem;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  -ms-transform: translate(-50%, -100%);
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  top: 10px;
  top: 0.625rem;
}
.emotion--side-view .side-view--view.view--bottom .side-view--closer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.emotion--side-view .side-view--view.view--bottom .trigger--icon,
.emotion--side-view .side-view--view.view--bottom .closer--icon {
  font-size: 7px;
  font-size: 0.4375rem;
  top: -3px;
  top: -0.1875rem;
  position: relative;
}
.emotion--side-view .side-view--view.view--bottom .trigger--icon:before,
.emotion--side-view .side-view--view.view--bottom .closer--icon:before {
  content: "\e610";
}
.emotion--side-view .side-view--view.view--right {
  padding: 30px 0px 30px 0px;
  padding: 1.875rem 0rem 1.875rem 0rem;
  -ms-transform: translate(100%, 0);
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  top: 0;
  right: 0;
}
.emotion--side-view .side-view--view.view--right.view--halfsize {
  max-width: 220px;
  max-width: 13.75rem;
}
.emotion--side-view .side-view--view.view--right.is--active .trigger--icon:before,
.emotion--side-view .side-view--view.view--right.is--active .closer--icon:before {
  content: "\e60f";
}
.emotion--side-view .side-view--view.view--right .arrow--next {
  bottom: -30px;
  bottom: -1.875rem;
}
.emotion--side-view .side-view--view.view--right .arrow--prev {
  top: -30px;
  top: -1.875rem;
}
.emotion--side-view .side-view--view.view--right .side-view--trigger {
  padding: 6px 30px 6px 20px;
  padding: 0.375rem 1.875rem 0.375rem 1.25rem;
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  -ms-transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  top: 50px;
  top: 3.125rem;
  left: 10px;
  left: 0.625rem;
}
.emotion--side-view .side-view--view.view--right .side-view--closer {
  top: 50px;
  top: 3.125rem;
}
.emotion--side-view .side-view--view.view--right .trigger--icon:before,
.emotion--side-view .side-view--view.view--right .closer--icon:before {
  content: "\e611";
}
.emotion--side-view .side-view--view.is--active {
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  z-index: 901;
}
.emotion--side-view .side-view--view .product-slider {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 800;
  background: #fff;
}
.emotion--side-view .side-view--trigger,
.emotion--side-view .side-view--closer {
  padding: 6px 20px 6px 20px;
  padding: 0.375rem 1.25rem 0.375rem 1.25rem;
  -ms-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  -webkit-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  -o-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  position: absolute;
  z-index: 600;
  font-weight: 600;
  color: #000;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.8);
}
.emotion--side-view .side-view--trigger .trigger--icon,
.emotion--side-view .side-view--closer .trigger--icon,
.emotion--side-view .side-view--trigger .closer--icon,
.emotion--side-view .side-view--closer .closer--icon {
  margin: 0px 5px 0px 0px;
  margin: 0rem 0.3125rem 0rem 0rem;
  font-size: 11px;
  font-size: 0.6875rem;
  font-family: 'shopware';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.emotion--side-view .side-view--closer {
  z-index: 900;
  border: 1px solid #000;
}
.emotion--side-view .box--emotion {
  width: 100%;
  height: 100%;
  padding: 0;
  text-align: center;
}
.emotion--side-view .box--emotion .box--content {
  padding: 0;
  border: 0 none;
}
.emotion--side-view .box--emotion .product--info {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.emotion--side-view .box--emotion .product--image {
  height: 60%;
  margin: 0 auto;
}
.emotion--side-view .box--emotion .product--details {
  max-height: 38%;
  width: 100%;
  margin-top: 2%;
}
.emotion--side-view .box--emotion .product--title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  white-space: normal;
}
.emotion--side-view .box--emotion .product--price-info .price--unit {
  height: 15px;
  height: 0.9375rem;
  font-size: 10px;
  font-size: 0.625rem;
}
.emotion--side-view .box--emotion .product--price .price--default {
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 78.75em) {
  .side-view--trigger:hover,
  .side-view--closer:hover {
    color: #D9400B;
    border-color: #D9400B;
  }
  .view--right .side-view--trigger:hover {
    left: 2px;
    left: 0.125rem;
  }
  .view--bottom .side-view--trigger:hover {
    top: 2px;
    top: 0.125rem;
  }
}
.emotion--banner .banner--mapping-icon {
  width: 50px;
  width: 3.125rem;
  height: 50px;
  height: 3.125rem;
  line-height: 50px;
  line-height: 3.125rem;
  font-size: 34px;
  font-size: 2.125rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(255, 255, 255, 0.8);
  font-family: 'shopware';
  text-align: center;
  color: #000;
}
.emotion--banner .banner--mapping-icon:before {
  content: "\e68f";
}
@media screen and (min-width: 78.75em) {
  .emotion--banner .banner--mapping-icon:hover {
    color: #D9400B;
    background: #fff;
  }
}
.zenit-map--link .zenit-map--marker,
.zenit-map--link .zenit-map--spot {
  bottom: 0;
  display: inline-block;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
  width: 1.7rem;
  height: 28px;
  height: 1.7rem;
  line-height: 24px;
  line-height: 1.6rem;
}
.zenit-map--link .zenit-map--spot:before {
  font-family: "shopware";
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 16px;
  font-size: 1.5rem;
  height: 32px;
  height: 1.5rem;
}
.zenit-map--spot[data-spot-style="none"] {
  color: #ffffff;
}
.zenit-map--spot[data-spot-style="circle"] {
  background: transparent;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  color: #ffffff;
  border: solid 2px #ffffff;
}
.zenit-map--spot[data-spot-style="circle"],
.zenit-map--spot[data-spot-style="circle"]:after {
  border-radius: 50%;
  background-clip: padding-box;
}
.zenit-map--spot[data-spot-style="bullet"] {
  background: rgba(0, 0, 0, 0.33);
  color: #ffffff;
}
.zenit-map--spot[data-spot-style="bullet"],
.zenit-map--spot[data-spot-style="bullet"]:after {
  border-radius: 50%;
  background-clip: padding-box;
}
.zenit-map--spot[data-spot-style="square"] {
  background: rgba(0, 0, 0, 0.33);
  color: #ffffff;
}
.zenit-map--spot[data-spot-style="square"],
.zenit-map--spot[data-spot-style="square"]:after {
  border-radius: 5px;
  background-clip: padding-box;
}
.zenit-map--spot[data-spot-animation="pulse"] {
  animation: pulse 2s ease-out;
  -moz-animation: pulse 2s ease-out;
  -webkit-animation: pulse 2s ease-out;
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.zenit-map--spot[data-spot-animation="outer-pulse"]:after {
  animation: pulse 2s ease-out;
  top: -2px;
  top: -0.125rem;
  left: -2px;
  left: -0.125rem;
  width: 64px;
  width: 4rem;
  height: 64px;
  height: 4rem;
  -moz-animation: pulse 2s ease-out;
  -webkit-animation: pulse 2s ease-out;
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  background: transparent;
  border: 2px solid #ffffff;
  content: "";
  position: absolute;
  z-index: 1;
}
.zenit-map--spot[data-spot-animation="spin"] {
  animation: spin 8s linear;
  -moz-animation: spin 8s linear;
  -webkit-animation: spin 8s linear;
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    opacity: .0;
  }
  75% {
    -webkit-transform: scale(1.3);
    opacity: .5;
  }
  100% {
    -webkit-transform: scale(1.4);
    opacity: .0;
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
    opacity: .0;
  }
  75% {
    -moz-transform: scale(1.3);
    opacity: .5;
  }
  100% {
    -moz-transform: scale(1.4);
    opacity: .0;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    opacity: .0;
  }
  75% {
    -webkit-transform: scale(1.3);
    opacity: .5;
  }
  100% {
    -webkit-transform: scale(1.4);
    opacity: .0;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.zenit-map--marker button[data-tooltip] {
  overflow: visible;
}
.zenit-map--marker [data-tooltip] {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 2;
}
.zenit-map--marker [data-tooltip]:before,
.zenit-map--marker [data-tooltip]:after {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.18s ease-out 0.18s;
  -moz-transition: all 0.18s ease-out 0.18s;
  -ms-transition: all 0.18s ease-out 0.18s;
  -o-transition: all 0.18s ease-out 0.18s;
  transition: all 0.18s ease-out 0.18s;
  bottom: 100%;
  left: 50%;
  position: absolute;
  z-index: 10;
  -webkit-transform: translate(-50%, 10px);
  -moz-transform: translate(-50%, 10px);
  -o-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  -webkit-transform-origin: top 50% 0;
  -moz-transform-origin: top 50% 0;
  -o-transform-origin: top 50% 0;
  -ms-transform-origin: top 50%;
  transform-origin: top 50% 0;
}
.zenit-map--marker [data-tooltip]:after {
  background: rgba(20, 20, 20, 0.8);
  border-radius: 4px;
  color: #ffffff;
  content: attr(data-tooltip);
  font-size: 12px;
  margin-bottom: 11px;
  padding: .5em 1em;
  white-space: nowrap;
}
.zenit-map--marker [data-tooltip]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  content: "";
  margin-bottom: 5px;
}
.zenit-map--marker [data-tooltip]:hover:before,
.zenit-map--marker [data-tooltip][data-tooltip-visible]:before,
.zenit-map--marker [data-tooltip]:hover:after,
.zenit-map--marker [data-tooltip][data-tooltip-visible]:after {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.zenit-map--marker [data-tooltip][data-tooltip-break]:after {
  white-space: normal;
}
.zenit-map--marker [data-tooltip-pos="left"]:before,
.zenit-map--marker [data-tooltip-pos="left"]:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  -moz-transform: translate(10px, -50%);
  -o-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
}
.zenit-map--marker [data-tooltip-pos="left"]:after {
  margin-right: 11px;
}
.zenit-map--marker [data-tooltip-pos="left"]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-right: 5px;
}
.zenit-map--marker [data-tooltip-pos="left"]:hover:before,
.zenit-map--marker [data-tooltip-pos="left"][data-tooltip-visible]:before,
.zenit-map--marker [data-tooltip-pos="left"]:hover:after,
.zenit-map--marker [data-tooltip-pos="left"][data-tooltip-visible]:after {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.zenit-map--marker [data-tooltip-pos="right"]:before,
.zenit-map--marker [data-tooltip-pos="right"]:after {
  bottom: auto;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  -moz-transform: translate(-10px, -50%);
  -o-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}
.zenit-map--marker [data-tooltip-pos="right"]:after {
  margin-left: 11px;
}
.zenit-map--marker [data-tooltip-pos="right"]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}
.zenit-map--marker [data-tooltip-pos="right"]:hover:before,
.zenit-map--marker [data-tooltip-pos="right"][data-tooltip-visible]:before,
.zenit-map--marker [data-tooltip-pos="right"]:hover:after,
.zenit-map--marker [data-tooltip-pos="right"][data-tooltip-visible]:after {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.zenit-map--marker [data-tooltip-length]:after {
  white-space: normal;
}
.zenit-map--marker [data-tooltip-length="small"]:after {
  width: 120px;
}
.zenit-map--marker [data-tooltip-length="medium"]:after {
  width: 180px;
}
.zenit-map--marker [data-tooltip-length="large"]:after {
  width: 260px;
}
.zenit-map--marker [data-tooltip-length="fit"]:after {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .zenit-map--marker [data-tooltip-length="xlarge"]:after {
    width: 380px;
  }
}
@media screen and (max-width: 767px) {
  .zenit-map--link .zenit-map--marker,
  .zenit-map--link .zenit-map--spot {
    display: none!important;
  }
}
.emotion--override .emotion--element.column--4 {
  min-height: 0 !important;
  margin-bottom: 1px !important;
}
.emotion--override .emotion--element.column--4 .emotion--digital-publishing {
  height: auto !important;
}
.emotion--override .emotion--element.column--4 .emotion--digital-publishing .bg--image {
  position: relative !important;
}
.emotion--override .emotion--element.column--4 .emotion--banner,
.emotion--override .emotion--element.column--4 .emotion--banner-slider {
  height: auto !important;
}
.emotion--override .emotion--element.column--4 .emotion--banner .banner--content,
.emotion--override .emotion--element.column--4 .emotion--banner-slider .banner--content,
.emotion--override .emotion--element.column--4 .emotion--banner .banner-slider--banner,
.emotion--override .emotion--element.column--4 .emotion--banner-slider .banner-slider--banner {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}
@media screen and (max-width: 1024px) {
  .emotion--override .emotion--element.column--2 {
    min-height: 0 !important;
    margin-bottom: 1px !important;
  }
  .emotion--override .emotion--element.column--2 .emotion--digital-publishing {
    height: auto !important;
  }
  .emotion--override .emotion--element.column--2 .emotion--digital-publishing .bg--image {
    position: relative !important;
  }
  .emotion--override .emotion--element.column--2 .emotion--banner,
  .emotion--override .emotion--element.column--2 .emotion--banner-slider {
    height: auto !important;
  }
  .emotion--override .emotion--element.column--2 .emotion--banner .banner--content,
  .emotion--override .emotion--element.column--2 .emotion--banner-slider .banner--content,
  .emotion--override .emotion--element.column--2 .emotion--banner .banner-slider--banner,
  .emotion--override .emotion--element.column--2 .emotion--banner-slider .banner-slider--banner {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
  }
}
#tsbadgeResponsiveTop_db8d3657bdbe440c985ae127463eaad4,
#TriangleResponsiveBadge_db8d3657bdbe440c985ae127463eaad4 {
  z-index: 0!important;
  display: none!important;
  overflow: hidden!important;
  height: 0px!important;
  width: 0px!important;
  max-height: 0px!important;
}
h1 {
  color: #000;
  font-size: 45px;
  line-height: 50px;
  font-weight: bold;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  text-transform: uppercase;
  text-align: center;
  padding: 15px 0 30px 0;
}
h1.line {
  margin-bottom: 30px;
}
h1.line:before {
  display: block;
  content: ' ';
  margin: 0 auto;
  width: 90px;
  height: 3px;
  background: #000;
  position: relative;
  bottom: -90px;
  z-index: -1;
}
h1.has-line,
h1.panel--title {
  padding-bottom: 70px;
}
h1.has-line:after,
h1.panel--title:after {
  background: #000000 none repeat scroll 0 0;
  content: " ";
  display: block;
  height: 3px;
  margin: 0 auto;
  position: relative;
  top: 29px;
  width: 90px;
}
h1.search--headline {
  font-size: 32px;
  text-align: left;
  margin-left: 20px;
}
h2.is--underline {
  color: #000;
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  font-family: Georgia, serif;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 0px;
  text-align: center;
  padding: 35px 0;
  max-width: 684px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  border-top: 1px solid #000;
}
h2.is--underline span {
  background: #e8e7e1;
  position: relative;
  top: -13px;
  padding: 0 10px;
}
h2.is--underline:before {
  display: none;
}
h2.is--underline.panel--title {
  margin: 65px auto 30px;
}
h3 {
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 0 20px;
}
a,
button {
  color: #000;
  -webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in, opacity 0.2s ease-in;
  -moz-transition: color 0.2s ease-in, background-color 0.2s ease-in, opacity 0.2s ease-in;
  -o-transition: color 0.2s ease-in, background-color 0.2s ease-in, opacity 0.2s ease-in;
  transition: color 0.2s ease-in, background-color 0.2s ease-in, opacity 0.2s ease-in;
}
a:hover,
button:hover {
  color: #ff4e3f;
}
body {
  background: #e8e7e1;
}
.content-main {
  max-width: 1280px;
  padding: 0 20px;
  margin: 0 auto;
  margin-top: 65px;
}
body.is--ctl-listing.is--act-index .content-main {
  padding: 0;
}
body.is--ctl-listing.is--act-index .content-main .content--emotions {
  padding: 0px;
}
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}
main {
  -webkit-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
}
.canvas {
  padding: 0 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.cta-disabled {
  color: #ef4133;
}
.content--emotions ul a {
  text-decoration: none;
}
.content--emotions ul a:hover {
  text-decoration: underline;
}
li.grey-tick {
  background-image: url("../img/grey-tick.png");
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding-left: 20px;
}
ul.bullets {
  list-style: disc;
}
ul.bullets li {
  margin-left: 20px;
}
.off-canvas {
  display: none;
}
.navigation--entry.entry--notepad.is--active i,
.navigation--entry.entry--cart.is--active i,
.navigation--entry.entry--notepad.is--active .notes--quantity,
.navigation--entry.entry--cart.is--active .notes--quantity,
.navigation--entry.entry--notepad.is--active .cart--quantity,
.navigation--entry.entry--cart.is--active .cart--quantity {
  color: #D9400B;
}
span.snippet {
  border-bottom: 1px dotted red;
}
iframe[name='google_conversion_frame'] {
  width: 1px;
  height: 1px;
  position: fixed;
  left: 0;
  top: 0;
}
em {
  font-style: italic;
}
.btn .icon--arrow-right {
  margin-left: 5px;
}
.btn .icon--arrow-left {
  margin-right: 5px;
}
@media only screen and (max-width: 767px) {
  .content-main {
    max-width: 767px;
    margin-top: 64px;
    padding: 0 15px;
  }
  body.is--ctl-listing.is--act-index .content-main .content--emotions {
    padding: 0 10px;
  }
  body.is--ctl-listing.is--act-index .content-main .ts-hidden {
    display: none;
  }
}
body.is--ctl-register .register--advantages,
body.is--ctl-customregister .register--advantages {
  display: none;
}
body.is--ctl-checkout.is--act-confirm .checkout-box .product--table {
  margin: 0 !important;
  background: none;
  padding: 0;
}
body.is--ctl-checkout.is--act-confirm .checkout-box .product--table .column--actions {
  display: none;
}
body.is--ctl-checkout.is--act-confirm .checkout-box .product--table .table--header {
  border-top: none;
}
body.is--ctl-checkout.is--act-confirm .checkout-box .product--table .column--label {
  display: none;
}
body.is--ctl-checkout.is--act-confirm .checkout-box .product--table .aggregation--list {
  min-width: 50%;
  padding-bottom: 0;
  padding-top: 20px;
}
body.is--ctl-checkout.is--act-confirm .checkout-box .product--table .table--aggregation {
  padding-bottom: 0;
}
body.is--ctl-checkout.is--act-confirm .checkout-box .product--table .column--unit-price {
  width: 20%;
}
body.is--ctl-checkout.is--act-confirm .payment--content .payment--logo {
  position: absolute;
  right: 40px;
  top: 40px;
  text-align: right;
}
body.is--ctl-checkout.is--act-confirm .payenginecw-payment-form {
  margin-top: 30px;
}
body.is--ctl-checkout.is--act-confirm .column--image {
  padding: 0;
}
body.is--ctl-checkout.is--act-finish .product--table.finish--table {
  margin-top: 60px;
}
.markenlogos .emotion--column-1 .emotion--element.row--4 {
  min-height: 0!important;
}
.markenlogos .emotion--column-1 .emotion--element.row--4 blockquote {
  max-width: 630px;
  margin: 0 auto 50px;
  padding-bottom: 20px;
}
.markenlogos .emotion--column-1 .emotion--element.row--4 blockquote:after {
  background: #000000 none repeat scroll 0 0;
  content: " ";
  display: block;
  height: 3px;
  margin: 0 auto;
  position: relative;
  top: 29px;
  width: 90px;
}
.markenlogos .emotion--column-1 .emotion--element.row--2 {
  display: block;
  float: left;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 140px !important;
  height: 140px !important;
  width: 50% !important;
  border-top: 1px solid #dfded6;
  border-left: 1px solid #dfded6;
}
.markenlogos .emotion--column-1 .emotion--element.row--2 .banner--content {
  padding-top: 20px;
  padding-bottom: 20px;
}
.markenlogos .emotion--column-1 .emotion--element.row--2:nth-child(2n) {
  border-left: none;
}
.markenlogos .emotion--column-1 .emotion--element.row--2:nth-child(2),
.markenlogos .emotion--column-1 .emotion--element.row--2:nth-child(3) {
  border-top: none;
}
@media screen and (min-width: 64em) {
  .markenlogos .emotion--column-1 .emotion--element.row--2 {
    width: 25% !important;
  }
  .markenlogos .emotion--column-1 .emotion--element.row--2:nth-child(2n) {
    border-left: 1px solid #dfded6;
  }
  .markenlogos .emotion--column-1 .emotion--element.row--2:nth-child(4n-2) {
    border-left: none;
  }
  .markenlogos .emotion--column-1 .emotion--element.row--2:nth-child(4),
  .markenlogos .emotion--column-1 .emotion--element.row--2:nth-child(5) {
    border-top: none;
  }
}
@media screen and (min-width: 78.75em) {
  .markenlogos .emotion--column-1 .emotion--element.row--2 {
    width: 20% !important;
  }
  .markenlogos .emotion--column-1 .emotion--element.row--2:nth-child(4n-2) {
    border-left: 1px solid #dfded6;
  }
  .markenlogos .emotion--column-1 .emotion--element.row--2:nth-child(5n-3) {
    border-left: none;
  }
  .markenlogos .emotion--column-1 .emotion--element.row--2:nth-child(2),
  .markenlogos .emotion--column-1 .emotion--element.row--2:nth-child(3),
  .markenlogos .emotion--column-1 .emotion--element.row--2:nth-child(4),
  .markenlogos .emotion--column-1 .emotion--element.row--2:nth-child(5),
  .markenlogos .emotion--column-1 .emotion--element.row--2:nth-child(6) {
    border-top: none;
  }
}
.markenlogos .emotion--column-1 .emotion--banner {
  width: 100% !important;
  height: 100% !important;
}
@media only screen and (max-width: 479px) {
  .markenlogos .emotion--column-1 .emotion--element.row--2 {
    width: 100%!important;
  }
  .markenlogos .emotion--banner .banner--image {
    margin-top: 0px;
  }
}
* {
  box-sizing: border-box;
}
html {
  width: 100%;
  height: 100%;
}
html.no--scroll {
  position: relative;
  overflow: hidden;
}
html.no--scroll body {
  overflow: hidden;
}
img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
.product--rating i[class^=icon] {
  color: #F1C40F;
}
.product--rating i.icon--star-empty {
  color: #dadae5;
}
.ajax-loader {
  display: none;
}
.is--block {
  display: block !important;
}
.is--inline {
  display: inline !important;
}
.is--inline-block {
  display: inline-block !important;
}
.is--hidden {
  display: none !important;
}
.is--invisible {
  visibility: hidden !important;
}
.is--align-left {
  text-align: left !important;
}
.is--align-right {
  text-align: right !important;
}
.is--align-center {
  text-align: center !important;
}
.is--line-through {
  text-decoration: line-through !important;
}
.is--uppercase {
  text-transform: uppercase !important;
}
.is--strong {
  font-weight: bold !important;
}
.is--bold {
  font-weight: bold !important;
}
.is--italic {
  font-style: italic;
}
.is--nowrap {
  white-space: nowrap !important;
}
.is--dark {
  color: #000 !important;
}
.is--light {
  color: #9e9ebb !important;
}
.is--soft {
  color: #dadae5 !important;
}
.is--fluid {
  width: 100% !important;
}
.left {
  float: left;
}
.right {
  float: right;
}
span.nofreeshipping,
span.nofreeshipping a:link {
  color: #333333!important;
}
::-moz-placeholder {
  color: #262626;
}
::-webkit-input-placeholder {
  color: #262626;
}
:-ms-input-placeholder {
  color: #262626;
}
.is--ctl-checkout .panel--body > .alert {
  margin: 30px 0px 30px 0px;
  margin: 1.875rem 0rem 1.875rem 0rem;
}
.is--ctl-checkout .basket--info-messages {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.is--ctl-checkout .account--billing-address.register--content,
.is--ctl-checkout .account--shipping-address.register--content,
.is--ctl-checkout .account--change-billing.register--content,
.is--ctl-checkout .account--change-shipping.register--content {
  float: none;
  width: 100%;
}
.product--table .alert {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.product--table .is--no-star {
  margin-left: -6px;
  margin-left: -0.375rem;
}
.product--table .premium-product.panel {
  margin: 10px 0px 0px 0px;
  margin: 0.625rem 0rem 0rem 0rem;
}
.product--table .delivery--status-icon {
  display: none;
}
.product--table .js--fancy-select-text {
  font-weight: bold;
}
.product--table .table--actions {
  *zoom: 1;
  margin-top: 10px;
  margin-top: 0.625rem;
  position: relative;
}
.product--table .table--actions:after {
  content: "";
  display: table;
  clear: both;
}
.product--table .table--actions:before,
.product--table .table--actions:after {
  display: table;
  content: "";
  line-height: 0;
}
.product--table .table--actions:after {
  clear: both;
}
.product--table .table--actions .btn--checkout-proceed,
.product--table .table--actions .btn--checkout-continue {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.product--table .actions--bottom .main--actions {
  margin-bottom: 0px;
  margin-bottom: 0rem;
}
.product--table .table--header {
  display: none;
}
.product--table .table--tr {
  *zoom: 1;
  position: relative;
  width: 100%;
  height: 100%;
}
.product--table .table--tr:after {
  content: "";
  display: table;
  clear: both;
}
.product--table .table--tr:before,
.product--table .table--tr:after {
  display: table;
  content: "";
  line-height: 0;
}
.product--table .table--tr:after {
  clear: both;
}
.product--table .table--tr.is--last-row {
  border-bottom: 1px solid #000;
}
.product--table .table--media,
.product--table .table--content {
  float: left;
}
.product--table .column--product {
  padding-left: 0;
  width: 90%;
}
.product--table .column--product .column--image {
  float: left;
  width: 26%;
}
.product--table .table--media {
  width: 100%;
  position: relative;
}
.product--table .table--media .table--media-outer {
  max-width: 70px;
  max-width: 4.375rem;
  max-height: 70px;
  max-height: 4.375rem;
  margin: 0 auto;
}
.product--table .table--media .table--media-inner {
  width: 100%;
  position: relative;
  padding-bottom: 100%;
  height: 0;
  background: #fff;
}
.product--table .table--media img {
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.product--table .table--content {
  font-size: 12px;
  font-size: 0.75rem;
  width: 70%;
}
.product--table .delivery--status-icon {
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0;
}
.product--table .delivery--information {
  font-size: 14px;
  font-size: 0.875rem;
}
.product--table .content--title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  color: #000;
}
.product--table .column--actions {
  padding-right: 0;
  position: absolute;
  width: 20%;
  top: 10px;
  right: 0;
  text-align: right;
}
.product--table .column--actions .column--actions-link {
  line-height: 40px;
  line-height: 2.5rem;
  padding: 0px 14px 0px 15px;
  padding: 0rem 0.875rem 0rem 0.9375rem;
}
.product--table .column--actions .icon--cross {
  font-size: 12px;
  font-size: 0.75rem;
}
.product--table .column--label {
  color: #000;
  text-align: left;
  margin: 0%;
  float: left;
  font-weight: bold;
}
.product--table .column--label.quantity--label {
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold" !important;
  text-transform: uppercase!important;
  margin-top: 11px;
  margin-top: 0.6875rem;
}
.product--table .row--rebate,
.product--table .row--premium-product,
.product--table .row--voucher {
  min-height: 56px;
}
.product--table .row--rebate .column--label,
.product--table .row--premium-product .column--label,
.product--table .row--voucher .column--label {
  margin: 0;
}
.product--table .row--rebate .table--media,
.product--table .row--premium-product .table--media,
.product--table .row--voucher .table--media {
  width: 70px;
  width: 4.375rem;
  margin: 0 auto;
  float: none;
}
.product--table .row--rebate .column--image,
.product--table .row--premium-product .column--image,
.product--table .row--voucher .column--image {
  padding: 10px 0px 10px 0px;
  padding: 0.625rem 0rem 0.625rem 0rem;
  width: 24%;
}
.product--table .column--total-price {
  font-weight: bold;
}
.product--table .column--product {
  *zoom: 1;
}
.product--table .column--product:after {
  content: "";
  display: table;
  clear: both;
}
.product--table .column--product:before,
.product--table .column--product:after {
  display: table;
  content: "";
  line-height: 0;
}
.product--table .column--product:after {
  clear: both;
}
.product--table .column--product .column--image {
  float: left;
  width: 24%;
}
.product--table .column--quantity .js--fancy-select {
  min-width: 100px;
  min-width: 6.25rem;
  max-width: 160px;
  max-width: 10rem;
  width: auto;
}
.product--table .column--quantity,
.product--table .column--unit-price,
.product--table .column--total-price,
.product--table .column--tax-price {
  padding: 5px 0px 5px 10px;
  padding: 0.3125rem 0rem 0.3125rem 0.625rem;
  margin-left: 22%;
  width: 78%;
}
.product--table .column--quantity {
  padding: 0px 0px 0px 10px;
  padding: 0rem 0rem 0rem 0.625rem;
}
.product--table .column--unit-price {
  padding: 0px 0px 9px 10px;
  padding: 0rem 0rem 0.5625rem 0.625rem;
}
.product--table .column--quantity .individual-article-quantity {
  font-size: 16px;
  font-weight: bold;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  text-transform: uppercase;
  float: right;
  margin-top: 8px;
}
.product--table .product--delivery {
  margin: 0;
}
.product--table .cart--badge {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  top: 0;
  left: 0;
  background: #D9400B;
}
.product--table .cart--badge span {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg deg);
  -moz-transform: rotate(-90deg deg);
  -ms-transform: rotate(-90deg deg);
  -o-transform: rotate(-90deg deg);
  transform: rotate(-90deg deg);
  text-align: center;
  line-height: 20px;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  position: absolute;
  width: 70px;
  top: 0;
  bottom: 0;
}
.product--table .basket--badge {
  display: none;
}
.product--table .row--premium-product .basket--badge {
  font-size: 11px;
  font-size: 0.6875rem;
}
.product--table .table--actions + .alert {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.product--table .content {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0;
}
.product--table .add-product--form {
  margin: 20px 0px 20px 0px;
  margin: 1.25rem 0rem 1.25rem 0rem;
}
.product--table .add-product--field,
.product--table .add-voucher--field {
  height: 38px;
  height: 2.375rem;
  width: 90%;
}
.product--table .add-voucher--field {
  background: #fff;
}
.product--table .add-product--button,
.product--table .add-voucher--button {
  height: 38px;
  height: 2.375rem;
  padding: 3px 0px 3px 0px;
  padding: 0.1875rem 0rem 0.1875rem 0rem;
  width: 15%;
}
.product--table .add-voucher--form {
  margin: 0px 0px 12px 0px;
  margin: 0rem 0rem 0.75rem 0rem;
}
.product--table .add-voucher--panel {
  margin: 10px 0px 0px 0px;
  margin: 0.625rem 0rem 0rem 0rem;
}
.product--table .table--aggregation {
  margin: 0px -10px 0px -10px;
  margin: 0rem -0.625rem 0rem -0.625rem;
  padding: 12px 10px 12px 10px;
  padding: 0.75rem 0.625rem 0.75rem 0.625rem;
}
.product--table .table--shipping-costs .js--fancy-select {
  height: 38px;
  height: 2.375rem;
  line-height: 36px;
  line-height: 2.25rem;
  width: 100%;
}
.product--table .table--shipping-costs-trigger {
  font-weight: bold;
}
.product--table .main--actions {
  *zoom: 1;
}
.product--table .main--actions:after {
  content: "";
  display: table;
  clear: both;
}
.product--table .main--actions:before,
.product--table .main--actions:after {
  display: table;
  content: "";
  line-height: 0;
}
.product--table .main--actions:after {
  clear: both;
}
.product--table .table--footer {
  font-size: 14px;
  font-size: 0.875rem;
}
.product--table .table--footer .benefit--text {
  font-size: 14px;
  font-size: 0.875rem;
}
.product--table .benefit--headline {
  font-size: 14px;
  font-size: 0.875rem;
  color: #000;
  font-weight: bold;
}
.aggregation--list {
  background: #f8f8fa;
}
.aggregation--list .list--entry {
  list-style: none;
}
.aggregation--list .entry--label {
  width: 70%;
}
.aggregation--list .entry--value {
  width: 30%;
  text-align: right;
}
.aggregation--list .entry--total {
  font-weight: bold;
  color: #000;
}
.aggregation--list .entry--totalnet,
.aggregation--list .entry--taxes {
  font-size: 12px;
  font-size: 0.75rem;
}
.premium-product.panel {
  margin: 10px 0px 10px 0px;
  margin: 0.625rem 0rem 0.625rem 0rem;
}
.premium-product--content {
  height: 320px;
  height: 20rem;
}
.premium-product--content .product-slider--container {
  padding: 0;
}
.premium-product p {
  margin: 10px 0px 10px 0px;
  margin: 0.625rem 0rem 0.625rem 0rem;
}
.premium-product .premium-product--difference {
  display: block;
}
.premium-product .premium-product--difference .difference--price {
  font-size: 14px;
  font-size: 0.875rem;
}
.premium-product .product-slider--arrow.arrow--next {
  right: -1px;
  right: -0.0625rem;
}
.premium-product .product-slider--arrow.arrow--prev {
  left: -1px;
  left: -0.0625rem;
}
.premium-product .product--inner {
  padding: 5px 30px 5px 30px;
  padding: 0.3125rem 1.875rem 0.3125rem 1.875rem;
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
}
.premium-product .product--inner .product--image {
  height: 175px;
  height: 10.9375rem;
  margin: 0px 0px 15px 0px;
  margin: 0rem 0rem 0.9375rem 0rem;
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  display: block;
  position: relative;
  text-align: center;
}
.premium-product .product--inner .product--image .image--element {
  height: 100%;
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}
.premium-product .product--inner .product--image .image--element img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
  z-index: 500;
}
.premium-product .product--inner .premium-product--badge {
  height: 38px;
  height: 2.375rem;
  width: 38px;
  width: 2.375rem;
  line-height: 38px;
  line-height: 2.375rem;
  top: -19px;
  top: -1.1875rem;
  right: -19px;
  right: -1.1875rem;
  background: #D9400B;
  position: absolute;
  color: #fff;
  font-weight: bold;
  z-index: 750;
}
.premium-product .product--inner .premium-product--free {
  color: #ff4e3f;
  font-weight: bold;
  text-align: left;
}
.premium-product .product--inner .btn {
  width: 100%;
}
.premium-product .product--inner .js--fancy-select {
  width: 100%;
}
.premium-product .product--inner .premium--variant {
  *zoom: 1;
}
.premium-product .product--inner .premium--variant:after {
  content: "";
  display: table;
  clear: both;
}
.premium-product .product--inner .premium--variant:before,
.premium-product .product--inner .premium--variant:after {
  display: table;
  content: "";
  line-height: 0;
}
.premium-product .product--inner .premium--variant:after {
  clear: both;
}
.premium-product .product--inner .premium--variant .premium--button {
  height: 38px;
  height: 2.375rem;
  margin-left: -2px;
  margin-left: -0.125rem;
  width: 20%;
}
.premium-product .product--inner .premium--variant .js--fancy-select {
  line-height: 36px;
  line-height: 2.25rem;
  margin-right: 2px;
  margin-right: 0.125rem;
  width: 80%;
  float: left;
}
.premium-product .product--inner .premium--variant .js--fancy-select .premium--selection {
  height: 36px;
  height: 2.25rem;
}
.js--modal .modal--checkout-add-article .link--article-image .image--media {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.js--modal .modal--checkout-add-article .link--article-image .image--media img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.js--modal .modal--checkout-add-article .modal--title {
  padding: 10px 40px 10px 20px;
  padding: 0.625rem 2.5rem 0.625rem 1.25rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
}
.js--modal .modal--checkout-add-article .modal--error {
  padding: 20px 20px 20px 20px;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
}
.js--modal .modal--checkout-add-article .modal--article {
  padding: 20px;
  padding: 1.25rem;
}
.js--modal .modal--checkout-add-article .article--info {
  margin-left: 80px;
  margin-left: 5rem;
  *zoom: 1;
}
.js--modal .modal--checkout-add-article .article--info:after {
  content: "";
  display: table;
  clear: both;
}
.js--modal .modal--checkout-add-article .article--info:before,
.js--modal .modal--checkout-add-article .article--info:after {
  display: table;
  content: "";
  line-height: 0;
}
.js--modal .modal--checkout-add-article .article--info:after {
  clear: both;
}
.js--modal .modal--checkout-add-article .article--image {
  padding: 5px;
  padding: 0.3125rem;
  width: 80px;
  width: 5rem;
  height: 80px;
  height: 5rem;
  float: left;
}
.js--modal .modal--checkout-add-article .article--name {
  width: 100%;
}
.js--modal .modal--checkout-add-article .list--name {
  margin-left: 15px;
  margin-left: 0.9375rem;
}
.js--modal .modal--checkout-add-article .list--name .entry--name {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.js--modal .modal--checkout-add-article .list--name .link--name {
  color: #000;
  font-weight: 700;
}
.js--modal .modal--checkout-add-article .article--price {
  margin: 15px 0px 0px 15px;
  margin: 0.9375rem 0rem 0rem 0.9375rem;
  width: 100%;
}
.js--modal .modal--checkout-add-article .list--price .entry--price {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  color: #000;
  font-weight: 700;
}
.js--modal .modal--checkout-add-article .modal--actions {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
  padding: 10px 20px 0px 20px;
  padding: 0.625rem 1.25rem 0rem 1.25rem;
  *zoom: 1;
}
.js--modal .modal--checkout-add-article .modal--actions:after {
  content: "";
  display: table;
  clear: both;
}
.js--modal .modal--checkout-add-article .modal--actions:before,
.js--modal .modal--checkout-add-article .modal--actions:after {
  display: table;
  content: "";
  line-height: 0;
}
.js--modal .modal--checkout-add-article .modal--actions:after {
  clear: both;
}
.js--modal .modal--checkout-add-article .modal--actions .btn {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js--modal .modal--checkout-add-article .modal--actions .btn:last-child {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.js--modal .modal--checkout-add-article .modal--actions .is--left {
  padding-left: 35px;
  padding-left: 2.1875rem;
}
.js--modal .modal--checkout-add-article .modal--cross-selling {
  padding: 0px 20px 20px 20px;
  padding: 0rem 1.25rem 1.25rem 1.25rem;
  margin: 0;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .product-slider--container {
  padding: 0;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .item--image {
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  height: 170px;
  height: 10.625rem;
  margin: 0 auto;
  text-align: center;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .link--image,
.js--modal .modal--checkout-add-article .modal--cross-selling .link--image span {
  overflow: hidden;
  display: block;
  height: 100%;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .link--image img {
  margin: 0 auto;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .image--slider-item,
.js--modal .modal--checkout-add-article .modal--cross-selling .image--no-picture {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .link--name {
  color: #000;
  font-weight: 700;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .item--price-unit {
  font-size: 11px;
  font-size: 0.6875rem;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .price--normal {
  font-size: 17px;
  font-size: 1.0625rem;
  color: #000;
  font-weight: 700;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .price--reduced {
  color: #E74C3C;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .price--pseudo {
  font-size: 10px;
  font-size: 0.625rem;
  text-decoration: line-through;
}
.content--confirm .alert {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.content--confirm .table--aggregation,
.content--confirm .add-product--field,
.content--confirm .add-product--button {
  display: none;
}
.content--confirm .aggregation--list {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
}
@media screen and (min-width: 30em) {
  .product--table .column--label {
    text-align: right;
    width: 100%;
    margin: 0;
  }
  .product--table .table--tr {
    padding: 10px 0px 20px 0px;
    padding: 0.625rem 0rem 1.25rem 0rem;
  }
  .product--table .table--content {
    width: 85%;
  }
  .product--table .table--actions .btn--checkout-proceed,
  .product--table .table--actions .btn--checkout-continue {
    width: 49%;
    text-align: center;
    margin-bottom: 0px;
    margin-bottom: 0rem;
  }
  .product--table .column--product .column--image {
    width: 15%;
  }
  .product--table .column--quantity,
  .product--table .column--unit-price,
  .product--table .column--total-price {
    float: left;
    width: 28.83%;
  }
  .product--table .column--quantity {
    padding-right: 10px;
    padding-right: 0.625rem;
    margin-left: 13.5%;
  }
  .product--table .column--quantity .quantity--label {
    margin: 0px 0px 3px 0px;
    margin: 0rem 0rem 0.1875rem 0rem;
    text-align: left;
  }
  .product--table .column--quantity .js--fancy-select {
    float: left;
  }
  .product--table .column--unit-price {
    padding-right: 10px;
    padding-right: 0.625rem;
    margin: 0;
  }
  .product--table .column--unit-price .unit-price--label {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
  }
  .product--table .column--total-price {
    padding: 0px 10px 5px 10px;
    padding: 0rem 0.625rem 0.3125rem 0.625rem;
    margin: 0;
  }
  .product--table .column--total-price .total-price--label {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
  }
  .product--table .column--tax-price {
    margin: 0;
  }
  .product--table .column--tax-price .tax-price--label {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
  }
  .product--table .row--rebate .column--label,
  .product--table .row--premium-product .column--label,
  .product--table .row--voucher .column--label {
    margin: 0;
  }
  .product--table .row--rebate .column--image,
  .product--table .row--premium-product .column--image,
  .product--table .row--voucher .column--image {
    width: 15%;
  }
  .product--table .row--rebate .column--total-price,
  .product--table .row--premium-product .column--total-price,
  .product--table .row--voucher .column--total-price {
    float: right;
  }
  .product--table .add-product--field {
    width: 55%;
  }
  .product--table .actions--bottom .main--actions {
    margin-right: 20px;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
  }
  .js--modal .modal--checkout-add-article .article--name {
    width: 75%;
    float: left;
  }
  .js--modal .modal--checkout-add-article .article--price {
    width: 25%;
    float: right;
    margin: 0;
  }
  .js--modal .modal--checkout-add-article .modal--actions {
    margin: 0px 0px 20px 0px;
    margin: 0rem 0rem 1.25rem 0rem;
    padding: 10px 20px 0px 20px;
    padding: 0.625rem 1.25rem 0rem 1.25rem;
    *zoom: 1;
  }
  .js--modal .modal--checkout-add-article .modal--actions:after {
    content: "";
    display: table;
    clear: both;
  }
  .js--modal .modal--checkout-add-article .modal--actions:before,
  .js--modal .modal--checkout-add-article .modal--actions:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .js--modal .modal--checkout-add-article .modal--actions:after {
    clear: both;
  }
  .js--modal .modal--checkout-add-article .modal--actions .btn {
    width: 49%;
  }
  .js--modal .modal--checkout-add-article .modal--actions .btn:last-child {
    margin-top: 0;
  }
  .js--modal .modal--checkout-add-article .modal--actions .is--left {
    padding-left: 35px;
    padding-left: 2.1875rem;
  }
}
@media screen and (min-width: 48em) {
  .product--table .alert {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  .product--table .product--delivery {
    float: left;
  }
  .product--table .row--voucher,
  .product--table .row--premium-product {
    height: 100%;
  }
  .product--table .premium-product--content {
    height: 330px;
    height: 20.625rem;
  }
  .product--table .premium-product.panel {
    margin: 20px 0px 0px 0px;
    margin: 1.25rem 0rem 0rem 0rem;
  }
  .product--table .column--actions {
    position: static;
    bottom: auto;
    float: left;
  }
  .product--table .column--label {
    display: none;
  }
  .product--table .table--header {
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 0.625rem 0rem;
    display: block;
  }
  .product--table .table--header .table--column {
    font-size: 16px;
    font-size: 1rem;
    padding-bottom: 0;
    font-weight: bold;
    color: #000;
  }
  .product--table .table--header .panel--th {
    padding: 5px 10px 9px 10px;
    padding: 0.3125rem 0.625rem 0.5625rem 0.625rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .product--table .table--header .column--product {
    width: 52%;
  }
  .product--table .column--product {
    float: left;
    width: 52%;
  }
  .product--table .column--product .column--image {
    width: 8%;
  }
  .product--table .table--tr {
    padding: 0;
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 0.625rem 0rem;
  }
  .product--table .is--centered {
    display: inline-block;
    vertical-align: middle;
  }
  .product--table .column--actions {
    width: 8%;
    padding-right: 0;
  }
  .product--table .column--product .column--image {
    width: 20%;
  }
  .product--table .table--media,
  .product--table .table--content {
    float: left;
  }
  .product--table .table--media {
    width: 100%;
  }
  .product--table .table--media .table--media-outer {
    margin: 0;
  }
  .product--table .table--content {
    width: 80%;
  }
  .product--table .column--quantity {
    padding: 10px 10px 10px 10px;
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
    float: left;
    width: 11%;
    margin: 0;
  }
  .product--table .column--quantity .js--fancy-select {
    float: right;
    min-width: 0;
  }
  .product--table .column--quantity .js--fancy-select-text {
    font-weight: bold;
  }
  .product--table .column--unit-price,
  .product--table .column--total-price {
    padding: 10px 10px 10px 10px;
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
    width: 14.5%;
  }
  .product--table .row--product .column--quantity {
    padding-top: 26px;
    padding-top: 1.625rem;
  }
  .product--table .row--product .column--unit-price,
  .product--table .row--product .column--total-price {
    line-height: 42px;
    line-height: 2.625rem;
    padding-top: 26px;
    padding-top: 1.625rem;
  }
  .product--table .row--product .column--actions {
    padding-top: 26px;
    padding-top: 1.625rem;
  }
  .product--table .content--title {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    color: #000;
  }
  .product--table .column--total-price {
    float: right;
    font-weight: bold;
  }
  .product--table .basket--badge {
    width: 48px;
    width: 3rem;
    margin: 0 auto;
  }
  .product--table .row--rebate .table--media,
  .product--table .row--premium-product .table--media,
  .product--table .row--voucher .table--media {
    float: left;
  }
  .product--table .row--rebate .column--total-price,
  .product--table .row--premium-product .column--total-price,
  .product--table .row--voucher .column--total-price {
    margin-left: 25.5%;
    float: right;
  }
  .product--table .row--rebate .column--tax-price,
  .product--table .row--premium-product .column--tax-price,
  .product--table .row--voucher .column--tax-price {
    margin: 0;
  }
  .product--table .row--rebate .column--actions,
  .product--table .row--premium-product .column--actions,
  .product--table .row--voucher .column--actions {
    padding-top: 13px;
    padding-top: 0.8125rem;
  }
  .product--table .row--voucher .column--total-price {
    padding-top: 22px;
    padding-top: 1.375rem;
  }
  .product--table .row--premium-product .column--product,
  .product--table .row--rebate .column--product {
    width: 77.5%;
  }
  .product--table .row--premium-product .column--image,
  .product--table .row--rebate .column--image {
    width: 13.3%;
  }
  .product--table .row--premium-product .column--total-price,
  .product--table .row--rebate .column--total-price {
    margin-left: 0;
  }
  .product--table .add-product--form {
    margin: 15px 0px 20px 0px;
    margin: 0.9375rem 0rem 1.25rem 0rem;
    width: 35%;
  }
  .product--table .add-product--field {
    width: 80%;
  }
  .product--table .add-product--button {
    width: 16%;
  }
  .product--table .basket--footer {
    margin: 0px -20px -20px -20px;
    margin: 0rem -1.25rem -1.25rem -1.25rem;
    *zoom: 1;
  }
  .product--table .basket--footer:after {
    content: "";
    display: table;
    clear: both;
  }
  .product--table .basket--footer:before,
  .product--table .basket--footer:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .product--table .basket--footer:after {
    clear: both;
  }
  .product--table .aggregation--list,
  .product--table .table--aggregation {
    padding: 20px 20px 20px 20px;
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
    padding-right: 11%;
    background: transparent;
    margin: 0;
    min-width: 30%;
    float: left;
  }
  .product--table .aggregation--list {
    float: right;
  }
  .product--table .table--actions {
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
    margin: 0;
  }
  .product--table .table--actions .is--secondary {
    margin-right: 20px;
    margin-right: 1.25rem;
  }
  .product--table .table--actions .btn--inquiry {
    margin-left: -130px;
    margin-left: -8.125rem;
    width: 260px;
    width: 16.25rem;
    top: 0;
    position: absolute;
    left: 50%;
  }
  .product--table .table--actions .btn--checkout-proceed,
  .product--table .table--actions .btn--checkout-continue {
    width: 25%;
    text-align: center;
    margin-bottom: 0px;
    margin-bottom: 0rem;
  }
  .product--table .actions--bottom .main--actions {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .product--table .table--footer {
    display: block;
  }
  .footer--benefit {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0px 20px 0px 0px;
    padding: 0rem 1.25rem 0rem 0rem;
    width: 33.33332%;
  }
  .footer--benefit.is--last {
    padding: 0;
  }
  .js--modal .modal--checkout-add-article .article--price {
    margin-top: 0;
    margin-left: 0;
  }
  .js--modal .modal--checkout-add-article .modal--actions .btn {
    width: 35%;
    margin-bottom: 0;
  }
  .js--modal .modal--checkout-add-article .modal--actions .btn:last-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 64em) {
  .product--table .table--actions .btn--inquiry {
    left: 50%;
  }
  .product--table .column--product .column--image {
    width: 16%;
  }
  .product--table .column--product .table--content {
    width: 84%;
  }
  .product--table .row--premium-product .column--product .column--image,
  .product--table .row--rebate .column--product .column--image {
    width: 10.7%;
  }
  .product--table .add-product--form {
    width: 25%;
  }
  .product--table .aggregation--list {
    float: right;
    padding-right: 10.5%;
  }
  .product--table .table--aggregation {
    width: 45%;
  }
}
@media screen and (min-width: 78.75em) {
  .is--ctl-checkout .basket--info-messages {
    margin: 45px 0px 0px 0px;
    margin: 2.8125rem 0rem 0rem 0rem;
  }
  .product--table .column--actions {
    width: 8%;
  }
  .product--table .table--header .column--product {
    width: 51%;
  }
  .product--table .column--product {
    width: 51%;
  }
  .product--table .column--product .column--image {
    width: 14%;
  }
  .product--table .column--product .table--content {
    width: 86%;
  }
  .product--table .row--product .column--actions {
    padding-top: 34px;
    padding-top: 2.125rem;
  }
  .product--table .table--tr .column--actions .column--actions-link {
    line-height: 18px;
    line-height: 1.125rem;
    padding: 0px 5px 2px 5px;
    padding: 0rem 0.3125rem 0.125rem 0.3125rem;
  }
  .product--table .table--tr .column--actions .icon--cross {
    font-size: 9px;
    font-size: 0.5625rem;
  }
  .product--table .row--premium-product .column--product,
  .product--table .row--rebate .column--product {
    width: 80.5%;
  }
  .product--table .row--premium-product .column--product .column--image,
  .product--table .row--rebate .column--product .column--image {
    width: 9.5%;
  }
  .product--table .aggregation--list {
    padding-right: 7.3%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 415px) {
  .product--table .column--product {
    width: 100%;
  }
  .product--table .column--label,
  .product--table .column--unit-price,
  .product--table .column--unit-price,
  .product--table .column--total-price,
  .product--table .column--quantity {
    padding: 0px;
  }
  .product--table .table--content {
    width: 75%;
    padding-left: 5px;
  }
  .product--table .table--content .content--title,
  .product--table .column--total-price {
    font-size: 14px;
  }
  .product--table .column--product .column--image {
    width: 20%;
    padding-left: 0px!important;
    padding-right: 2px;
  }
  .product--table .delivery--information,
  .product--table .table--content,
  .product--table .content {
    font-size: 12px!important;
  }
  .product--table .column--actions {
    position: relative;
    float: left;
    left: 22%;
    top: 0px;
    right: auto;
    padding: 0px!important;
  }
  .product--table .column--actions .column--actions-link {
    padding: 0px!important;
  }
  .product--table .column--unit-price,
  .product--table .column--label {
    font-size: 14px;
  }
  .product--table .basket--footer {
    padding: 0px;
  }
  .product--table .basket--footer .table--aggregation {
    background: none;
    padding-left: 10px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .product--table .column--quantity .js--fancy-select {
    min-width: 4rem !important;
    max-width: 6rem !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
  .product--table .table--header .column--product,
  .product--table .column--product {
    width: 45%;
  }
  .product--table .table--content {
    width: 70%;
  }
  .product--table .column--actions {
    width: 13%;
    padding-left: 0px;
  }
  .product--table .table--actions .btn--checkout-continue {
    width: 30%;
  }
  .product--table .actions--bottom .main--actions {
    margin-right: 0px;
  }
}
.account--billing,
.account--shipping {
  float: left;
  width: 50%;
  display: inline-block;
}
/* Account - CLEANUP NEEDED !!!  */
/*

.partner-statistic .panel--title {
    .unitize(padding-bottom, 20);
}

    // Logout success message
.account--logout {
    .logout--headline {
        .unitize(font-size, 24);
        .unitize-margin(10, 0, 20, 0);
    }

    .logout--actions {
        .unitize(margin-bottom, 10);
    }

    .logout-back-to-shop {
        display: block;
    }
}

.account--menu {
    .link--logout {
        [class^="icon--"] {
            display: none;
        }
    }
}

.account--box {
    .unitize-margin(0, 0, 20, 0);
}

.account--password,
.account--email {
    input[type="text"],
    input[type="password"],
    input[type="email"] {
        width: 100%;
    }
}

    // Account teaser text padding
.account--welcome {
    .unitize(margin-bottom, 20);

    .panel--body {
        padding: 0;
    }

    .panel--title {
        .unitize-padding(20, 0);
        margin: 0;
    }

    .panel--actions {
        padding: 0;
    }
}

    // Account error message margin
.account--error,
.account--success {
    .unitize-margin(0, 0, 10, 0);
}

.register--error-msg {
    color: @highlight-error;
}

.account--actions {
    .unitize-margin(0, 20, 20, 16);
    .clearfix();
}

    // Change Address / Payment method
.account--change-billing,
.account--change-shipping,
.account--change-payment {
    &.register--content {
        display: block;
        width: 100%
    }
}

.account--billing-address,
.account--shipping-address {
    .panel--body {
        .unitize(height, 200)
    }

    .billing--actions,
    .shipping--actions {
        .unitize-padding(20, 0);
    }
}

.account--newsletter fieldset {
    border: 0;
    padding: 0;

    input[type="checkbox"] {
        .unitize-margin(0, 10, 0, 0);
    }
}

    // Select Address
.account--addresses-content,
.account--addresses-container {
    .clearfix();
}

.account--addresses {
    .clearfix();
    width: 100%;
}

.address--container {
    width: 100%;
    padding: 2% 0 0 0;
}

.account--paging {
    .clearfix();
    .unitize-padding(10, 10);
    display: block;
    background: lighten(@panel-bg, 4%);

    .paging--display {
        float: right;
    }
}
*/
.account--orders-overview .orders--table-header {
  display: none;
}
.account--orders-overview .orders--table-header .panel--th {
  border-top: 3px solid #000;
  border-bottom: 1px solid #000;
  font-size: 12px;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  letter-spacing: 1px;
}
.account--orders-overview .orders--table-header .panel--th.first {
  text-align: left;
  padding-left: 20px;
}
.account--orders-overview .panel--tr {
  padding: 10px 0px 10px 0px;
  padding: 0.625rem 0rem 0.625rem 0rem;
}
.account--orders-overview .panel--td {
  *zoom: 1;
  padding: 5px 10px 5px 10px;
  padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
  display: block;
  float: none;
}
.account--orders-overview .panel--td:after {
  content: "";
  display: table;
  clear: both;
}
.account--orders-overview .panel--td:before,
.account--orders-overview .panel--td:after {
  display: table;
  content: "";
  line-height: 0;
}
.account--orders-overview .panel--td:after {
  clear: both;
}
.account--orders-overview .column--info-labels,
.account--orders-overview .column--info-data {
  display: none;
}
.account--orders-overview .column--summary-labels,
.account--orders-overview .column--summary-data {
  width: 50%;
  float: left;
  text-align: left;
}
.account--orders-overview .column--summary-data {
  padding: 5px 10px 0px 0px;
  padding: 0.3125rem 0.625rem 0rem 0rem;
}
.account--orders-overview .column--label,
.account--orders-overview .column--value {
  width: 50%;
  float: left;
}
.account--orders-overview .column--label {
  font-weight: 600;
}
/*
.is--act-partnerStatistic {
    .content-main--inner {
        .unitize-padding(0, 0, 16, 0);
    }

    .account--welcome {
        .unitize-padding(0, 0, 0, 10);
    }

    .listing--actions {
        .unitize-padding(10, 18, 24, 18);
        border-bottom: 1px solid @border-color;
    }

    .date-filter {
        .unitize(font-size, 14);
        .unitize-height(50);
        display: block;
        width: 100%;
    }

    .date-filter--label {
        .unitize-padding(9, 0, 10, 0);
        .unitize-width(40);
        display: block;
        float: left;
    }

    .date-filter--input {
        .unitize-margin(0, 0, 0, 40);
        width: auto;
    }

    .datepicker {
        .unitize(padding-right, 35);
        width: 100%;
        float: left;
    }

    .ui-datepicker-trigger {
        .unitize-width(20);
        .unitize-height(20);
        .unitize-margin(10, 0, 0, -30);
        display: inline;
        border: 0;
        background: transparent;
        text-align: center;
        color: @text-color;
        padding: 0;
    }

    .btn--filter {
        width: 100%;
        text-align: center;
        margin: 0;
    }

    .chart--holder {
        display: none;
    }

    .panel--th,
    .panel--td {
        .unitize-padding(8, 10, 7, 10);
        width:25%;
        text-align: right;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

        &:first-child {
            text-align: left;
        }
    }

    .panel--th {
        .unitize-padding(3, 10, 2, 10);
        .unitize(font-size, 12);
        color: @text-color;
    }

    .is--odd {
        .unitize-padding(0, 0, 9, 0);
        border-bottom: 1px solid @border-color;

        .column--price,
        .column--total {
            .unitize-padding(10, 10, 10, 10);
            width:100%;
        }
    }

    .column--label {
        text-align: left;
    }

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

    .column--label,
    .column--value {
        width: 50%;
        float: left;
    }

    .column--item-sum {
        .column--label {
            .is--block;
        }
    }
}
*/
.order--status-icon {
  width: 8px;
  width: 0.5rem;
  height: 8px;
  height: 0.5rem;
  top: 8px;
  top: 0.5rem;
  display: inline-block;
  position: relative;
}
.order--status-icon.status--0,
.order--status-icon.status--1,
.order--status-icon.status--3,
.order--status-icon.status--6 {
  background: #4AA3DF;
}
.order--status-icon.status--2,
.order--status-icon.status--5,
.order--status-icon.status--7 {
  background: #ff4e3f;
}
.order--status-icon.status--4,
.order--status-icon.status--8 {
  background: #E74C3C;
}
.order--name {
  color: #000;
}
.order--details,
.order--price-unit,
.order--current-price {
  display: none;
}
.order--details .panel--tr {
  border-bottom: 1px solid #dadae5;
}
.order--repeat {
  text-align: center;
  background: #F5F5F8;
  border-bottom: 1px solid #dadae5;
}
.order--actions {
  text-align: center !important;
}
.order--user-comments,
.order--shop-comments {
  border-bottom: 1px solid #dadae5;
}
/*
.account--downloads {
    border: 1px solid @panel-border;

    p { .unitize(font-size, 14) }

    .downloads--table-header {
        display: none;
    }

    .panel--tr {
        .unitize-padding(10, 0);
    }

    .panel--td {
        .clearfix();
        .unitize-padding(5, 10);
        display: block;
        float: none;
    }
}

.account--password-reset {
    .unitize(margin-top, 10);

    p { margin: 0; }

    .password-reset--input {
        .unitize-margin(0, 0, 30, 0);
        width: 100%;
    }

    .password-reset--link {
        width: 100%;
        margin: 0;

        &:first-child {
            .unitize-margin(0, 0, 10, 0);
        }
    }
}
*/
@media screen and (min-width: 30em) {
  .account--password-reset {
    margin-top: 10px;
    margin-top: 0.625rem;
  }
  .account--password-reset .password-reset--input {
    margin: 10px 0px 30px 0px;
    margin: 0.625rem 0rem 1.875rem 0rem;
  }
  .account--password-reset .password-reset--link {
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 0.625rem 0rem;
    width: auto;
  }
  .account--password-reset .password-reset--link:first-child {
    margin: 0px 10px 0px 0px;
    margin: 0rem 0.625rem 0rem 0rem;
  }
  .account--logout .logout-back-to-shop {
    display: inline-block;
  }
}
@media screen and (min-width: 48em) {
  /*
    .account--content {
		.unitize-margin(30, 0, 0, 0);

		&.is--wide {
			width: 100%;
		}
    }

    .account--password-reset {
        .unitize-margin(20, 0, 0, 0);
    }

    .account--menu {
        border: 1px solid @border-color;

        .navigation--headline {
            //.panel--title;
            .is--underline;
            border-bottom: 1px solid @border-color;
        }

        .account--menu-container {
            .panel--body;
            .unitize-padding(10, 20);
        }

        .navigation--list {
            padding: 0;
            border: 0 none;
        }

        .navigation--entry {
            margin: 0;
            border: 0 none;
        }

        .navigation--link {
            .unitize-padding(5, 0);

            &.link--logout {
                .unitize-margin(10, 0, 0, 0);
                .unitize-padding(10, 0, 0, 0);
                border-top: 1px solid @border-color;
                font-weight: bold;
                color: @brand-primary;

                [class^="icon--"] {
                    .unitize-margin(0, 5, 0, 0);
                    display: inline-block;
                }

            }
        }
    }

    .account--welcome {
        .panel--title {
            .unitize(@font-size-h1, 16, font-size);
        }
    }

    // Select Address
    .address--container {
        width: 50%;
        float: left;
        padding: 2% 0 0 2%;
    }

    */
  .account--orders-overview .orders--table-header {
    display: block;
  }
  .account--orders-overview .panel--tr {
    padding: 0;
    border-width: 0 0 1px 0;
  }
  .account--orders-overview .panel--tr.order--repeat {
    padding: 20px 20px 20px 20px;
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  }
  .account--orders-overview .panel--td {
    padding: 10px 10px 10px 10px;
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
    display: inline-block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
    text-transform: uppercase;
  }
  .account--orders-overview .column--label {
    display: none;
  }
  .account--orders-overview .column--value {
    width: 100%;
    float: none;
  }
  .account--orders-overview .column--summary-labels,
  .account--orders-overview .column--summary-data {
    width: 20%;
    text-align: right;
  }
  .account--orders-overview .column--date,
  .account--orders-overview .column--id,
  .account--orders-overview .column--dispatch {
    width: 20%;
  }
  .account--orders-overview .column--status {
    width: 25%;
  }
  .account--orders-overview .column--actions {
    width: 15%;
  }
  .account--orders-overview .column--actions .btn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }
  .account--orders-overview .column--name {
    width: 50%;
  }
  .account--orders-overview .column--quantity {
    width: 10%;
  }
  .account--orders-overview .column--price {
    width: 20%;
  }
  .account--orders-overview .column--total {
    width: 20%;
  }
  .account--orders-overview .column--info-labels {
    width: 20%;
  }
  .account--orders-overview .column--info-data {
    width: 40%;
  }
  .order--item {
    margin: 0;
  }
  .order--pseudo-price {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .order--download,
  .order--price-unit,
  .order--current-price {
    display: block !important;
  }
  .order--download {
    margin: 10px 0px 0px 0px;
    margin: 0.625rem 0rem 0rem 0rem;
  }
  .order--quantity {
    text-align: center !important;
  }
  .order--actions,
  .order--price,
  .order--amount {
    text-align: right !important;
  }
  /*
    .account--downloads {
        .downloads--table-header {
            .is--block;
            background: @panel-table-header-bg;

            .panel--th {
                color: @panel-table-header-color;
            }
        }

        .panel--tr {
            padding: 0;
            border-width: 0 0 1px 0;
        }
        .panel--td {
            .unitize-padding(10, 10);
            display: inline-block;
            float: left;
        }

        .column--date,
        .column--actions {
            width: 20%;
        }
        .column--info {
            width: 60%;
        }
    }
    */
  .column--label {
    display: none;
  }
  .column--date,
  .column--id,
  .column--dispatch {
    width: 20%;
  }
  .column--status {
    width: 25%;
  }
  .column--actions {
    width: 15%;
  }
  .column--name {
    width: 50%;
  }
  .column--quantity {
    width: 10%;
  }
  .column--price {
    width: 20%;
  }
  .column--total {
    width: 20%;
  }
  .column--info-labels {
    width: 20%;
  }
  .column--info-data {
    width: 40%;
  }
  .column--summary {
    width: 20%;
  }
  /*
    .account--password-reset {
        .password-reset--input {
            .unitize-width(320);
        }
    }

    // Account error message margin
    .account--error,
    .account--success {
        .unitize-margin(0, 0, 20, 0);
    }

    .is--act-partnerStatistic {
        .content-main--inner {
            .unitize-padding(0, 20, 16, 20);
        }

        .account--welcome {
            .unitize-padding(0, 0, 0, 0);
        }

        .listing--actions {
            .unitize-padding(10, 10, 10, 10);
            .border-radius();
            border: 1px solid @border-color;
            background: @gray-light;
        }

        .date-filter {
            .unitize-padding(0, 10, 0, 10);
            width: 40%;
            float: left;
            height: auto;
        }

        .date-filter--label {
            width:10%;
        }

        .btn--filter {
            width: 20%;
            float: left;
            height:40px;
        }

        .chart--holder {
            .is--align-center;
            .is--block;
            width: 100%;
        }

        .panel--th,
        .panel--td {
            .unitize-padding(10, 10, 10, 10);
        }

        .column--item-sum {
            width: 75% !important;

            .column--label,
            .column--value {
                float: left;
                width: 50%;
            }
        }

        .is--odd {
            border: 0;
            padding: 0;
        }

        .is--odd .column--total {
            width: 25%;
            float: left !important;

            .column--value {
                width:100%;
            }
        }
    }

    .account--addresses-container {
        margin: -2% 0 0 -2%;
    }
    */
}
/*
@media screen and(min-width: @tabletLandscapeViewportWidth) {

	.account--info,
	.account--billing {
		width: 49%;
		float: left;
	}

	.account--payment,
	.account--shipping {
		width: 49%;
		float: right;
	}

	.account--email,
	.account--password {
		display: none;
	}

	.account--email,
	.account--password,
	.account--newsletter {
		clear: both;
	}

    .account--password-reset {
        .unitize-margin(20, 0, 0, 0);
    }

	.account--info,
	.account--payment {
		.panel--body {
			.unitize-height(120);
		}
	}

	.account--billing,
	.account--shipping {
		.panel--body {
			.unitize-height(220);
		}
	}
}

@media screen and(min-width: @desktopViewportWidth) {

    .is--act-partnerStatistic {
        .content-main--inner {
            .unitize-padding(0, 45, 45, 45);
        }
    }

    .account--content {
        .unitize-margin(45, 0, 0, 0);
    }

    .account--password-reset {
        .unitize-margin(45, 0, 0, 0);
    }

    // Account error message margin
    .account--error,
    .account--success {
        .unitize-margin(0, 0, 20, 0);
    }
}
*/
/* Breadcrumb */
.detail-container .content--breadcrumb {
  padding-left: 0px !important;
}
.content--breadcrumb {
  font-size: 14px;
  font-size: 0.875rem;
  *zoom: 1;
  display: block;
  float: none;
  margin-top: -10px;
  margin-bottom: 5px;
  margin-left: 10px;
}
.content--breadcrumb:after {
  content: "";
  display: table;
  clear: both;
}
.content--breadcrumb:before,
.content--breadcrumb:after {
  display: table;
  content: "";
  line-height: 0;
}
.content--breadcrumb:after {
  clear: both;
}
.content--breadcrumb .breadcrumb--list {
  overflow: hidden;
}
.content--breadcrumb .breadcrumb--entry,
.content--breadcrumb .breadcrumb--separator {
  float: left;
  list-style: none;
  white-space: nowrap;
  overflow: hidden;
}
.content--breadcrumb .breadcrumb--entry:last-child,
.content--breadcrumb .breadcrumb--separator:last-child {
  display: list-item;
}
.content--breadcrumb .breadcrumb--link,
.content--breadcrumb .breadcrumb--separator {
  line-height: 24px;
  line-height: 1.5rem;
  padding: 7px 7px 7px 7px;
  padding: 0.4375rem 0.4375rem 0.4375rem 0.4375rem;
}
.content--breadcrumb .breadcrumb--separator {
  font-size: 9px;
  font-size: 0.5625rem;
}
.content--breadcrumb .breadcrumb--link {
  display: block;
  color: #777777;
  text-decoration: none;
  font-style: italic;
}
.content--breadcrumb .breadcrumb--link:hover {
  color: #000000;
}
.content--breadcrumb .is--active .breadcrumb--link {
  color: #000000;
}
.content--breadcrumb .breadcrumb--button {
  padding: 8px 0px 8px 8px;
  padding: 0.5rem 0rem 0.5rem 0.5rem;
  display: inline-block;
  float: left;
  list-style: none;
}
.content--breadcrumb .breadcrumb--button .breadcrumb--title {
  padding-right: 20px;
  padding-right: 1.25rem;
  border-right: 1px solid #dadae5;
}
.content--breadcrumb .breadcrumb--button .icon--arrow-left {
  font-size: 9px;
  font-size: 0.5625rem;
  margin-right: 8px;
  margin-right: 0.5rem;
}
@media screen and (min-width: 48em) {
  .content--breadcrumb {
    padding: 0px 20px 0px 20px;
    padding: 0rem 1.25rem 0rem 1.25rem;
  }
  .content--breadcrumb .breadcrumb--list {
    padding-left: 0;
  }
  .content--breadcrumb .breadcrumb--entry,
  .content--breadcrumb .breadcrumb--separator {
    display: list-item;
  }
  .content--breadcrumb .breadcrumb--separator i.icon--arrow-right:before {
    color: #999999;
  }
  .content--breadcrumb .breadcrumb--button {
    margin-right: 10px;
    margin-right: 0.625rem;
    padding: 10px 30px 10px 10px;
    padding: 0.625rem 1.875rem 0.625rem 0.625rem;
  }
  .content--breadcrumb .breadcrumb--button .breadcrumb--title {
    padding-right: 0px;
    padding-right: 0rem;
    border-right: 0 none;
  }
}
@media screen and (min-width: 78.75em) {
  .content--breadcrumb {
    padding: 0px 40px 0px 40px;
    padding: 0rem 2.5rem 0rem 2.5rem;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .content--breadcrumb {
    display: none;
  }
}
.content--breadcrumb .breadcrumb--list {
  overflow: inherit;
}
.content--breadcrumb .breadcrumb--entry {
  position: relative;
}
.content--breadcrumb .breadcrumb--entry,
.content--breadcrumb .breadcrumb--separator {
  overflow: visible;
}
.breadcrumb--list .subBreadcrumb {
  min-width: 160px;
  min-width: 10rem;
  padding: 10px 0px 10px 0px;
  padding: 0.625rem 0rem 0.625rem 0rem;
  background-color: #FFFFFF;
  list-style: none;
  position: absolute;
  top: 40px;
  left: 8px;
  z-index: 3500;
  display: none;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
}
.breadcrumb--list .subBreadcrumb li {
  line-height: normal;
}
.breadcrumb--list .subBreadcrumb a {
  color: #000;
  display: block;
  text-decoration: none;
  font-style: italic;
  padding: 8px 12px 8px 12px;
  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
}
.breadcrumb--list .subBreadcrumb a:hover {
  color: #D9400B;
}
.breadcrumb--list .subBreadcrumb::after {
  background: #fff none repeat scroll 0 0;
  border-color: #dadae5;
  border-style: solid;
  border-width: 0 0 1px 1px;
  content: "";
  display: block;
  position: absolute;
  left: 18px;
  left: 1.125rem;
  top: -5px;
  top: -0.3125rem;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg deg);
  -moz-transform: rotate(135deg deg);
  -ms-transform: rotate(135deg deg);
  -o-transform: rotate(135deg deg);
  transform: rotate(135deg deg);
  width: 10px;
  width: 0.625rem;
  height: 10px;
  height: 0.625rem;
}
@font-face {
  font-family: "Century Gothic WGL W01 Regular";
  src: url("../fonts/e2b808bf-65e1-4867-9ad4-3ae158e85cf7.eot?#iefix");
  src: url("../fonts/e2b808bf-65e1-4867-9ad4-3ae158e85cf7.eot?#iefix") format("eot"), url("../fonts/2cc446f2-1b3b-4f83-b008-97c8c0f04fac.woff2") format("woff2"), url("../fonts/7febee0b-b288-4850-9a55-85fc97528219.woff") format("woff"), url("../fonts/83a13a3a-c7ad-474a-8b17-5a358d329b5c.ttf") format("truetype"), url("../fonts/0ac106d8-6dfd-4a0d-ae73-0bcd99c68f2d.svg#0ac106d8-6dfd-4a0d-ae73-0bcd99c68f2d") format("svg");
  font-weight: normal;
}
@font-face {
  font-family: "Century Gothic WGL W01 Bold";
  src: url("../fonts/8859b223-a661-4f43-a1d1-f5e34d36b276.eot?#iefix");
  src: url("../fonts/8859b223-a661-4f43-a1d1-f5e34d36b276.eot?#iefix") format("eot"), url("../fonts/e41c2a65-7dc0-4c9d-b660-5d156c3ccb50.woff2") format("woff2"), url("../fonts/2662171d-1b47-4c37-8945-37f9ba19d07d.woff") format("woff"), url("../fonts/b18c10ee-a3cf-4c6b-a618-b9421d1747c1.ttf") format("truetype"), url("../fonts/be23e90d-34a9-4518-9a57-ef058aace7c6.svg#be23e90d-34a9-4518-9a57-ef058aace7c6") format("svg");
  font-weight: bold;
}
@font-face {
  font-family: 'qvest';
  src: url("../fonts/qvest.eot?-n88cbd");
  src: url("../fonts/qvest.eot?#iefix-n88cbd") format('embedded-opentype'), url("../fonts/qvest.ttf?-n88cbd") format('truetype'), url("../fonts/qvest.woff?-n88cbd") format('woff'), url("../fonts/qvest.svg?-n88cbd#qvest") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'shopware';
  src: url("../fonts/shopware.eot?");
  src: url("../fonts/shopware.eot?#") format('embedded-opentype'), url("../fonts/shopware.ttf?") format('truetype'), url("../fonts/shopware.woff?") format('woff'), url("../fonts/shopware.svg?") format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Burger Icon */
.icon--menu:before {
  font-family: 'shopware';
  content: "\e606";
  color: #ffffff;
  font-weight: normal;
}
.icon--arrow-right:before {
  color: #ffffff;
  font-weight: 700;
}
i {
  font-family: 'qvest';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
btn.modal--close {
  font-family: 'qvest';
}
.icon--favorite-outline:before,
.icon--heart-outline:before {
  content: "\e600";
}
.icon--user:before,
.icon--account:before {
  content: "\e601";
}
.icon--cart:before,
.icon--basket:before {
  content: "\e602";
}
.icon--magnify:before,
.icon--search:before {
  content: "\e603";
}
.icon--dropdown:before,
.icon--arrow-down:before {
  content: "\e606";
}
.icon--arrow-line-right:before {
  content: "\e607";
}
.icon--arrow-line-left:before {
  content: "\e608";
}
.icon--close:before,
.icon--cross:before {
  content: "\e609";
}
.icon--foreward:before {
  content: "\e60a";
}
.icon--check:before {
  content: "\e60b";
}
.icon--pinterest:before {
  content: "\e60c";
}
.icon--google-plus:before {
  content: "\e60d";
}
.icon--facebook:before {
  content: "\e60e";
}
.icon--arrow-up:before {
  content: "\e60f";
}
.icon--arrow-right:before {
  content: "\e610";
}
.icon--arrow-left:before {
  content: "\e611";
}
.icon--magnify-plus:before {
  content: "\e612";
}
.icon--favorite:before,
.icon--heart:before {
  content: "\e613";
}
/* Image Gallery */
.icon--minus:before {
  font-family: 'shopware';
  content: "\e688";
}
.icon--plus:before {
  font-family: 'shopware';
  content: "\e689";
}
.icon--cross2:before {
  font-family: 'shopware';
  content: "\e68a";
}
.icon--minus2:before {
  font-family: 'shopware';
  content: "\e68b";
}
.icon--plus2:before {
  font-family: 'shopware';
  content: "\e68c";
}
.icon--cross3:before {
  font-family: 'shopware';
  content: "\e68d";
}
.icon--minus3:before {
  font-family: 'shopware';
  content: "\e68e";
}
.icon--plus3:before,
.zenit-map--spot[data-spot-icon="icon--plus3"]:before {
  font-family: 'shopware';
  content: "\e68f";
}
.icon--resize-enlarge:before {
  font-family: 'shopware';
  content: "\e6bf";
}
.icon--resize-shrink:before {
  font-family: 'shopware';
  content: "\e6c0";
}
.facebook-icon {
  font-family: 'qvest';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.facebook-icon:before {
  content: "\e60e";
}
.google-icon {
  font-family: 'qvest';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.google-icon:before {
  content: "\e60d";
}
.pinterest-icon {
  font-family: 'qvest';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pinterest-icon:before {
  content: "\e60c";
}
.icon--mail:before {
  content: "\e605";
}
.pagination .icon--arrow-right:before {
  color: #666666;
}
@media only screen and (max-width: 767px) {
  .icon--close:before,
  .icon--cross:before {
    font-size: 16px;
  }
  .icon--favorite:before,
  .icon--heart:before {
    font-size: 16px;
  }
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="date"],
input[type="number"],
input[type="password"],
input[type="search"],
textarea {
  background: #fff;
  border: 1px solid #CBC9BB;
  height: 41px;
  width: 100%;
  padding: 0 10px;
  font-family: Georgia, serif;
  font-size: 16px;
  margin-bottom: 5px;
  -ms-transition: border-color 0.2s ease-in;
  -webkit-transition: border-color 0.2s ease-in;
  -moz-transition: border-color 0.2s ease-in;
  -o-transition: border-color 0.2s ease-in;
  transition: border-color 0.2s ease-in;
}
input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
textarea:-moz-placeholder {
  color: #afafaf;
  opacity: 1;
}
input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
textarea::-moz-placeholder {
  color: #afafaf;
  opacity: 1;
}
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #afafaf;
  opacity: 1;
}
input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #afafaf;
  opacity: 1;
}
input[type="text"]:hover,
input[type="tel"]:hover,
input[type="email"]:hover,
input[type="date"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
textarea:hover,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  border-color: #262626;
}
.js--fancy-select:not(:required) {
  opacity: 0.7;
}
select {
  font-family: Georgia, serif;
  font-size: 16px;
}
textarea {
  height: 200px;
  resize: vertical;
}
.lt-ie9 input[type="text"],
.lt-ie9 input[type="tel"],
.lt-ie9 input[type="email"],
.lt-ie9 input[type="password"],
.lt-ie9 input[type="search"] {
  line-height: 41px;
}
.has--error {
  border-color: #ff4e3f !important;
}
.has--error input[type="text"],
.has--error input[type="tel"],
.has--error input[type="email"],
.has--error input[type="password"],
.has--error input[type="search"] {
  border-color: #ff4e3f !important;
  color: #ff4e3f !important;
}
.has--error input[type="text"]:-moz-placeholder,
.has--error input[type="tel"]:-moz-placeholder,
.has--error input[type="email"]:-moz-placeholder,
.has--error input[type="password"]:-moz-placeholder,
.has--error input[type="search"]:-moz-placeholder {
  color: #ff958c;
  opacity: 1;
}
.has--error input[type="text"]::-moz-placeholder,
.has--error input[type="tel"]::-moz-placeholder,
.has--error input[type="email"]::-moz-placeholder,
.has--error input[type="password"]::-moz-placeholder,
.has--error input[type="search"]::-moz-placeholder {
  color: #ff958c;
  opacity: 1;
}
.has--error input[type="text"]:-ms-input-placeholder,
.has--error input[type="tel"]:-ms-input-placeholder,
.has--error input[type="email"]:-ms-input-placeholder,
.has--error input[type="password"]:-ms-input-placeholder,
.has--error input[type="search"]:-ms-input-placeholder {
  color: #ff958c;
  opacity: 1;
}
.has--error input[type="text"]::-webkit-input-placeholder,
.has--error input[type="tel"]::-webkit-input-placeholder,
.has--error input[type="email"]::-webkit-input-placeholder,
.has--error input[type="password"]::-webkit-input-placeholder,
.has--error input[type="search"]::-webkit-input-placeholder {
  color: #ff958c;
  opacity: 1;
}
.has--error a {
  color: #ff4e3f;
}
input[type="text"].has--error,
input[type="tel"].has--error,
input[type="email"].has--error,
input[type="password"].has--error,
input[type="search"].has--error {
  border-color: #ff4e3f;
}
input[type="text"].has--error:-moz-placeholder,
input[type="tel"].has--error:-moz-placeholder,
input[type="email"].has--error:-moz-placeholder,
input[type="password"].has--error:-moz-placeholder,
input[type="search"].has--error:-moz-placeholder {
  color: #ff958c;
  opacity: 1;
}
input[type="text"].has--error::-moz-placeholder,
input[type="tel"].has--error::-moz-placeholder,
input[type="email"].has--error::-moz-placeholder,
input[type="password"].has--error::-moz-placeholder,
input[type="search"].has--error::-moz-placeholder {
  color: #ff958c;
  opacity: 1;
}
input[type="text"].has--error:-ms-input-placeholder,
input[type="tel"].has--error:-ms-input-placeholder,
input[type="email"].has--error:-ms-input-placeholder,
input[type="password"].has--error:-ms-input-placeholder,
input[type="search"].has--error:-ms-input-placeholder {
  color: #ff958c;
  opacity: 1;
}
input[type="text"].has--error::-webkit-input-placeholder,
input[type="tel"].has--error::-webkit-input-placeholder,
input[type="email"].has--error::-webkit-input-placeholder,
input[type="password"].has--error::-webkit-input-placeholder,
input[type="search"].has--error::-webkit-input-placeholder {
  color: #ff958c;
  opacity: 1;
}
/*
.alert.is--error {
  border-top: 3px solid @red;
  border-bottom: 3px solid @red;
  background: @bodyBackground;
  p {
    margin: 10px 0;
    font-style: normal !important;
    color: @red;
    font-size: @fontSizeMini !important;
    font-weight: bold;
    font-family: @sansFontFamily;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

// Success
// -------------------------
.alert.is--success {
  border-top: 3px solid @green;
  border-bottom: 3px solid @green;
  background: @bodyBackground;
  p {
    margin: 10px 0;
    font-style: normal !important;
    color: @green;
    font-size: @fontSizeMini !important;
    font-weight: bold;
    font-family: @sansFontFamily;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}
*/
.forms--content .block-group-contact {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
  /* ul/li compatibility */
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.forms--content .block-group-contact .block {
  float: left;
  width: 100%;
  padding: 24px 50px;
  text-align: center;
  padding: 0 30px;
}
@media screen and (min-width: 64em) {
  .forms--content .block-group-contact .block {
    width: 33.33333333%;
  }
}
.forms--content .block-group-contact .block .image-brightness img {
  width: auto;
  height: auto;
  max-width: 254px;
  max-height: 254px;
}
.forms--content .block-group-contact .block h3 {
  margin-top: 15px;
}
.forms--content .block-group-contact .block img {
  display: inline-block;
  margin: 0 auto;
}
.forms--content .block-group-contact .block h3 {
  padding: 20px 0 5px;
  font-size: 18px;
  text-transform: uppercase !important;
}
.forms--content .block-group-contact .block p {
  margin-bottom: 15px;
  color: #616161;
}
.forms--content .block-group-contact .block p.position {
  font-style: italic;
  font-size: 20px;
}
.forms--content .block-group-contact .block p.text {
  margin-bottom: 20px !important;
}
.forms--content .block-group-contact .block p a {
  color: #ff4e3f;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Century Gothic", "Century Gothic WGL W01 Bold", Arial, sans;
  font-size: 14px;
  letter-spacing: 1px;
}
.forms--content .block-group-contact .block p a:hover {
  text-decoration: underline;
}
.forms--content .forms--text {
  *zoom: 1;
}
.forms--content .forms--text:after {
  content: "";
  display: table;
  clear: both;
}
.forms--content .forms--text:before,
.forms--content .forms--text:after {
  display: table;
  content: "";
  line-height: 0;
}
.forms--content .forms--text:after {
  clear: both;
}
.forms--content .forms--container {
  width: 684px;
  margin: 0 auto;
  float: none !important;
  *zoom: 1;
}
.forms--content .forms--container:after {
  content: "";
  display: table;
  clear: both;
}
.forms--content .forms--container:before,
.forms--content .forms--container:after {
  display: table;
  content: "";
  line-height: 0;
}
.forms--content .forms--container:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .forms--content .forms--container {
    width: 100%!important;
  }
}
.debug {
  z-index: 1000;
  position: fixed;
  left: 20px;
  top: 20px;
  background: #f5f5f5;
  padding: 20px;
  font-family: Courier;
  white-space: pre;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-glass:before {
  content: "\f000";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-signal:before {
  content: "\f012";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-list:before {
  content: "\f03a";
}
.fa-photo:before,
.fa-image:before,
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-upload:before {
  content: "\f093";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-dashboard:before,
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/font-awesome/fontawesome-webfont.eot?v=4.4.0');
  src: url('../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/font-awesome/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/font-awesome/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/font-awesome/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/font-awesome/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.shariff::after,
.shariff::before {
  content: " ";
  display: table;
}
.shariff::after {
  clear: both;
}
.shariff ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.shariff li {
  height: 35px;
  box-sizing: border-box;
  overflow: hidden;
}
.shariff li a {
  color: #fff;
  position: relative;
  display: block;
  height: 35px;
  text-decoration: none;
  box-sizing: border-box;
}
.shariff li .share_text,
.shariff li .share_count {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  vertical-align: middle;
  line-height: 35px;
}
.shariff li .fa {
  width: 35px;
  line-height: 35px;
  text-align: center;
  vertical-align: middle;
}
.shariff li .share_count {
  padding: 0 8px;
  height: 33px;
  position: absolute;
  top: 1px;
  right: 1px;
}
.shariff .orientation-horizontal {
  /* autoprefixer: off */
  display: -webkit-box;
}
.shariff .orientation-horizontal li {
  -webkit-box-flex: 1;
}
.shariff .orientation-horizontal .info {
  -webkit-box-flex: 0;
}
.shariff .orientation-horizontal {
  display: flex;
  flex-wrap: wrap;
}
.shariff .orientation-horizontal li {
  float: left;
  flex: none;
  width: 35px;
  margin-right: 3%;
  margin-bottom: 10px;
}
.shariff .orientation-horizontal li:last-child {
  margin-right: 0;
}
.shariff .orientation-horizontal li .share_text {
  display: block;
  text-indent: -9999px;
  padding-left: 3px;
}
.shariff .orientation-horizontal li .share_count {
  display: none;
}
.shariff .theme-grey .shariff-button a {
  background-color: #e8e7e1;
  color: #5e5e5e;
}
.shariff .theme-grey .shariff-button a:hover {
  color: #ffffff;
}
.shariff .theme-grey .shariff-button .share_count {
  background-color: #ccc;
  color: #333;
}
.shariff .theme-white .shariff-button {
  border: 1px solid #ddd;
}
.shariff .theme-white .shariff-button a {
  background-color: #fff;
}
.shariff .theme-white .shariff-button a:hover {
  background-color: #eee;
}
.shariff .theme-white .shariff-button .share_count {
  background-color: #fff;
  color: #999;
}
.shariff .orientation-vertical {
  min-width: 110px;
}
.shariff .orientation-vertical li {
  display: block;
  width: 100%;
  margin: 5px 0;
}
.shariff .orientation-vertical li .share_count {
  width: 24px;
  text-align: right;
}
.shariff .facebook a {
  background-color: #3b5998;
}
.shariff .facebook a:hover {
  background-color: #4273c8;
}
.shariff .facebook .fa-facebook {
  font-size: 22px;
}
.shariff .facebook .share_count {
  color: #183a75;
  background-color: #99adcf;
}
.shariff .theme-white .facebook a {
  color: #3b5998;
}
@media only screen and (min-width: 600px) {
  .shariff .facebook .fa-facebook {
    font-size: 19px;
  }
}
.shariff .info {
  border: 1px solid #ccc;
}
.shariff .info a {
  color: #666;
  background-color: #fff;
}
.shariff .info a:hover {
  background-color: #efefef;
}
.shariff .info .fa-info {
  font-size: 20px;
  width: 33px;
}
.shariff .info .share_text {
  display: block !important;
  text-indent: -9999px !important;
}
.shariff .theme-grey .info a {
  color: #ffffff;
  background-color: #666666;
}
.shariff .theme-grey .info a:hover {
  background-color: #000000;
}
.shariff .orientation-vertical .info {
  width: 35px;
  float: right;
}
@media only screen and (min-width: 360px) {
  .shariff .orientation-horizontal .info {
    flex: none !important;
    width: 35px;
    min-width: 35px !important;
  }
}
.shariff .pinterest a {
  background-color: #bd081c;
}
.shariff .pinterest a:hover {
  background-color: #d50920;
}
.shariff .pinterest .fa-pinterest-p {
  font-size: 22px;
}
.shariff .pinterest .share_count {
  color: #a31601;
  background-color: #eda79d;
}
.shariff .theme-white .pinterest a {
  color: #bd081c;
}
@media only screen and (min-width: 600px) {
  .shariff .pinterest .fa-pinterest-p {
    font-size: 19px;
    position: relative;
    top: 1px;
  }
}
.shariff .googleplus a {
  background-color: #d34836;
}
.shariff .googleplus a:hover {
  background-color: #f75b44;
}
.shariff .googleplus .fa-google-plus {
  font-size: 22px;
}
.shariff .googleplus .share_count {
  color: #a31601;
  background-color: #eda79d;
}
.shariff .theme-white .googleplus a {
  color: #d34836;
}
@media only screen and (min-width: 600px) {
  .shariff .googleplus .fa-google-plus {
    font-size: 19px;
  }
}
.shariff .whatsapp a {
  background-color: #5cbe4a;
}
.shariff .whatsapp a:hover {
  background-color: #34af23;
}
.shariff .whatsapp .fa-whatsapp {
  font-size: 28px;
}
.shariff .theme-white .whatsapp a {
  color: #5cbe4a;
}
@media only screen and (min-width: 600px) {
  .shariff .whatsapp .fa-whatsapp {
    font-size: 22px;
  }
}
.shariff .pinterest a {
  background-color: #bd081c;
}
.shariff .pinterest a:hover {
  background-color: #d50920;
}
.shariff .pinterest .fa-pinterest-p {
  font-size: 22px;
}
.shariff .pinterest .share_count {
  color: #a31601;
  background-color: #eda79d;
}
.shariff .theme-white .pinterest a {
  color: #bd081c;
}
@media only screen and (min-width: 600px) {
  .shariff .pinterest .fa-pinterest-p {
    font-size: 19px;
    position: relative;
    top: 1px;
  }
}
.shariff .googleplus a {
  background-color: #d34836;
}
.shariff .googleplus a:hover {
  background-color: #f75b44;
}
.shariff .googleplus .fa-google-plus {
  font-size: 22px;
}
.shariff .googleplus .share_count {
  color: #a31601;
  background-color: #eda79d;
}
.shariff .theme-white .googleplus a {
  color: #d34836;
}
@media only screen and (min-width: 600px) {
  .shariff .googleplus .fa-google-plus {
    font-size: 19px;
  }
}
/*# sourceMappingURL=index.css.map */