@-webkit-keyframes keyframe--spin {
from {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
to {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}
}
@-moz-keyframes keyframe--spin {
from {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
to {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}
}
@keyframes keyframe--spin {
from {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
to {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}
}
@-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)
}
to {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}
}
@-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)
}
to {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}
}
@keyframes keyframe--spin-reverse {
from {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
to {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}
}/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
display: none
}
a {
	background: transparent;
	cursor:pointer;
}
a:active, a:hover {
	outline: 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: bold
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
mark {
	background: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 1em 40px
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
pre {
	overflow: auto
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
button {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html input[type="button"] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
	line-height: normal
}
input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	cursor:pointer;
	transform:scale(1.4);
	margin-right:6px;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto
}
optgroup {
	font-weight: bold
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
td, th {
	padding: 0
}
.block-group, .block, .block-group:after, .block:after, .block-group:before, .block:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.block-group {
*zoom: 1
}
.block-group:before, .block-group:after {
	display: table;
	content: "";
	line-height: 0
}
.block-group:after {
	clear: both
}
.block-group {
	list-style-type: none;
	padding: 0;
	margin: 0
}
.block-group > .block-group {
	clear: none;
	float: left;
	margin: 0 !important
}
.block {
	float: left;
	width: 100%
}

@font-face {
    font-family: 'robotobold_condensed';
    src: url('../fonts/roboto-boldcondensed-webfont.eot');
    src: url('../fonts/roboto-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-boldcondensed-webfont.woff2') format('woff2'),
         url('../fonts/roboto-boldcondensed-webfont.woff') format('woff'),
         url('../fonts/roboto-boldcondensed-webfont.ttf') format('truetype'),
         url('../fonts/roboto-boldcondensed-webfont.svg#robotobold_condensed') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'robotocondensed';
    src: url('../fonts/roboto-condensed-webfont.eot');
    src: url('../fonts/roboto-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-condensed-webfont.woff2') format('woff2'),
         url('../fonts/roboto-condensed-webfont.woff') format('woff'),
         url('../fonts/roboto-condensed-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/roboto-condensed.eot');
    src: url('../fonts/roboto-condensed.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-condensed.woff2') format('woff2'),
         url('../fonts/roboto-condensed.woff') format('woff'),
         url('../fonts/roboto-condensed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.btn {
	padding: 2px 10px 2px 10px;
padding: .125rem .625rem .125rem .625rem;
	line-height: 32px;
	line-height: 2rem;
	border-radius: 3px;
	background-clip: padding-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 16px;
	font-size: 1rem;
	background-color: #fff;
	background-image: -ms-linear-gradient(top, #fff, #f5f3f0);
	background-image: linear-gradient(to bottom, #fff 0%, #f5f3f0 100%);
	-webkit-font-smoothing: inherit;
	display: inline-block;
	position: relative;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	cursor: pointer;
	border: 1px solid #c7c5c1;
	color: #000
}
.btn [class^="icon--"] {
	font-size: 16px;
	font-size: 1rem
}
.btn .is--large {
	font-size: 18px;
	font-size: 1.125rem
}
.btn.is--icon-right {
	padding-right: 36px;
	padding-right: 2.25rem
}
.btn.is--icon-right [class^="icon--"] {
	height: 16px;
	height: 1rem;
	line-height: 32px;
	line-height: 2rem;
	margin: -16px 0px 0px 0px;
	margin: -1rem 0rem 0rem 0rem;
	right: 12px;
right: .75rem;
	font-weight: normal;
	display: block;
	position: absolute;
	top: 50%
}
.btn.is--icon-left {
	padding-left: 36px;
	padding-left: 2.25rem
}
.btn.is--icon-left [class^="icon--"] {
	height: 16px;
	height: 1rem;
	line-height: 32px;
	line-height: 2rem;
	margin: -16px 0px 0px 0px;
	margin: -1rem 0rem 0rem 0rem;
	left: 12px;
left: .75rem;
	font-weight: normal;
	display: block;
	position: absolute;
	top: 50%
}

.dreiscset .btn.is--icon-left [class^="icon--"] {
	left: 48px;
	left: 3rem;
}
.btn:disabled, .btn:disabled:hover, .btn.is--disabled, .btn.is--disabled:hover {
	opacity: .5;
	background-color: #fff;
	background-image: -ms-linear-gradient(top, #fff, #f5f3f0);
	background-image: linear-gradient(to bottom, #fff 0%, #f5f3f0 100%);
	border: 1px solid #c7c5c1;
	color: #000;
	cursor: not-allowed
}
.btn:hover {
	background: #fff;
	color: #e01936;
	border-color: #e01936
}
.btn:focus {
	outline: none
}
.btn.is--small {
	line-height: 28px;
	line-height: 1.75rem
}
.btn.is--medium {
	line-height: 32px;
	line-height: 2rem;
	height: 38px;
	height: 2.375rem
}
.btn.is--large {
	line-height: 36px;
	line-height: 2.25rem;
	height: 42px;
	height: 2.625rem
}
.btn.is--full {
	display: block;
    width: 100%;
}
.btn.is--center {
	text-align: center
}
.is--primary {
	padding: 2px 12px 2px 12px;
    padding: .125rem .75rem .125rem .75rem;
	line-height: 34px;
	line-height: 2.125rem;
	background-color: #e01936 !important;
	background-image: -ms-linear-gradient(top, #e01936, #e01936)  !important;
	background-image: linear-gradient(to bottom, #e01936 0%, #e01936 100%)  !important;
	border: 0 none;
	color: #fff
}
.is--primary:hover {
	background: #e01936;
	color: #fff
}
.is--primary.is--small {
	line-height: 30px;
	line-height: 1.875rem
}
.is--primary.is--large {
	line-height: 38px;
	line-height: 2.375rem
}

.is--primary a {
    color: #ffffff;
}

.is--secondary {
	padding: 2px 12px 2px 12px;
padding: .125rem .75rem .125rem .75rem;
	line-height: 34px;
	line-height: 2.125rem;
	background-color: #000;
	background-image: -ms-linear-gradient(top, #000, #000);
	background-image: linear-gradient(to bottom, #000 0%, #000 100%);
	border: 0 none;
	color: #fff
}
.is--secondary:hover {
	background: #000;
	color: #fff
}
.is--secondary.is--small {
	line-height: 30px;
	line-height: 1.875rem
}
.is--secondary.is--large {
	line-height: 38px;
	line-height: 2.375rem
}
.container {
	max-width: 1260px;
	max-width: 78.75rem;
	background: #fff;
	margin: 0 auto;
	width: 100%
}
.container:after {
	content: "";
	display: table;
	clear: both
}
.product--delivery {
	font-size: 14px;
font-size: .875rem
}
.product--delivery p {
	margin: 0
}
.product--delivery .delivery--status-icon {
border-radius: .5625rem;
	background-clip: padding-box;
	margin: 0px 5px 0px 0px;
margin: 0rem .3125rem 0rem 0rem;
	width: 9px;
width: .5625rem;
	height: 9px;
height: .5625rem;
	line-height: 10px;
line-height: .625rem;
	display: inline-block;
	position: relative
}
.product--delivery .delivery--status-shipping-free {
	background: #4aa3df
}
.product--delivery .delivery--text-shipping-free {
	color: #4aa3df
}
.product--delivery .delivery--status-available {
	background: #00971c
}
.product--delivery .delivery--text-available {
	color: #00971c
}
.product--delivery .delivery--status-more-is-coming {
	background: #f1c40f
}
.product--delivery .delivery--text-more-is-coming {
	color: #0166BE
}
.product--delivery .delivery--status-not-available {
	background: #e01936
}
.product--delivery .delivery--text-not-available {
	color: #e01936
}
.product--delivery .delivery--text {
	margin: 0;
	display: inline-block
}
.content-main.is--fullscreen {
	box-shadow: none;
	max-width: none;
	padding: 0;
	margin: 0
}
.content-main.is--fullscreen .content, .content-main.is--fullscreen .content-main--inner {
	padding: 0;
	margin: 0 auto
}
.content-main.is--fullscreen .content--breadcrumb, .content-main.is--fullscreen .listing--wrapper, .content-main.is--fullscreen .tagcloud--content, .content-main.is--fullscreen .last-seen-products {
	display: none
}

textarea, input[type="text"], input[type="search"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 3px;
	background-clip: padding-box;
	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: .625rem .625rem .5625rem .625rem;
	box-shadow: inset 0 1px 1px #c7c5c1;
	background: #f5f3f0;
	border: 1px solid #000;
	border-top-color: #000;
	color: #262626;
	text-align: left
}
textarea:focus, input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus {
	box-shadow: 0 0 0 transparent;
	outline: none;
	border-color: #e01936;
	background: #fff;
	color: #000
}
textarea.has--error, input[type="text"].has--error, input[type="search"].has--error, input[type="password"].has--error, input[type="number"].has--error, input[type="email"].has--error, input[type="tel"].has--error {
	color: #e01936;
	background: #f2c9cf;
	border-color: #e01936
}
textarea.input--field, input[type="text"].input--field, input[type="search"].input--field, input[type="password"].input--field, input[type="number"].input--field, input[type="email"].input--field, input[type="tel"].input--field {
	margin-bottom: 10px;
margin-bottom: .625rem;
	width: 100%
}
textarea.input--field.input--field-zipcode, input[type="text"].input--field.input--field-zipcode, input[type="search"].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="search"].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="search"].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="search"].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="search"].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="search"].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;
	cursor:pointer;
}
label.has--error {
	color: #e01936;
	background: #f2c9cf
}
.js--fancy-select {
	border-radius: 3px;
	background-clip: padding-box;
	box-sizing: border-box;
	width: 290px;
	width: 18.125rem;
	line-height: 40px;
	line-height: 2.5rem;
	background-color: #fff;
	background-image: -ms-linear-gradient(top, #fff, #f5f3f0);
	background-image: linear-gradient(to bottom, #fff 0%, #f5f3f0 100%);
	display: inline-block;
	position: relative;
	border: 1px solid #c7c5c1;
	overflow: hidden;
	cursor: pointer;
	text-align: left
}
.js--fancy-select:after {
	content: "";
	display: table;
	clear: both
}
.js--fancy-select:hover {
	color: #e01936;
	border-color: #e01936;
	background: #fff
}
.js--fancy-select.js--is--focused {
	color: #e01936;
	border-color: #e01936
}
.js--fancy-select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    background-color: #ffffff;
	background-image: url(../img/small-arrow-down.png);
	background-position: right;
	background-repeat: no-repeat;
	border:0;	
	height:100%;
	width: 100%;
	display: block;
	cursor: pointer;
	z-index: 1000;
}
.js--fancy-select select option {
	color: #000
}
.js--fancy-select select:focus {
	outline: none
}
.js--fancy-select .js--fancy-select-text {
	padding: 0px 40px 0px 10px;
padding: 0rem 2.5rem 0rem .625rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.js--fancy-select .js--fancy-select-trigger {
	width: 30px;
	width: 1.875rem;
	position: absolute;
	right: 0;
	top: 0;
	border-left: 1px solid #c7c5c1;
	text-align: center;
	font-weight: bold
}
.js--fancy-select.is--disabled {
	cursor: not-allowed;
	opacity: .5
}
.js--fancy-select.is--disabled select {
	cursor: not-allowed
}
.js--fancy-select.has--error {
	color: #e01936;
	border-color: #e01936;
	background: #f2c9cf
}
.js--fancy-select.has--error .js--fancy-select-trigger {
	border-color: #e01936
}
.js--fancy-select.has--error .js--fancy-select-text {
	border-color: #f9ccd2
}
@media screen and (min-width: 48em) {
.input--field {
	margin-bottom: 15px;
margin-bottom: .9375rem
}
.input--field .input--field-zipcode {
	margin-right: 2%;
	width: 20%
}
.input--field .input--field-city {
	width: 78%
}
}
@media screen and (min-width: 78.75em) {
.input--field {
	margin-bottom: 15px;
margin-bottom: .9375rem
}
}
@font-face {
	font-family: 'shopware';
	src: url('../fonts/shopware.eot?201508211013');
	src: url('../fonts/shopware.eot?#201508211013') format('embedded-opentype'), url('../fonts/shopware.woff?201508211013') format('woff'), url('../fonts/shopware.ttf?201508211013') format('truetype'), url('../fonts/shopware.svg?201508211013') format('svg');
	font-weight: normal;
	font-style: normal;
    font-display: swap;
}
[class^="icon--"], [class*=" icon--"] {
font-family: 'shopware';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon--percent2:before {
	content: "\e723"
}
.icon--percent:before {
	content: "\e722"
}
.icon--coupon:before {
	content: "\e71c"
}
.icon--truck:before {
	content: "\e71d"
}
.icon--logout:before {
	content: "\e614"
}
.icon--grid:before {
	content: "\e615"
}
.icon--filter:before {
	content: "\e616"
}
.icon--clock:before {
	content: "\e617"
}
.icon--arrow-up:before {
	content: "\e610"
}
.icon--arrow-right:before {
	content: "\e60f"
}
.icon--arrow-left:before {
	content: "\e611"
}
.icon--arrow-down:before {
	content: "\e612"
}
.icon--star:before {
	content: "\e600"
}
.icon--star-half:before {
	content: "\e71e"
}
.icon--star-empty:before {
	content: "\e601"
}
.icon--shopware:before {
	content: "\e602"
}
.icon--service:before {
	content: "\e603"
}
.icon--search:before {
	content: "\e604"
}
.icon--numbered-list:before {
	content: "\e605"
}
.icon--menu:before {
	content: "\e606"
}
.icon--mail:before {
	content: "\e607"
}
.icon--list:before {
	content: "\e608"
}
.icon--layout:before {
	content: "\e609"
}
.icon--heart:before {
	content: "\e60a"
}
.icon--cross:before {
	content: "\e60d"
}
.icon--compare:before {
	content: "\e60b"
}
.icon--check:before {
	content: "\e60c"
}
.icon--basket:before {
	content: "\e60e"
}
.icon--account:before {
	content: "\e613"
}
.icon--chain:before {
	content: "\f0c1"
}
.icon--delicious:before {
	content: "\f1a5"
}
.icon--delicious2:before {
	content: "\e721"
}
.icon--digg:before {
	content: "\f1a6"
}
.icon--phone:before {
	content: "\e619"
}
.icon--mobile:before {
	content: "\e61d"
}
.icon--mouse:before {
	content: "\e61e"
}
.icon--directions:before {
	content: "\e61f"
}
.icon--paperplane:before {
	content: "\e620"
}
.icon--pencil:before {
	content: "\e618"
}
.icon--feather:before {
	content: "\e621"
}
.icon--paperclip:before {
	content: "\e622"
}
.icon--drawer:before {
	content: "\e623"
}
.icon--reply:before {
	content: "\e624"
}
.icon--reply-all:before {
	content: "\e625"
}
.icon--forward:before {
	content: "\e626"
}
.icon--users:before {
	content: "\e627"
}
.icon--user-add:before {
	content: "\e628"
}
.icon--vcard:before {
	content: "\e629"
}
.icon--export:before {
	content: "\e62a"
}
.icon--location:before {
	content: "\e62b"
}
.icon--map:before {
	content: "\e62c"
}
.icon--compass:before {
	content: "\e62d"
}
.icon--location2:before {
	content: "\e62e"
}
.icon--target:before {
	content: "\e62f"
}
.icon--share:before {
	content: "\e630"
}
.icon--sharable:before {
	content: "\e631"
}
.icon--thumbsup:before {
	content: "\e632"
}
.icon--thumbsdown:before {
	content: "\e633"
}
.icon--chat:before {
	content: "\e634"
}
.icon--comment:before {
	content: "\e61a"
}
.icon--quote:before {
	content: "\e635"
}
.icon--house:before {
	content: "\e636"
}
.icon--popup:before {
	content: "\e637"
}
.icon--flashlight:before {
	content: "\e638"
}
.icon--printer:before {
	content: "\e639"
}
.icon--bell:before {
	content: "\e63a"
}
.icon--link:before {
	content: "\e63b"
}
.icon--flag:before {
	content: "\e63c"
}
.icon--cog:before {
	content: "\e63d"
}
.icon--tools:before {
	content: "\e63e"
}
.icon--trophy:before {
	content: "\e63f"
}
.icon--tag:before {
	content: "\e640"
}
.icon--camera:before {
	content: "\e641"
}
.icon--megaphone:before {
	content: "\e642"
}
.icon--moon:before {
	content: "\e643"
}
.icon--palette:before {
	content: "\e644"
}
.icon--leaf:before {
	content: "\e645"
}
.icon--music:before {
	content: "\e646"
}
.icon--music2:before {
	content: "\e647"
}
.icon--new:before {
	content: "\e648"
}
.icon--graduation:before {
	content: "\e649"
}
.icon--book:before {
	content: "\e64a"
}
.icon--newspaper:before {
	content: "\e64b"
}
.icon--bag:before {
	content: "\e64c"
}
.icon--airplane:before {
	content: "\e64d"
}
.icon--lifebuoy:before {
	content: "\e64e"
}
.icon--eye:before {
	content: "\e64f"
}
.icon--clock2:before {
	content: "\e650"
}
.icon--microphone:before {
	content: "\e651"
}
.icon--calendar:before {
	content: "\e652"
}
.icon--bolt:before {
	content: "\e653"
}
.icon--thunder:before {
	content: "\e654"
}
.icon--droplet:before {
	content: "\e655"
}
.icon--cd:before {
	content: "\e656"
}
.icon--briefcase:before {
	content: "\e657"
}
.icon--air:before {
	content: "\e658"
}
.icon--hourglass:before {
	content: "\e659"
}
.icon--gauge:before {
	content: "\e65a"
}
.icon--language:before {
	content: "\e65b"
}
.icon--network:before {
	content: "\e65c"
}
.icon--key:before {
	content: "\e65d"
}
.icon--battery:before {
	content: "\e65e"
}
.icon--bucket:before {
	content: "\e65f"
}
.icon--magnet:before {
	content: "\e660"
}
.icon--drive:before {
	content: "\e661"
}
.icon--cup:before {
	content: "\e662"
}
.icon--rocket:before {
	content: "\e663"
}
.icon--brush:before {
	content: "\e664"
}
.icon--suitcase:before {
	content: "\e665"
}
.icon--cone:before {
	content: "\e666"
}
.icon--earth:before {
	content: "\e667"
}
.icon--keyboard:before {
	content: "\e668"
}
.icon--browser:before {
	content: "\e669"
}
.icon--publish:before {
	content: "\e66a"
}
.icon--progress-3:before {
	content: "\e66b"
}
.icon--progress-2:before {
	content: "\e66c"
}
.icon--brogress-1:before {
	content: "\e66d"
}
.icon--progress-0:before {
	content: "\e66e"
}
.icon--sun:before {
	content: "\e66f"
}
.icon--sun2:before {
	content: "\e670"
}
.icon--adjust:before {
	content: "\e671"
}
.icon--code:before {
	content: "\e672"
}
.icon--screen:before {
	content: "\e673"
}
.icon--infinity:before {
	content: "\e674"
}
.icon--light-bulb:before {
	content: "\e675"
}
.icon--creditcard:before {
	content: "\e676"
}
.icon--database:before {
	content: "\e677"
}
.icon--voicemail:before {
	content: "\e678"
}
.icon--clipboard:before {
	content: "\e679"
}
.icon--box:before {
	content: "\e67a"
}
.icon--ticket:before {
	content: "\e67b"
}
.icon--rss:before {
	content: "\e67c"
}
.icon--signal:before {
	content: "\e67d"
}
.icon--thermometer:before {
	content: "\e67e"
}
.icon--droplets:before {
	content: "\e67f"
}
.icon--uniE680:before {
	content: "\e680"
}
.icon--statistics:before {
	content: "\e681"
}
.icon--pie:before {
	content: "\e682"
}
.icon--bars:before {
	content: "\e683"
}
.icon--graph:before {
	content: "\e684"
}
.icon--lock:before {
	content: "\e685"
}
.icon--lock-open:before {
	content: "\e686"
}
.icon--login:before {
	content: "\e687"
}
.icon--minus:before {
	content: "\e688"
}
.icon--plus:before {
	content: "\e689"
}
.icon--cross2:before {
	content: "\e68a"
}
.icon--minus2:before {
	content: "\e68b"
}
.icon--plus2:before {
	content: "\e68c"
}
.icon--cross3:before {
	content: "\e68d"
}
.icon--minus3:before {
	content: "\e68e"
}
.icon--plus3:before {
	content: "\e68f"
}
.icon--erase:before {
	content: "\e690"
}
.icon--blocked:before {
	content: "\e691"
}
.icon--info:before {
	content: "\e61b"
}
.icon--info2:before {
	content: "\e692"
}
.icon--question:before {
	content: "\e693"
}
.icon--help:before {
	content: "\e694"
}
.icon--warning:before {
	content: "\e695"
}
.icon--cycle:before {
	content: "\e696"
}
.icon--cw:before {
	content: "\e697"
}
.icon--ccw:before {
	content: "\e698"
}
.icon--shuffle:before {
	content: "\e699"
}
.icon--arrow:before {
	content: "\e69a"
}
.icon--arrow2:before {
	content: "\e69b"
}
.icon--retweet:before {
	content: "\e69c"
}
.icon--loop:before {
	content: "\e69d"
}
.icon--history:before {
	content: "\e69e"
}
.icon--back:before {
	content: "\e69f"
}
.icon--list2:before {
	content: "\e6a0"
}
.icon--add-to-list:before {
	content: "\e6a1"
}
.icon--layout2:before {
	content: "\e6a2"
}
.icon--list3:before {
	content: "\e6a3"
}
.icon--text:before {
	content: "\e6a4"
}
.icon--text2:before {
	content: "\e6a5"
}
.icon--document:before {
	content: "\e6a6"
}
.icon--docs:before {
	content: "\e6a7"
}
.icon--landscape:before {
	content: "\e6a8"
}
.icon--pictures:before {
	content: "\e6a9"
}
.icon--video:before {
	content: "\e6aa"
}
.icon--music3:before {
	content: "\e6ab"
}
.icon--folder:before {
	content: "\e6ac"
}
.icon--archive:before {
	content: "\e6ad"
}
.icon--trash:before {
	content: "\e6ae"
}
.icon--upload:before {
	content: "\e6af"
}
.icon--download:before {
	content: "\e6b0"
}
.icon--disk:before {
	content: "\e6b1"
}
.icon--install:before {
	content: "\e61c"
}
.icon--cloud:before {
	content: "\e6b2"
}
.icon--upload2:before {
	content: "\e6b3"
}
.icon--bookmark:before {
	content: "\e6b4"
}
.icon--bookmarks:before {
	content: "\e6b5"
}
.icon--book2:before {
	content: "\e6b6"
}
.icon--play:before {
	content: "\e6b7"
}
.icon--pause:before {
	content: "\e6b8"
}
.icon--record:before {
	content: "\e6b9"
}
.icon--stop:before {
	content: "\e6ba"
}
.icon--next:before {
	content: "\e6bb"
}
.icon--previous:before {
	content: "\e6bc"
}
.icon--first:before {
	content: "\e6bd"
}
.icon--last:before {
	content: "\e6be"
}
.icon--resize-enlarge:before {
	content: "\e6bf"
}
.icon--resize-shrink:before {
	content: "\e6c0"
}
.icon--volume:before {
	content: "\e6c1"
}
.icon--sound:before {
	content: "\e6c2"
}
.icon--mute:before {
	content: "\e6c3"
}
.icon--flow-cascade:before {
	content: "\e6c4"
}
.icon--flow-branch:before {
	content: "\e6c5"
}
.icon--flow-tree:before {
	content: "\e6c6"
}
.icon--flow-line:before {
	content: "\e6c7"
}
.icon--flow-parallel:before {
	content: "\e6c8"
}
.icon--arrow-left2:before {
	content: "\e6c9"
}
.icon--arrow-down2:before {
	content: "\e6ca"
}
.icon--arrow-up-upload:before {
	content: "\e6cb"
}
.icon--arrow-right2:before {
	content: "\e6cc"
}
.icon--arrow-left3:before {
	content: "\e6cd"
}
.icon--arrow-down3:before {
	content: "\e6ce"
}
.icon--arrow-up2:before {
	content: "\e6cf"
}
.icon--arrow-right3:before {
	content: "\e6d0"
}
.icon--arrow-left4:before {
	content: "\e6d1"
}
.icon--arrow-down4:before {
	content: "\e6d2"
}
.icon--arrow-up3:before {
	content: "\e6d3"
}
.icon--arrow-right4:before {
	content: "\e6d4"
}
.icon--arrow-left5:before {
	content: "\e6d5"
}
.icon--arrow-down5:before {
	content: "\e6d6"
}
.icon--arrow-up4:before {
	content: "\e6d7"
}
.icon--arrow-right5:before {
	content: "\e6d8"
}
.icon--arrow-left6:before {
	content: "\e6d9"
}
.icon--arrow-down6:before {
	content: "\e6da"
}
.icon--arrow-up5:before {
	content: "\e6db"
}
.icon--arrow-right6:before {
	content: "\e6dc"
}
.icon--menu2:before {
	content: "\e6dd"
}
.icon--ellipsis:before {
	content: "\e6de"
}
.icon--dots:before {
	content: "\e6df"
}
.icon--dot:before {
	content: "\e6e0"
}
.icon--cc:before {
	content: "\e6e1"
}
.icon--cc-by:before {
	content: "\e6e2"
}
.icon--cc-nc:before {
	content: "\e6e3"
}
.icon--cc-nc-eu:before {
	content: "\e6e4"
}
.icon--cc-nc-jp:before {
	content: "\e6e5"
}
.icon--cc-sa:before {
	content: "\e6e6"
}
.icon--cc-nd:before {
	content: "\e6e7"
}
.icon--cc-pd:before {
	content: "\e6e8"
}
.icon--cc-zero:before {
	content: "\e6e9"
}
.icon--cc-share:before {
	content: "\e6ea"
}
.icon--cc-share2:before {
	content: "\e6eb"
}
.icon--danielbruce:before {
	content: "\e6ec"
}
.icon--danielbruce2:before {
	content: "\e6ed"
}
.icon--github:before {
	content: "\e6ee"
}
.icon--github2:before {
	content: "\e6ef"
}
.icon--flickr:before {
	content: "\e6f0"
}
.icon--flickr2:before {
	content: "\e6f1"
}
.icon--vimeo:before {
	content: "\e6f2"
}
.icon--vimeo2:before {
	content: "\e6f3"
}
.icon--twitter:before {
	content: "\e6f4"
}
.icon--twitter2:before {
	content: "\e6f5"
}
.icon--facebook:before {
	content: "\e6f6"
}
.icon--facebook2:before {
	content: "\e6f7"
}
.icon--facebook3:before {
	content: "\e6f8"
}
.icon--googleplus:before {
	content: "\e6f9"
}
.icon--googleplus2:before {
	content: "\e6fa"
}
.icon--pinterest:before {
	content: "\e6fb"
}
.icon--pinterest2:before {
	content: "\e6fc"
}
.icon--tumblr:before {
	content: "\e6fd"
}
.icon--tumblr2:before {
	content: "\e6fe"
}
.icon--linkedin:before {
	content: "\e6ff"
}
.icon--linkedin2:before {
	content: "\e700"
}
.icon--dribbble:before {
	content: "\e701"
}
.icon--dribbble2:before {
	content: "\e702"
}
.icon--stumbleupon:before {
	content: "\e703"
}
.icon--stumbleupon2:before {
	content: "\e704"
}
.icon--lastfm:before {
	content: "\e705"
}
.icon--lastfm2:before {
	content: "\e706"
}
.icon--rdio:before {
	content: "\e707"
}
.icon--rdio2:before {
	content: "\e708"
}
.icon--spotify:before {
	content: "\e709"
}
.icon--spotify2:before {
	content: "\e70a"
}
.icon--qq:before {
	content: "\e70b"
}
.icon--instagram:before {
	content: "\e70c"
}
.icon--dropbox:before {
	content: "\e70d"
}
.icon--evernote:before {
	content: "\e70e"
}
.icon--flattr:before {
	content: "\e70f"
}
.icon--skype:before {
	content: "\e710"
}
.icon--skype2:before {
	content: "\e711"
}
.icon--renren:before {
	content: "\e712"
}
.icon--sina-weibo:before {
	content: "\e713"
}
.icon--paypal:before {
	content: "\e714"
}
.icon--picasa:before {
	content: "\e715"
}
.icon--soundcloud:before {
	content: "\e716"
}
.icon--mixi:before {
	content: "\e717"
}
.icon--behance:before {
	content: "\e718"
}
.icon--circles:before {
	content: "\e719"
}
.icon--vk:before {
	content: "\e71a"
}
.icon--smashing:before {
	content: "\e71b"
}
.icon--feed:before {
	content: "\e71f"
}
.icon--feed2:before {
	content: "\e720"
}
.navigation--list {
	list-style: none
}
.off-canvas {
	-webkit-transition: all .45s cubic-bezier(.3, 0, .15, 1);
	-moz-transition: all .45s cubic-bezier(.3, 0, .15, 1);
	-ms-transition: all .45s cubic-bezier(.3, 0, .15, 1);
	-o-transition: all .45s cubic-bezier(.3, 0, .15, 1);
	transition: all .45s cubic-bezier(.3, 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 {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	left: 0
}
.off-canvas.is--right {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	right: 0
}
.off-canvas.is--active {
	display: block
}
.off-canvas.is--open {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}
.off-canvas.is--full-screen {
	width: 100%
}
.off-canvas.no--transitions {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none
}
.off-canvas .buttons--off-canvas {
	display: block
}
.off-canvas .close--off-canvas {
	padding: 2px 10px 2px 10px;
	padding: .125rem .625rem .125rem .625rem;
	line-height: 38px;
	line-height: 2.375rem;
	background-color: #000;
	background-image: -ms-linear-gradient(top, #000, #000);
	background-image: linear-gradient(to bottom, #000 0%, #000 100%);
	display: block;
	color: #fff;
	font-weight: bold;
	cursor: pointer
}

.close--off-canvas.button--close-basket {
	background-image: linear-gradient(to bottom, #fff 0%, #f5f3f0 100%);
	color:#000000;
}

.close--off-canvas.button--close-basket .icon--arrow-left {
	margin: -16px 0px 0px 0px !important; 
	margin: -1rem 0rem 0rem 0rem !important;
}

.off-canvas .close--off-canvas:after {
	content: "";
	display: table;
	clear: both
}
.off-canvas .close--off-canvas .icon--arrow-left {
	margin: 0px 10px 0px 0px;
margin: 0rem .625rem 0rem 0rem;
	font-size: 11px;
font-size: .6875rem
}
.off-canvas .link--go-main {
	font-size: 16px;
	font-size: 1rem;
	padding: 10px 10px 10px 10px;
padding: .625rem .625rem .625rem .625rem;
	height: 42px;
	height: 2.625rem;
	font-weight: 700;
	display: block;
	width: 100%
}
.off-canvas .link--go-main .icon--menu {
	font-size: 20px;
	font-size: 1.25rem;
	margin-right: 10px;
margin-right: .625rem;
	float: left
}
.off-canvas .sidebar--navigation .navigation--link {
	padding: 2px 10px 2px 10px;
padding: .125rem .625rem .125rem .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 .625rem 0rem 0rem;
	float: left
}
.buttons--off-canvas {
	display: none
}
.page-wrap {
	-webkit-transition: left 400ms cubic-bezier(.16, .04, .14, 1);
	-moz-transition: left 400ms cubic-bezier(.16, .04, .14, 1);
	-ms-transition: left 400ms cubic-bezier(.16, .04, .14, 1);
	-o-transition: left 400ms cubic-bezier(.16, .04, .14, 1);
	transition: left 400ms cubic-bezier(.16, .04, .14, 1);
	position: relative;
	left: 0
}
.navigation--smartphone .navigation--entry {
	padding: 12px 10px 12px 10px;
padding: .75rem .625rem .75rem .625rem;
	background: #fff
}
.navigation--smartphone .navigation--link {
	display: block
}
.navigation--smartphone .entry--close-off-canvas {
	padding: 2px 10px 2px 10px;
padding: .125rem .625rem .125rem .625rem;
	line-height: 38px;
	line-height: 2.375rem;
	background-color: #000;
	background-image: -ms-linear-gradient(top, #000, #000);
	background-image: linear-gradient(to bottom, #000 0%, #000 100%)
}
.navigation--smartphone .entry--close-off-canvas .navigation--link {
	font-size: 14px;
font-size: .875rem;
	color: #f5f3f0;
	font-weight: bold
}
.navigation--smartphone .entry--close-off-canvas .navigation--link:after {
	content: "";
	display: table;
	clear: both
}
.navigation--smartphone .entry--close-off-canvas .navigation--link:active {
	color: #eae7e1
}
.navigation--smartphone .entry--close-off-canvas .icon--arrow-right {
	margin: 12px 0px 0px 0px;
margin: .75rem 0rem 0rem 0rem;
	font-size: 11px;
font-size: .6875rem;
	float: right
}
.navigation--headline, .sidebar--navigation {
	margin: 0px 10px 0px 10px;
margin: 0rem .625rem 0rem .625rem
}
.navigation--headline {
	margin: 16px 10px 6px 10px;
margin: 1rem .625rem .375rem .625rem;
	line-height: 26px;
	line-height: 1.625rem;
	color: #000;
	font-weight: 700;
	font-size: 1em
}
.sidebar--navigation {
	border-radius: 3px;
	background-clip: padding-box;
	background: #fff;
	border: 1px solid #c7c5c1
}
.sidebar--navigation .navigation--entry {
	border-bottom: 1px solid #c7c5c1
}
.sidebar--navigation .navigation--entry:last-child {
	border-bottom: 0 none
}
.sidebar--navigation .navigation--link {
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis
}
@media screen and (min-width: 48em) {
.off-canvas {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	display: block;
	background: transparent;
	position: relative;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	z-index: 1000
}
.off-canvas .sidebar--navigation .navigation--link {
	padding: 10px 10px 10px 10px;
padding: .625rem .625rem .625rem .625rem;
	line-height: inherit
}
.off-canvas .account--menu .navigation--link {
	padding: 5px 0px 5px 0px;
padding: .3125rem 0rem .3125rem 0rem;
	line-height: inherit
}
.sidebar-main .entry--close-off-canvas {
	display: none
}
.sidebar-main .icon--arrow-right, .sidebar-main .icon--arrow-left {
	display: none
}
}
.panel {
	display: block;
	background: #fff
}
.panel.has--shadow {
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1)
}
.panel.has--border {
	border: 1px solid none
}
.panel--header {
	padding: 10px 10px 10px 10px;
padding: .625rem .625rem .625rem .625rem;
	font-size: 14px;
font-size: .875rem;
	background: #f5f3f0;
	display: block;
	margin: 0;
	font-weight: bold;
	color: #000;
	border-bottom: 1px solid none
}
.panel--header.secondary {
	color: #000;
	background: #fff
}
.panel--header.primary {
	color: #e01936;
	background: #fff
}
.panel--title {
	padding: 0px 0px 0px 0px;
	padding: 0rem 0rem 0rem 0rem;
	margin: 0px 20px 0px 0px;
	margin: 0rem 1.25rem 0rem 1.25rem;
	font-size: 22px;
	font-size: 1.25rem;
	display: block;
	font-weight: bold;
	color: #000
}
.panel--title.is--underline {
	padding: 20px 0px 10px 0px;
padding: 1.25rem 0rem .625rem 0rem;
	border-bottom: 1px solid none;
	text-decoration: none !important
}
.panel--title.is--secondary {
	color: #000
}
.panel--title.is--primary {
	color: #e01936
}
.panel--body {
	padding: 10px 10px 10px 10px;
padding: .625rem .625rem .625rem .625rem;
	font-size: 14px;
font-size: .875rem;
	line-height: 24px;
	line-height: 1.5rem;
	display: block;
	position: relative
}
.panel--body.has--border {
	border: 1px solid none
}
.panel--body.is--slim {
	padding: 5px 5px 5px 5px;
padding: .3125rem .3125rem .3125rem .3125rem
}
.panel--body.is--wide {
	padding: 20px 20px 20px 20px;
	padding: 1.25rem 1.25rem 1.25rem 1.25rem
}
.panel--body.is--flat {
	background: #eae7e1
}
.panel--body.is--embossed {
	box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.2);
	background: #eae7e1
}
.panel--actions {
	padding: 10px 10px 10px 10px;
padding: .625rem .625rem .625rem .625rem;
	line-height: 40px;
	line-height: 2.5rem;
	display: block
}
.panel--actions.has--border {
	margin: 10px 0px 0px 0px;
margin: .625rem 0rem 0rem 0rem;
	padding: 10px 0px 0px 0px;
padding: .625rem 0rem 0rem 0rem;
	border-top: 1px solid none
}
.panel--actions.is--slim {
	padding: 5px 5px 5px 5px;
padding: .3125rem .3125rem .3125rem .3125rem
}
.panel--actions.is--wide {
	padding: 20px 20px 20px 20px;
	padding: 1.25rem 1.25rem 1.25rem 1.25rem
}
.panel--actions .btn {
	margin: 0px 6px 0px 0px;
margin: 0rem .375rem 0rem 0rem
}
.panel--table {
	width: 100%;
	display: block;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show
}
.panel--table:after {
	content: "";
	display: table;
	clear: both
}
.panel--table.has--border {
	border: 1px solid none
}
.panel--tr {
	display: block;
	width: 100%;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: none
}
.panel--tr:after {
	content: "";
	display: table;
	clear: both
}
.panel--tr:last-child {
	border-width: 0
}
.panel--tr.is--odd {
	background: #f5f5f5
}
.panel--tr.is--secondary {
	background: #f5f5f5
}
.panel--tr.is--primary {
	color: #e01936
}
.panel--th, .panel--td {
	padding: 10px 10px 10px 10px;
padding: .625rem .625rem .625rem .625rem;
	font-size: 14px;
font-size: .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.has--border, .panel--td.has--border {
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: none
}
.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 none
}
.panel--list li {
	padding: 10px 10px 10px 10px;
padding: .625rem .625rem .625rem .625rem;
	font-size: 14px;
font-size: .875rem;
	line-height: 24px;
	line-height: 1.5rem;
	border-bottom: 1px solid none
}
.panel--list li:last-child {
	border-bottom: 0 none
}
.panel--list li.is--secondary {
	background: #eae7e1
}
.panel--list li.is--primary {
	color: #e01936
}
.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: .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: #fff;
	background-image: -ms-linear-gradient(top, #fff, #f5f3f0);
	background-image: linear-gradient(to bottom, #fff 0%, #f5f3f0 100%);
	border: 1px solid none
}
.panel--arrow.left--arrow {
	left: 10px;
left: .625rem
}
.panel--arrow.left--arrow:before, .panel--arrow.left--arrow::before {
	content: "\e611"
}
.panel--arrow.right--arrow {
	right: 10px;
right: .625rem
}
.panel--arrow.right--arrow:before {
	content: "\e60f"
}
.panel--arrow:hover {
	color: #e01936
}
.panel--dot-nav {
	height: 11px;
height: .6875rem;
	position: relative
}
.panel--dot-nav .dot--link, .panel--dot-nav a {
	border-radius: 11px;
	background-clip: padding-box;
	margin: 0px 5px 0px 5px;
margin: 0rem .3125rem 0rem .3125rem;
	width: 11px;
width: .6875rem;
	height: 11px;
height: .6875rem;
	display: inline-block;
	border: 1px solid #c7c5c1
}
.panel--dot-nav .dot--link.is--active, .panel--dot-nav a.is--active {
	border-color: #e01936;
	background: #e01936
}
.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: .625rem .9375rem .625rem .9375rem;
	margin: 0px 5px 0px 0px;
margin: 0rem .3125rem 0rem 0rem;
	line-height: 24px;
	line-height: 1.5rem;
	font-size: 14px;
font-size: .875rem;
	background-color: #fff;
	background-image: -ms-linear-gradient(top, #fff, #f5f3f0);
	background-image: linear-gradient(to bottom, #fff 0%, #f5f3f0 100%);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background-clip: padding-box;
	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: none;
	white-space: nowrap
}
.panel--tab-nav .navigation--link.is--active {
	top: 1px;
top: .0625rem;
	color: #000;
	background: #fff
}
.panel--tab-nav .navigation--link.is--active:hover {
	color: #000
}
.panel--tab-nav .navigation--link:hover {
	color: #e01936
}
.panel--paging {
	line-height: 32px;
	line-height: 2rem;
	display: inline-block
}
.panel--paging .paging--link {
	padding: 0px 10px 0px 10px;
padding: 0rem .625rem 0rem .625rem;
	margin: 0px 1px 0px 1px;
margin: 0rem .0625rem 0rem .0625rem;
	font-size: 14px;
font-size: .875rem;
	line-height: 30px;
	line-height: 1.875rem;
	border-radius: 3px;
	background-clip: padding-box;
	background-color: #fff;
	background-image: -ms-linear-gradient(top, #fff, #f5f3f0);
	background-image: linear-gradient(to bottom, #fff 0%, #f5f3f0 100%);
	display: inline-block;
	font-weight: normal;
	text-align: center;
	border: 1px solid #c7c5c1;
	color: #000
}
.panel--paging .paging--link [class^="icon--"] {
	font-size: 10px;
font-size: .625rem
}
.panel--paging .paging--link.is--active, .panel--paging .paging--link.is--active:hover {
	line-height: 32px;
	line-height: 2rem;
	background-color: #e01936;
	background-image: -ms-linear-gradient(top, #e01936, #e01936);
	background-image: linear-gradient(to bottom, #e01936 0%, #e01936 100%);
	color: #fff;
	border: 0 none;
	font-weight: bold;
	cursor: default
}
.panel--paging .paging--link:hover {
	background: #fff;
	color: #e01936;
	border-color: #e01936
}
.panel--filter-btn {
	padding: 0px 10px 0px 10px;
padding: 0rem .625rem 0rem .625rem;
	margin: 0px 10px 0px 10px;
margin: 0rem .625rem 0rem .625rem;
	font-size: 14px;
font-size: .875rem;
	line-height: 26px;
	line-height: 1.625rem;
	border-radius: 3px;
	background-clip: padding-box;
	background-color: #fff;
	background-image: -ms-linear-gradient(top, #fff, #f5f3f0);
	background-image: linear-gradient(to bottom, #fff 0%, #f5f3f0 100%);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05);
	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 .625rem 0rem 0rem;
	font-size: 10px;
font-size: .625rem
}
.panel--filter-btn:hover {
	color: #e01936
}
.panel--filter-select {
	width: 160px;
	width: 10rem;
	height: 28px;
	height: 1.75rem;
	font-size: 14px;
font-size: .875rem;
	line-height: 26px;
	line-height: 1.625rem;
	border-radius: 3px;
	background-clip: padding-box;
	box-sizing: border-box;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05);
	background-color: #fff;
	background-image: -ms-linear-gradient(top, #fff, #f5f3f0);
	background-image: linear-gradient(to bottom, #fff 0%, #f5f3f0 100%);
	display: inline-block;
	vertical-align: bottom;
	position: relative;
	border: 1px solid #c7c5c1;
	overflow: hidden
}
.panel--filter-select .arrow {
	width: 34px;
	width: 2.125rem;
	font-size: 6px;
font-size: .375rem;
	line-height: 28px;
	line-height: 1.75rem;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #c7c5c1;
	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 .625rem;
	font-size: 14px;
font-size: .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 .625rem 0rem .625rem;
	display: block;
	border: 0 none;
	background: #fff
}
.js--mobile-tab-panel .navigation--entry {
	margin: 0px 0px 6px 0px;
margin: 0rem 0rem .375rem 0rem;
	display: block
}
.js--mobile-tab-panel .navigation--entry > [class^=content] {
padding: 10px 10px 10px 10px;
padding: .625rem .625rem .625rem .625rem;
border: 1px solid #c7c5c1;
border-top: 0 none
}
.js--mobile-tab-panel .navigation--link {
	padding: 5px 10px 5px 10px;
padding: .3125rem .625rem .3125rem .625rem;
	text-align: left;
	font-weight: normal;
	border: 1px solid #c7c5c1;
	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: .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: '-'
}
form {
	display: block
}
form table {
	width: 100%
}
form table td {
	padding: 10px
}
fieldset {
	padding: 10px 10px 10px 10px;
padding: .625rem .625rem .625rem .625rem;
	border: 1px solid #c7c5c1
}
.alert {
	font-size: 14px;
font-size: .875rem;
	line-height: 24px;
	line-height: 1.5rem;
	position: relative;
	overflow: hidden
}
.alert:after {
	content: "";
	display: table;
	clear: both
}
.alert.is--success {
	color: #004b0e;
	background: #7df192
}
.alert.is--success .alert--icon {
	background: #00971c
}
.alert.is--info, .alert.is--info a {
	color: #217dbb;
	background: #e9f2f8
}

.freeshipping .alert.is--info, .freeshipping .alert.is--info a {
    background: #e01936;
	color: #ffffff;
    font-size: 1.5em;
}

.freeshipping .alert.is--info .alert--icon {
	background: #e01936
}

.alert.is--info .alert--icon {
	background: #4aa3df
}
.alert.is--warning {
	color: #ae8e0a;
	background: #fbf5db
}
.alert.is--warning .alert--icon {
	background: #f1c40f
}
.alert.is--error {
	color: #e01936;
	background: #f2c9cf
}
.alert.is--error .alert--icon {
	background: #e01936
}
.alert .icon--element {
	position: absolute;
	top: 50%;
	left: 0;
	width: 15%;
	margin-top: -9px
}
.alert .alert--icon, .alert .alert--content {
	padding: 10px 10px 10px 10px;
padding: .625rem .625rem .625rem .625rem;
	float: left
}
.alert .alert--icon p, .alert .alert--content p {
	margin-bottom: 0px;
	margin-bottom: 0rem
}
.alert .alert--icon {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 26px;
	line-height: 1.625rem;
	width: 15%;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding-bottom: 9999em;
	margin-bottom: -9999em
}
.alert .alert--content {
	width: 85%
}
.alert .alert--content.is--strong {
	font-weight: bold
}
.alert .alert--list {
	list-style: none
}
.alert .list--entry {
	display: block
}
@media screen and (min-width: 48em) {
.alert .alert--icon, .alert .icon--element {
	width: 8%
}
.alert .alert--content {
	width: 92%
}
}
.badge {
	padding: 0px 5px 0px 5px;
padding: 0rem .3125rem 0rem .3125rem;
	margin: 0px 5px 0px 5px;
margin: 0rem .3125rem 0rem .3125rem;
	height: 20px;
	height: 1.25rem;
	min-width: 10px;
min-width: .625rem;
	line-height: 20px;
	line-height: 1.25rem;
	font-size: 12px;
font-size: .75rem;
	border-radius: 50px;
	background-clip: padding-box;
	box-sizing: content-box;
	display: inline-block;
	white-space: nowrap;
	z-index: 500;
	font-weight: 700;
	text-align: center;
	background: #fff;
	color: #e01936;
	border: 1px solid #c7c5c1
}
.badge.is--primary {
	background-color: #f0465f;
	background-image: -ms-linear-gradient(top, #f0465f, #e01936);
	background-image: linear-gradient(to bottom, #f0465f 0%, #e01936 100%);
	color: #fff;
	border-color: #fff
}
.badge.is--secondary {
	background-color: #000;
	background-image: -ms-linear-gradient(top, #000, #000);
	background-image: linear-gradient(to bottom, #000 0%, #000 100%);
	color: #fff;
	border-color: #fff
}
.badge.is--minimal {
	border: 0 none
}
.label {
	padding: 3px 8px 3px 8px;
padding: .1875rem .5rem .1875rem .5rem;
	margin: 0px 5px 0px 5px;
margin: 0rem .3125rem 0rem .3125rem;
	font-size: 16px;
	font-size: 1rem;
	line-height: 18px;
	line-height: 1.125rem;
	border-radius: 3px;
	background-clip: padding-box;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	color: #000;
	background: #000
}
.label.success {
	background: #00971c
}
.label.info {
	background: #4aa3df
}
.label.warning {
	background: #f1c40f
}
.label.error {
	background: #e01936
}
.collapse--header {
	padding: 10px 20px 10px 20px;
padding: .625rem 1.25rem .625rem 1.25rem;
	margin: 10px 0px 0px 0px;
margin: .625rem 0rem 0rem 0rem;
	font-size: 16px;
	font-size: 1rem;
	line-height: 16px;
	line-height: 1rem;
	background-color: #fff;
	background-image: -ms-linear-gradient(top, #fff, #f5f3f0);
	background-image: linear-gradient(to bottom, #fff 0%, #f5f3f0 100%);
	border-radius: 3px;
	background-clip: padding-box;
	box-shadow: 0 1px 1px 0 rgba(236,238,241,0.8);
	display: block;
	position: relative;
	z-index: 1100;
	border: 1px solid #c7c5c1;
	cursor: pointer
}
.collapse--header .collapse--toggler {
	height: 16px;
	height: 1rem;
	top: 10px;
top: .625rem;
	right: 20px;
	right: 1.25rem;
	font-size: 6px;
font-size: .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: #e01936
}
.collapse--header.is--active {
	background-color: #000;
	background-image: -ms-linear-gradient(top, #000, #000);
	background-image: linear-gradient(to bottom, #000 0%, #000 100%);
	box-shadow: 0 1px 3px 0 rgba(95,114,133,0.5);
	color: #fff;
	font-weight: bold;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #a39f99;
	z-index: 1300
}
.collapse--header.is--active .collapse--toggler:before {
	content: "\e610"
}
.collapse--content {
	padding: 5px 0px 0px 0px;
padding: .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;
	background-clip: padding-box;
	box-shadow: 0 1px 1px 0 rgba(236,238,241,0.8);
	display: none;
	position: relative;
	z-index: 1000;
	background: #fff;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #c7c5c1
}
.collapse--content.is--collapsed {
	display: block;
	z-index: 1200
}
.js--collapse-target {
	display: none
}
.js--collapse-target.is--collapsed {
	display: block
}
.ribbon {
	width: 90px;
	width: 5.625rem;
	height: 90px;
	height: 5.625rem;
	position: absolute;
	overflow: hidden;
	z-index: 750
}
.ribbon .ribbon--content {
	padding: 5px 0px 5px 0px;
padding: .3125rem 0rem .3125rem 0rem;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 12px;
	line-height: 0.75rem;
	display: block;
	position: absolute;
	width: 200%;
	text-align: center
}
.ribbon .ribbon--content.green {
	background: #2ecc71;
	color: #ffffff
}
.ribbon .ribbon--content.orange {
	background: #f1c40f;
	color: #ffffff
}
.ribbon.is--left {
	top: 0;
	left: 0
}
.ribbon.is--left .ribbon--content {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 26%;
	right: -40%
}
.ribbon.is--right {
	top: 0;
	right: 0
}
.ribbon.is--right .ribbon--content {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 26%;
	left: -40%
}
.ribbon {
	width: 90px;
	width: 5.625rem;
	height: 90px;
	height: 5.625rem;
	position: absolute;
	overflow: hidden;
	z-index: 750
}
.ribbon .ribbon--content {
	padding: 5px 0px 5px 0px;
padding: .3125rem 0rem .3125rem 0rem;
	font-size: 12px;
font-size: .75rem;
	line-height: 12px;
line-height: .75rem;
	display: block;
	position: absolute;
	width: 200%;
	text-align: center
}
.ribbon .ribbon--content.green {
	background: #00971c;
	color: #fff
}
.ribbon .ribbon--content.orange {
	background: #f1c40f;
	color: #fff
}
.ribbon.is--left {
	top: 0;
	left: 0
}
.ribbon.is--left .ribbon--content {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 26%;
	right: -40%
}
.ribbon.is--right {
	top: 0;
	right: 0
}
.ribbon.is--right .ribbon--content {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 26%;
	left: -40%
}
.product-slider {
	display: block;
	padding: 0;
	position: relative;
	top: 0;
	left: 0
}
.product-slider--container {
	-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::-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: 10px 10px 10px 10px;
    padding: .625rem .625rem .625rem .625rem;
	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;
}
.product-slider--arrow {
	width: 30px;
	width: 1.875rem;
	height: 60px;
	height: 3.75rem;
	margin: -30px 0px 0px 0px;
	margin: -1.875rem 0rem 0rem 0rem;
	line-height: 60px;
	line-height: 3.75rem;
	font-size: 12px;
font-size: .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);
	background: rgba(255,255,255,0.5);
	display: block;
	position: absolute;
	top: 50%;
	z-index: 750;
	font-family: 'shopware';
	text-align: center;
	color: #000;
	border: 1px solid #c7c5c1;
	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: #e01936;
	border-color: #e01936;
	background: rgba(255,255,255,0.8)
}
.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: .375rem;
	left: 50%;
	top: auto
}
.product-slider--arrow.is--vertical.arrow--prev {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background-clip: padding-box;
	top: 0
}
.product-slider--arrow.is--vertical.arrow--prev:before, .product-slider--arrow.is--vertical.arrow--prev::before {
	content: "\e610"
}
.product-slider--arrow.is--vertical.arrow--next {
	bottom: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background-clip: padding-box
}
.product-slider--arrow.is--vertical.arrow--next:before {
	content: "\e612"
}
@media screen and (min-width: 78.75em) {
.product-slider--container.is--horizontal, .product-slider--container.is--vertical {
	overflow: hidden
}
}
.js--modal {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	box-shadow: 0px 0px 0px 7px rgba(0,0,0,0.25);
	box-sizing: content-box;
	opacity: 0;
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: padding-box #fff;
	max-height: 100%;
	max-width: 100%;
	z-index: 7000;
	overflow-x: hidden;
	overflow-y: auto
}
.js--modal .header {
	padding: 10px 10px 10px 10px;
padding: .625rem .625rem .625rem .625rem;
	height: 42px;
	height: 2.625rem;
	border-bottom: 1px solid #c7c5c1
}
.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: .625rem;
	right: 10px;
right: .625rem;
	top: 7px;
top: .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
}
.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: .625rem .625rem .625rem .625rem;
	width: 100%;
	height: 100%;
	border: 0 none;
	display: block
}
.js--modal.sizing--auto.is--fullscreen {
	height: 100% !important;
	width: 100% !important
}
.js--modal.sizing--fixed {
	max-height: none !important;
	max-width: none !important
}
.js--modal.sizing--content {
	position: fixed;
	bottom: auto;
	top: auto;
	height: auto
}
.js--modal.no--header .header {
	display: none
}
.js--modal.no--border-radius {
	border-radius: 0
}
@media screen and (min-width: 48em) {
.js--modal {
	border-radius: 3px;
	background-clip: padding-box
}
}
.js--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;
	border-radius: 100%;
	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 #c7c5c1;
	border-top: 2px solid #8a867e
}
.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)
}
.js--overlay {
	-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;
	-ms-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);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	opacity: .01;
	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  {
	-webkit-transition-delay: 0;
	-moz-transition-delay: 0;
	-ms-transition-delay: 0;
	-o-transition-delay: 0;
	transition-delay: 0;
	opacity: 1;
	visibility: visible
}
.js--overlay.is--closable {
	cursor: pointer;
	opacity: 0;
}
.language--flag {
	height: 11px;
height: .6875rem;
	width: 14px;
width: .875rem;
	background: url("../img/ico-flags.png") no-repeat 0 0;
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}
.language--flag.de_DE {
	background-position: 0 0
}
.language--flag.en_GB {
	background-position: 0 -11px
}
.language--flag.nl_NL {
	background-position: 0 -22px
}
.language--flag.fr_FR {
	background-position: 0 -33px
}
.language--flag.es_ES {
	background-position: 0 -44px
}
.language--flag.it_IT {
	background-position: 0 -55px
}
.tagcloud a {
	color: #000;
	margin: 0px 10px 0px 0px;
margin: 0rem .625rem 0rem 0rem
}
.tagcloud a:hover {
	color: #e01936
}
.tagcloud .tag0 {
	font-size: 21px;
	font-size: 1.3125rem;
	line-height: 21px;
	line-height: 1.3125rem
}
.tagcloud .tag1 {
	font-size: 16px;
	font-size: 1rem;
	line-height: 16px;
	line-height: 1rem;
	font-weight: bold
}
.tagcloud .tag2 {
	font-size: 14px;
font-size: .875rem;
	line-height: 14px;
line-height: .875rem
}
.tagcloud .tag3 {
	font-size: 12px;
font-size: .75rem;
	line-height: 12px;
line-height: .75rem;
	font-weight: bold
}
.last-seen-products {
	margin: 10px 0px 0px 0px;
margin: .625rem 0rem 0rem 0rem;
	clear: both
}
.last-seen-products:after {
	content: "";
	display: table;
	clear: both
}
.last-seen-products .last-seen-products--title {
	padding: 10px 0px 10px 0px;
padding: .625rem 0rem .625rem 0rem;
	border-bottom: 1px solid none;
	font-size: 16px;
	font-size: 1rem;
	display: block;
	font-weight: bold;
	color: #000
}
.last-seen-products--slider {
	border-radius: 3px;
	background-clip: padding-box;
	height: auto
}
.last-seen-products--slider .product--box .product--title {
	text-align: center;
	margin: 0;
	padding: 0
}
.last-seen-products--slider, .last-seen-products--container {
	position: relative;
	overflow: hidden
}
.last-seen-products--container {
	padding: 10px 0px 10px 0px;
padding: .625rem 0rem .625rem 0rem
}
.last-seen-products-item--image {
	line-height: 120px;
	line-height: 7.5rem;
	display: block
}
.last-seen-products--item {
	padding: 10px 10px 10px 10px;
padding: .625rem .625rem .625rem .625rem
}
@media screen and (min-width: 48em) {
.last-seen-products {
	margin: 30px 0px 0px 0px;
	margin: 1.875rem 0rem 0rem 0rem
}
}
.lightbox--container {
	display: block;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	position: relative
}
.lightbox--image {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	vertical-align: middle
}
.list--unordered {
	padding-left: 20px;
	padding-left: 1.25rem;
	list-style-type: none
}
.list--unordered li {
	position: relative;
	line-height: 24px;
	line-height: 1.5rem
}
.list--unordered li:before {
	width: 20px;
	width: 1.25rem;
	font-size: 10px;
font-size: .625rem;
	left: -20px;
	left: -1.25rem;
	font-family: shopware;
	content: "\e6b9";
	position: absolute;
	top: 0
}
.list--unordered.is--disc li {
	position: relative
}
.list--unordered.is--disc li:before {
	width: 20px;
	width: 1.25rem;
	font-size: 10px;
font-size: .625rem;
	left: -20px;
	left: -1.25rem;
	font-family: shopware;
	content: "\e656";
	position: absolute;
	top: 0
}
.list--unordered.is--checked li {
	position: relative
}
.list--unordered.is--checked li:before {
	width: 20px;
	width: 1.25rem;
	font-size: 10px;
font-size: .625rem;
	left: -20px;
	left: -1.25rem;
	font-family: shopware;
	content: "\e60c";
	position: absolute;
	top: 0
}
.list--unordered.is--arrow-right li {
	position: relative
}
.list--unordered.is--arrow-right li:before {
	width: 20px;
	width: 1.25rem;
	font-size: 10px;
font-size: .625rem;
	left: -20px;
	left: -1.25rem;
	font-family: shopware;
	content: "\e60f";
	position: absolute;
	top: 0
}
.list--unordered.is--star li {
	position: relative
}
.list--unordered.is--star li:before {
	width: 20px;
	width: 1.25rem;
	font-size: 10px;
font-size: .625rem;
	left: -20px;
	left: -1.25rem;
	font-family: shopware;
	content: "\e600";
	position: absolute;
	top: 0
}
.list--unordered.is--cross li {
	position: relative
}
.list--unordered.is--cross li:before {
	width: 20px;
	width: 1.25rem;
	font-size: 10px;
font-size: .625rem;
	left: -20px;
	left: -1.25rem;
	font-family: shopware;
	content: "\e60d";
	position: absolute;
	top: 0
}
.list--unordered.is--tag li {
	position: relative
}
.list--unordered.is--tag li:before {
	width: 20px;
	width: 1.25rem;
	font-size: 10px;
font-size: .625rem;
	left: -20px;
	left: -1.25rem;
	font-family: shopware;
	content: "\e640";
	position: absolute;
	top: 0
}
.list--unordered.is--plus li {
	position: relative
}
.list--unordered.is--plus li:before {
	width: 20px;
	width: 1.25rem;
	font-size: 10px;
font-size: .625rem;
	left: -20px;
	left: -1.25rem;
	font-family: shopware;
	content: "\e689";
	position: absolute;
	top: 0
}
.list--unstyled {
	list-style: none
}
.list--inline {
	list-style: none
}
.list--inline li {
	display: inline
}
.image-slider {
	-webkit-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;
	z-index: 1000;
	position: relative
}
.image-slider:after {
	content: "";
	display: table;
	clear: both
}
.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;
	overflow: hidden
}

.image-slider--container, .image--element [data-externaliframesrc] {
    height: 200px;
	height: 12.5rem;
}

.image-slider--container .arrow {
	width: 30px;
	width: 1.875rem;
	height: 70px;
	height: 4.375rem;
	margin-top: -35px;
	margin-top: -2.1875rem;
	line-height: 68px;
	line-height: 4.25rem;
	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);
	background: rgba(255,255,255,0.5);
	border: 1px solid rgba(255,255,255,0.5);
	position: absolute;
	top: 50%;
	z-index: 1000;
	font-family: 'shopware';
	text-align: center;
	color: #000;
	cursor: pointer;
	display: none
}
.image-slider--container .arrow.is--left {
	left: 0px;
	left: 0rem;
	border-top-left-radius: 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 0;
	background-clip: padding-box
}
.image-slider--container .arrow.is--left:before, .image-slider--container .arrow.is--left::before {
	content: "\e611"
}
.image-slider--container .arrow.is--right {
	right: 0px;
	right: 0rem;
	border-top-left-radius: 3px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 3px;
	background-clip: padding-box
}
.image-slider--container .arrow.is--right:before {
	content: "\e60f"
}
.image-slider--container .arrow:hover {
	color: #e01936;
	border-color: rgba(224,25,54,0.5)
}
.image-slider--container.is--dragging .image-slider--item {
	cursor: move
}
.image-slider--slide {
	-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 .image--bonus {
    bottom: 0px;
    bottom: 0em;
    left: 0px;
    left: 0em;
    max-width: 40%;
    position: absolute;    
}

.image-slider--item {
	-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: inline-block;
	height: 100%;
	width: 100%;
	position: relative;
	text-align: center;
	cursor: pointer
}
.image-slider--item .image--element {
	display: inline-block;
	max-width: 100%;
	height: 100%
}
.image-slider--item .image--media {
	margin: 0 auto;
	text-align: center
}

.image-slider--item.video .image--element, .image-slider--item.video .image--media {
	width: 100%;
}

.image-slider--item .image--media iframe {
    height: 100% !important;
	left: 0px;
	top: 0px;
	position: absolute;
	width:100% !important;
}

.image-gallery--modal .image-slider--item .image--media iframe {
	height:80% !important;
	top:10%;
}

.image-slider--dots {
	padding: 10px 0px 10px 0px;
padding: .625rem 0rem .625rem 0rem;
	text-align: center
}
.image-slider--thumbnails {
	height: 70px;
	height: 4.375rem;
	top: 544px;
	top: 34rem;
	display: none;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	left: 0
}
.image-slider--thumbnails .image-slider--thumbnails-slide {
	position: absolute;
	top: 0;
	left: 0
}
.image-slider--thumbnails .thumbnail--link {
	width: 70px;
	width: 4.375rem;
	height: 70px;
	height: 4.375rem;
	padding: 5px 5px 5px 5px;
padding: .3125rem .3125rem .3125rem .3125rem;
	margin: 0px 10px 0px 0px;
margin: 0rem .625rem 0rem 0rem;
	line-height: 57px;
	line-height: 3.5625rem;
	border-radius: 3px;
	background-clip: padding-box;
	-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 #c7c5c1
}
.image-slider--thumbnails .thumbnail--link.is--active {
	border-color: #e01936
}
.image-slider--thumbnails .thumbnail--image {
	display: inline;
	vertical-align: middle
}
.image-slider--thumbnails .thumbnails--arrow {
	width: 20px;
	width: 1.25rem;
	height: 70px;
	height: 4.375rem;
	line-height: 70px;
	line-height: 4.375rem;
	font-size: 14px;
font-size: .875rem;
	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);
	background-color: #fff;
	background-image: -ms-linear-gradient(top, #fff, #f5f3f0);
	background-image: linear-gradient(to bottom, #fff 0%, #f5f3f0 100%);
	display: none;
	position: absolute;
	z-index: 1000;
	font-family: 'shopware';
	text-align: center;
	color: #000;
	border: 1px solid rgba(255,255,255,0.85);
	cursor: pointer;
	background: rgba(255,255,255,0.85)
}
.image-slider--thumbnails .thumbnails--arrow:hover {
	color: #e01936;
	border-color: rgba(224,25,54,0.85)
}
.image-slider--thumbnails .thumbnails--arrow.is--top, .image-slider--thumbnails .thumbnails--arrow.is--bottom {
	font-size: 8px;
font-size: .5rem;
	width: 70px;
	width: 4.375rem;
	height: 24px;
	height: 1.5rem;
	padding: 2px 0px 0px 0px;
padding: .125rem 0rem 0rem 0rem;
	line-height: 18px;
	line-height: 1.125rem;
	left: 0
}
.image-slider--thumbnails .thumbnails--arrow.is--top {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background-clip: padding-box;
	top: 0
}
.image-slider--thumbnails .thumbnails--arrow.is--top::before {
	content: "\e610"
}
.image-slider--thumbnails .thumbnails--arrow.is--bottom {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background-clip: padding-box;
	bottom: 0
}
.image-slider--thumbnails .thumbnails--arrow.is--bottom::before {
	content: "\e612"
}
.image-slider--thumbnails .thumbnails--arrow.is--left {
	border-top-left-radius: 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 0;
	background-clip: padding-box;
	width: 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 {
	border-top-left-radius: 3px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 3px;
	background-clip: padding-box;
	width: 24px;
	width: 1.5rem;
	top: 0;
	right: 0
}
.image-slider--thumbnails .thumbnails--arrow.is--right::before {
	content: "\e60f"
}
.image-slider--thumbnails .thumbnails--arrow.is--active {
	display: block
}
@media screen and (min-width: 48em) {
.image-slider--container, .image--element [data-externaliframesrc] {
	height: 400px;
	height: 25rem
}
.image-slider--container .arrow {
	display: block
}
}
@media screen and (min-width: 64em) {
.image-slider--thumbnails {
	display: block
}
.image-slider--container, .image--element [data-externaliframesrc] {
	height: 400px;
	height: 25rem;
	margin-bottom: 110px;
	margin-bottom: 6.875rem
}
.image-slider--container.no--thumbnails {
	margin-bottom: 0
}
.image-slider--container.no--image .image-slider--item {
	cursor: default
}
.image-slider--dots {
	top: 405px;
	top: 25.3125rem;
	position: absolute;
	width: 100%
}
}
@media screen and (min-width: 78.75em) {
.image-slider--container, .image--element [data-externaliframesrc] {
	height: 430px;
	height: 26.875rem;
	margin-bottom: 0
}
.image-slider--thumbnails {
	width: 70px;
	width: 4.375rem;
	height: 430px;
	height: 26.875rem;
	margin: 0px 20px 0px 0px;
	margin: 0rem 1.25rem 0rem 0rem;
	position: relative;
	top: 0;
	left: 0;
	float: left
}
.image-slider--thumbnails .thumbnail--link {
	margin: 0px 0px 20px 0px;
	margin: 0rem 0rem 1.25rem 0rem;
	display: block
}
.image-slider--dots {
	padding: 10px 0px 10px 90px;
padding: .625rem 0rem .625rem 5.625rem;
	position: relative;
	top: auto;
	display: block
}
}
.js--img-zoom--container {
	position: relative;
	top: 0;
	left: 0
}
.js--img-zoom--lens {
	border-radius: 3px;
	background-clip: padding-box;
	display: none;
	background: rgba(255,255,255,0.4);
	border: 1px solid #c7c5c1;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer
}
.js--img-zoom--flyout {
	width: 500px;
	width: 31.25rem;
	height: 500px;
	height: 31.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 #c7c5c1
}
.js--img-zoom--title {
	display:none;
}
.js--menu-scroller {
	position: relative
}
.navigation--list-wrapper {
	position: relative;
	overflow: hidden
}
.js--menu-scroller--list {
	max-width: none;
	overflow-x: scroll;
	position: relative;
	white-space: nowrap;
	left: 0;
	-webkit-overflow-scrolling: touch
}
.js--menu-scroller--list::-webkit-scrollbar {
display: none
}
.js--menu-scroller--arrow {
	width: 22px;
	width: 1.375rem;
	height: 37px;
	height: 2.3125rem;
	line-height: 36px;
	line-height: 2.25rem;
	font-size: 12px;
font-size: .75rem;
	background-color: #fff;
	background-image: -ms-linear-gradient(top, #fff, #f5f3f0);
	background-image: linear-gradient(to bottom, #fff 0%, #f5f3f0 100%);
	top: 1px;
top: .0625rem;
	border: 1px solid #c7c5c1;
	position: absolute;
	font-family: "shopware";
	text-align: center;
	color: #000;
	cursor: pointer;
	z-index: 750;
	display: none
}
.js--menu-scroller--arrow:hover, .js--menu-scroller--arrow:active {
	color: #e01936;
	border-color: #e01936;
	background: #fff
}
.js--menu-scroller--arrow.left--arrow {
	border-top-left-radius: 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 0;
	background-clip: padding-box;
	border-left: 0 none;
	left: 0
}
.js--menu-scroller--arrow.right--arrow {
	border-top-left-radius: 3px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 3px;
	background-clip: padding-box;
	border-right: 0 none;
	right: 0
}
@media screen and (min-width: 78.75em) {
.js--menu-scroller--arrow.left--arrow {
	border-radius: 3px;
	background-clip: padding-box;
	border: 1px solid #c7c5c1;
	left: 0
}
.js--menu-scroller--arrow.left--arrow:hover {
	border-color: #e01936
}
.js--menu-scroller--arrow.right--arrow {
	border-radius: 3px;
	background-clip: padding-box;
	border: 1px solid #c7c5c1;
	right: 0
}
.js--menu-scroller--arrow.right--arrow:hover {
	border-color: #e01936
}
}


