/*
Mixins
==================================================
The `mixins.less` file contains the imports to all mixin documents that simplify the work with Shopware.

Mixin specific documentation can be found inside each mixin file.

Mixins can be used by adding the mixin class onto an element inside Shopware.

**Example:**<br/>
`.border-radius(3px);`
*/
/*
Appearance mixin
============================================
The mixins provides you a cross-browser compatible method to set the appearance of the element.

Please refer to <http://caniuse.com/appearance> to see the browser support table of the feature.

######Example:
`.appearance([value]);`

`@param {String} type The type you want to use`
*/
/*
Backface visibility mixin
============================================
The mixins provides you a cross-browser compatible method to set the backface-visibility of the element.

Please refer to <http://caniuse.com/transforms3d> to see the browser support table of the feature.

######Example:
`.backface-visibility([value]);`

`@param {String} visibility The visibility you want to use`
*/
/*
Border-radius mixin
=============================================
The mixins provides you a cross-browser compatible method to set a border-radius.

Please refer to <http://caniuse.com/border-radius> to see the browser support table of the feature.

######Syntax:
`@param {String} radius The radius you want to set`<br/>

######Example:
Same border-radius for all edges: <br/>
`.border-radius([pixel-value]);`<br/>

Different border-radius:<br/>
`.border-radius-multi([pixel-value-leftTop], [pixel-value-rightTop], [pixel-value-rightBottom], [pixel-value-leftBottom]);`<br/>

Resetting border radius:<br/>
`.reset-border-radius();`
*/
/*
Box shadow mixin
==============================================
The mixins provides you a cross-browser compatible method to set a box-shadow.

Please refer to <http://caniuse.com/css-boxshadow> to see the browser support table of the feature.

######Example:
`.box-shadow([h-shadow-value], [v-shadow-value], [blur-amount], [spread-amount], [shadow-color]);`

`@param: {Number} x: Offset to the x axis (Default: 0)`<br/>
`@param: {Number} y: Offset to the y axis (Default: 0)`<br/>
`@param: {Number} blur: Bluring radius (Default: 1px)`<br/>
`@param: {String} color: Color of the shadow (Default: #000)`<br/>
*/
/*
Box-sizing mixin
========================================
The mixins provides you a cross-browser compatible method to set the box-sizing which supports IE starting from
version 8 to the newest one.

Please refer to <http://caniuse.com/css3-boxsizing> to see the browser support table of the feature.

######Example:
`.box-sizing:([value]);`

`@param: {String} box-sizing: Box model, which should be used (Default: border-box)`
*/
/*
Clearfix mixin
================================
The clearfix mixin allows the easy integration of the floating-solution method.

The clearfix resolves the problem that occurs when two floating elements are nested inside a parent element, then sometimes the parent elements height disappears.

Add the `.clearfix` class to the parent element.

######Example:
`.clearfix();`

*/
/*
Gradient mixin
====================================================
The mixins provides you a cross-browser compatible method to set a linear gradient which goes from top to bottom.

Please refer to <http://caniuse.com/css-gradients> to see the browser support table of the feature.

Shopware 5 also provides gradient mixins based on the basic color variables that can be changed in the backend theme configuration tool.
######Basic gradients:
`.primary-gradient();`<br/>
`.secondary-gradient();`<br/>
`.white-gradient();`<br/>

######Linear Gradient Example:
`.linear-gradient([startcolor-value], [endcolor-value]);`

`@param {String} start The start color of the gradient`<br/>
`@param {String} end The end color of the gradient`
*/
/*
Opacity
===============================================
The mixins provides you a cross-browser compatible opacity which supports IE starting from version 8 to the
newest one. Safari, Chrome and Firefox are supported in all versions.

Please refer to <http://caniuse.com/css-opacity> to see the browser support table of the feature.

######Example:
`.opacity([value]);`

`@param: {Number} opacity: Value of the opacity, starting from 0 to 1`
*/
/*
Rotate mixin
===============================================
The mixins provides you a cross-browser compatible method to set a transformation which rotates the element. Keep in
mind that you can not mix different transformations.

Please refer to <http://caniuse.com/transforms2d> to see the browser support table of the feature.

######Example:
`.rotate([value]);`

`@param {String} degree The degree value you want to set. Please keep in mind that you need to suffix the unit.`
*/
/*
Scale mixin
===============================
The mixins provides you a cross-browser compatible method to set a transformation which scales the element.
Keep in mind that you can not mix different transformations.

Please refer to <http://caniuse.com/transforms2d> to see the browser support table of the feature.

######Example:
`.scale([value]);`

`@param {String} scale-value The scale value, you want to set`
*/
/*
Touch callout mixin
===========================================
Disables the default callout shown when you touch and hold a touch target.

######Support:
- iOS 2.0<br/>

######Example:
`.touch-callout([value]);`

`@param: {String} type: The type you want to set (Default: none)`
*/
/*
Transform style mixin
======================================
The mixins provides you a cross-browser compatible method to set a transformation style.

Please refer to <http://caniuse.com/transforms3d> to see the browser support table of the feature.

######Example:
`.transform-style([value]);`

`@param {String} Style The style you want for your transformation (Default: preserve-3d)`
*/
/*
Transform origin mixin
======================================
The mixins provides you a cross-browser compatible method to set the transform origin position.

Please refer to <http://caniuse.com/transforms2d> to see the browser support table of the feature.

######Example:
`.transform-origin([x-value],[y-value],[z-value]);`

`@param: x: Sets the origin position on the x axis (Default: 50%)`<br/>
`@param: y: Sets the origin position on the y axis (Default: 50%)`<br/>
`@param: z: Sets the origin position on the z axis (Default: 0)`
*/
/*
Transition mixin
=========================================
The mixins provides you a cross-browser compatible method to set a transition.

Please refer to <http://caniuse.com/css-transitions> to see the browser support table of the feature.

######Example:
`.transition([property], [duration-value], [easing]);`

`@param: {String} properties: The properites which should be animated (Default: all)`<br/>
`@param: {String} duration: Duration of the transition including the unit (Default: 0.3s)`<br/>
`@param: {String} easing: The easing which should be used for the transition (Default: ease-out)`
*/
/*
Translate mixin
============================================
The mixins provides you a cross-browser compatible method to set a transition.

Please refer to <http://caniuse.com/css-transitions> to see the browser support table of the feature.

Keep in mind, that 3d translations are needing an perspective, otherwise the translated elements get skewed up.

######Example:
`.translate([x-value],[y-value],[z-value]);`

`@param: {String} rotateX: The rotation on the x-axis`<br/>
`@param: {String} rotateY: The rotation on the y-axis`<br/>
`@param: {String} rotateZ: The rotation on the z-axis`<br/>
*/
/*
Unitize mixin
================================================
The unitize mixins converts values from px-units to the relative rem-units, providing all the benefits of units like em and rem, without you having to do any calculations yourself.

######Syntax:
`@property` = the property that should be unitized.<br/>
`@value` = pixel-value<br/>
`@baseValue` (optional) = default browser font-size (@remScaleFactor in most cases)<br/>

######Example Unitize mixin with custom property
`.unitize(@property, @value);`<br/>
`.unitize(font-size, 16);`

######Specific built-in functions
In addition to the general `.unitize()` mixin, Shopware contains specific mixins to quickly calculate values which (for example) have more than one property.<br/>
<br/>

`.unitize-height(@value)`<br/>
`.unitize-width(@value)`<br/>
`.unitize-max-height(@value)`<br/>
`.unitize-max-width(@value)`<br/>
`.unitize-min-width(@value)`<br/>
`.unitize-padding(@topValue, @rightValue: @topValue, @bottomValue: @topValue, @leftValue: @rightValue)`<br/>
`.unitize-margin(@topValue, @rightValue: @topValue, @bottomValue: @topValue, @leftValue: @rightValue)`<br/>
`.unitize-variable(@value)`<br/>
*/
/*
User-select mixin
===============================
The mixins provides you a cross-browser compatible method to set a user selection mode.

Please refer to <http://caniuse.com/user-select-none> to see the browser support table of the feature.

######Example:
`.user-select([value]);`

`@param: {String} type: The type you want to set (Default: none)`
*/
/*
Transform mixin
==============================================
The mixins provides you a cross-browser compatible method to set a transformation.

Please refer to <http://caniuse.com/transforms2d> to see the browser support table of the feature.

######Example:
`.transform([value]);`

`@param: {String} properties: The transformation(s) that should be applied`
*/
/*
Tab highlighting mixin
===========================
Sets the color of the highlighting when a link was clicked / tapped.

Please refer to <http://www.browsersupport.net/CSS/-webkit-tap-highlight-color> to see the browser support table of the feature.

######Example:
`.tap-highlight-color([color-value]);`

`@param: {String} color: The color you want to set (Default: rgba(0, 0, 0, 0))`
*/
/*
Keyframe mixin
=============================================
The mixins provides you a cross-browser compatible method to set a keyframe.

Please refer to <http://caniuse.com/#search=keyframe> to see the browser support table of the feature.

######Example:
`.keyframes([name-value], [frames-value]);`

`@param: {String} name: The keyframe animation name`<br/>
`@param: {String} roules: the animation frames`
*/
@-webkit-keyframes keyframe--spin {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes keyframe--spin {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes keyframe--spin-reverse {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes keyframe--spin-reverse {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/*
Animations mixin
============================================
The mixins provides you a cross-browser compatible method to set animation values.

Please refer to <http://caniuse.com/css-animation> to see the browser support table of the feature.

######Example:
`.animation([value]);`

`@param: {String} value: All animation values`
*/
/*
Column count mixin
=============================================
This mixin provides you a cross-browser compatible method to set the column count property.

Please refer to <http://caniuse.com/multicolumn> to see the browser support table of the feature.

######Example:
`.column-count([value]);`

`@param: {Number} count: The amount of columns you want to set (Default: auto)`
*/
/*
Hypheration mixin
======================================
The mixins provides you a cross-browser compatible method to set the hyphenation.

Please refer to <http://caniuse.com/css-hyphens> to see the browser support table of the feature.

######Example:
`.hyphens([value]);`

`@param: {String} hyphenation: The hyphenation that should be used (Default: auto)`
*/
/*
Grabbing cursor
==================================
This mixin provides you a cross-browser compatible method to set the cursor grabbing behavior.

######Example:
`.cursorGrab();`<br/>
`.cursorGrabbing();`<br/>

*/
/*
Clear form button mixin
========================
This mixin removes styles from the button element and makes it look like a text link.
*/
/*
All.less
======================================
The `all.less` file imports all style components that will display on the page.

It includes the plugins `normalize` and `pocketgrid`, the open-sans fontface and the specific less files.
*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner,
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/* PocketGrid 1.1.0
* Copyright 2013 Arnaud Leray
* MIT License
*/
/* 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;
  /* ul/li compatibility */
  list-style-type: none;
  padding: 0;
  margin: 0;
  /** Nested grid */
}
.block-group:before,
.block-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.block-group:after {
  clear: both;
}
.block-group > .block-group {
  clear: none;
  float: left;
  margin: 0 !important;
}
/* Default block */
.block {
  float: left;
  width: 100%;
}
/* BEGIN Light */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('../../themes/Frontend/Responsive/frontend/_public/vendors/fonts/open-sans-fontface/Light/OpenSans-Light.woff2?ad5ea26116') format('woff2'), url('../../themes/Frontend/Responsive/frontend/_public/vendors/fonts/open-sans-fontface/Light/OpenSans-Light.woff?ad5ea26116') format('woff'), url('../../themes/Frontend/Responsive/frontend/_public/vendors/fonts/open-sans-fontface/Light/OpenSans-Light.ttf?ad5ea26116') format('truetype');
  font-weight: 300;
  font-style: normal;
}
/* END Light */
/* BEGIN Regular */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  src: local('Open Sans Regular'), local('Open Sans'), url('../../themes/Frontend/Responsive/frontend/_public/vendors/fonts/open-sans-fontface/Regular/OpenSans-Regular.woff2?ad5ea26116') format('woff2'), url('../../themes/Frontend/Responsive/frontend/_public/vendors/fonts/open-sans-fontface/Regular/OpenSans-Regular.woff?ad5ea26116') format('woff'), url('../../themes/Frontend/Responsive/frontend/_public/vendors/fonts/open-sans-fontface/Regular/OpenSans-Regular.ttf?ad5ea26116') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* END Regular */
/* BEGIN Semibold */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  src: local('Open Sans Semibold'), local('OpenSans-SemiBold'), url('../../themes/Frontend/Responsive/frontend/_public/vendors/fonts/open-sans-fontface/Semibold/OpenSans-Semibold.woff2?ad5ea26116') format('woff2'), url('../../themes/Frontend/Responsive/frontend/_public/vendors/fonts/open-sans-fontface/Semibold/OpenSans-Semibold.woff?ad5ea26116') format('woff'), url('../../themes/Frontend/Responsive/frontend/_public/vendors/fonts/open-sans-fontface/Semibold/OpenSans-Semibold.ttf?ad5ea26116') format('truetype');
  font-weight: 600;
  font-style: normal;
}
/* END Semibold */
/* BEGIN Bold */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../themes/Frontend/Responsive/frontend/_public/vendors/fonts/open-sans-fontface/Bold/OpenSans-Bold.woff2?ad5ea26116') format('woff2'), url('../../themes/Frontend/Responsive/frontend/_public/vendors/fonts/open-sans-fontface/Bold/OpenSans-Bold.woff?ad5ea26116') format('woff'), url('../../themes/Frontend/Responsive/frontend/_public/vendors/fonts/open-sans-fontface/Bold/OpenSans-Bold.ttf?ad5ea26116') format('truetype');
  font-weight: bold;
  font-style: normal;
}
/* END Bold */
/* BEGIN Extrabold */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('../../themes/Frontend/Responsive/frontend/_public/vendors/fonts/open-sans-fontface/ExtraBold/OpenSans-ExtraBold.woff2?ad5ea26116') format('woff2'), url('../../themes/Frontend/Responsive/frontend/_public/vendors/fonts/open-sans-fontface/ExtraBold/OpenSans-ExtraBold.woff?ad5ea26116') format('woff'), url('../../themes/Frontend/Responsive/frontend/_public/vendors/fonts/open-sans-fontface/ExtraBold/OpenSans-ExtraBold.ttf?ad5ea26116') format('truetype');
  font-weight: 800;
  font-style: normal;
}
/* END Extrabold */
/*
Variables
==================================================
The `variables.less` file contains the imports to all variables that Shopware uses.

Most variables are controllable by using the backend theme manager.

Mixin specific documentation can be found inside each mixin file.
*/
/*
Structure
================================
The variables define the widths for the different viewports.

**Structure**<br/>
`@phoneLandscapeViewportWidth` - viewport phone-landscape width *(default: 480px)*<br/>
`@tabletViewportWidth` - viewport tablet width *(default: 768px)*<br/>
`@tabletLandscapeViewportWidth` - viewport tablet-landscape width *(default: 1024px)*<br/>
`@desktopViewportWidth` - viewport desktop width *(default: 1260px)*<br/>
*/
/*
Typography
================================
The variables define the sizes and weights for typographic elements.

The values can be changed with the backend theme manager.

**Base configuration**<br/>
`@font-size-base` - basic font-size *(default: 14)*<br/>
`@font-base-weight` - basic font-weight *(default: 500)*<br/>
`@font-light-weight` - basic light font-weight *(default: 300)*<br/>
`@font-base-stack` - basic font-family stack *(default: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif)*<br/>
`@font-headline-stack` - basic headline font-family stack *(default: @font-base-stack)*<br/>

**Headling font sizes**<br/>
`@font-size-h1` - h1 element font-size *(default: 26)*<br/>
`@font-size-h2` - h2 element font-size *(default: 21)*<br/>
`@font-size-h3` - h3 element font-size *(default: 18)*<br/>
`@font-size-h4` - h4 element font-size *(default: 16)*<br/>
`@font-size-h5` - h5 element font-size *(default: @font-size-base)*<br/>
`@font-size-h6` - h6 element font-size *(default: 12)*<br/>

**Shopware font directory**<br/>
`@font-directory` - font-directory folder (default: "../../fonts")

**Open Sans font directory**<br/>
`@OpenSansPath` - "Open Sans" font-directory folder (default: "./../fonts/open-sans-fontface")


*/
/*
Z-Index
================================
The z-index variables list all different values for the z-index layers used inside the Shopware responsive theme.

**badge.less**<br/>
`@zindex-badge` - *(default: 500)*<br/>

**checkbox.less**<br/>
`@zindex-checkbox-state` - *(default: 60)*<br/>
`@zindex-checkbox-element` - *(default: 65)*<br/>

**collapse.less**<br/>
`@zindex-collapse-content` - *(default: 1000)*<br/>
`@zindex-collapse-header` - *(default: 1100)*<br/>
`@zindex-collapse-content-collapsed` - *(default: 1200)*<br/>
`@zindex-collapse-header-active` - *(default: 1300)*<br/>

**collapse-cart.less**<br/>
`@zindex-collapse-cart` - *(default: 3000)*<br/>
`@zindex-collapse-cart-offcanvas` - *(default: 8000)*<br/>

**datepicker.less**<br/>
`@zindex-datepicker` - *(default: 8100)*<br/>

**emotions.less**<br/>
`@zindex-emotion-mapping-link` - *(default: 110)*<br/>
`@zindex-emotion-image-slider-title` - *(default: 100)*<br/>
`@zindex-emotion-product-slider-content` - *(default: 400)*<br/>
`@zindex-emotion-product-slider-title` - *(default: 500)*<br/>
`@zindex-emotion-overlay` - *(default: 1000)*<br/>
`@zindex-emotion-video-element` - *(default: 1000)*<br/>
`@zindex-emotion-video-text` - *(default: 1100)*<br/>
`@zindex-emotion-video-play-btn` - *(default: 1200)*<br/>
`@zindex-emotion-video-cover` - *(default: 1300)*<br/>

**filter-panel.less**<br/>
`@zindex-filter-panel-flyout` - *(default: 500)*<br/>
`@zindex-filter-panel-flyout-collapsed` - *(default: 800)*<br/>
`@zindex-filter-panel-checkbox` - *(default: 65)*<br/>
`@zindex-filter-panel-checkbox-state` - *(default: 60)*<br/>
`@zindex-filter-panel-radio` - *(default: 65)*<br/>
`@zindex-filter-panel-radio-state` - *(default: 60)*<br/>
`@zindex-filter-panel-media-checkbox` - *(default: 65)*<br/>
`@zindex-filter-panel-rating-star` - *(default: 65)*<br/>


**image-gallery.less**<br/>
`@zindex-image-gallery-button` - *(default: 1)*<br/>

**image-slider.less**<br/>
`@zindex-image-slider` - *(default: 1000)*<br/>
`@zindex-image-slider-arrow` - *(default: 1000)*<br/>

**image-zoom.less**<br/>
`@zindex-image-zoom-flyout` - *(default: 2500)*<br/>

**loading-indicator.less**<br/>
`@zindex-loading-indicator` - *(default: 6000)*<br/>

**menu-scroller.less**<br/>
`@zindex-menu-scoller-arrow` - *(default: 750)*<br/>

**modal.less**<br/>
`@zindex-modalbox` - *(default: 7000)*<br/>

**offcanvas-menu.less**<br/>
`@zindex-offcanvas` - *(default: 8000)*<br/>
`@zindex-offcanvas-higher-viewport` - *(default: 1000)*<br/>

**overlay.less**<br/>
`@zindex-overlay` - *(default: 5000)*<br/>

**panel.less**<br/>
`@zindex-panel-arrow` - *(default: 2000)*<br/>
`@zindex-panel-link` - *(default: 2000)*<br/>

**product-slider.less**<br/>
`@zindex-product-slider` - *(default: 750)*<br/>

###Modules

**cart.less**<br/>
`@zindex-cart-product-image-element` - *(default: 500)*<br/>
`@zindex-cart-premium-product-badge` - *(default: 750)*<br/>

**compare.less**<br/>
`@zindex-compare-list` - *(default: 4000)*<br/>

**configuration.less**<br/>
`@zindex-configurator-option-label` - *(default: 500)*<br/>
`@zindex-configurator-option-input` - *(default: 1000)*<br/>

**configurator.less**<br/>
`@zindex-configurator-option-label` - *(default: 500)*<br/>
`@zindex-configurator-option-input` - *(default: 1000)*<br/>

**detail.less**<br/>
`@zindex-detail-notification-field-focus` - *(default: 1)*<br/>

**footer.less**<br/>
`@zindex-footer-newsletter-field-focus` - *(default: 1)*<br/>

**header.less**<br/>
`@zindex-header-search-form` - *(default: 3000)*<br/>
`@zindex-header-search-button` - *(default: 2)*<br/>
`@zindex-header-search-results` - *(default: 3500)*<br/>
`@zindex-header-language-flag` - *(default: 900)*<br/>
`@zindex-header-service-list` - *(default: 3500)*<br/>

**listing.less**<br/>
`@zindex-listing-filter-header` - *(default: 1100)*<br/>
`@zindex-listing-filter-header-active` - *(default: 1300)*<br/>

**product-box.less**<br/>
`@zindex-product-box-image-element` - *(default: 500)*<br/>
`@zindex-product-box-product-badge` - *(default: 750)*<br/>

**sidebar.less**<br/>
`@zindex-sidebar-language-flag` - *(default: 900)*<br/>
`@zindex-sidebar-offcanvas-overlay` - *(default: 1200)*<br/>
`@zindex-sidebar-offcanvas-overlay-background` - *(default: 1100)*<br/>
`@zindex-sidebar-offcanvas-higher-viewport` - *(default: 1000)*<br/>

*/
/*
Icons
================================
These variables define the character for each icon.

You can use them in your less instead of the `icon--`-classes.

The variable name is always that of the icon prefixed with `sw-`.

Example:
```less
content: @sw-icon-grid;
content: @sw-icon-facebook;
```

The variable `@sw-icon-fontname` contains the name of the font which will be
used for all icons.

For an overview of available variables, visit the
<a href="https://developers.shopware.com/styletile/components.html#icon-set">docs on available icons</a>.
*/
/*
Mixins
==================================================
The `mixins.less` file contains the imports to all mixin documents that simplify the work with Shopware.

Mixin specific documentation can be found inside each mixin file.

Mixins can be used by adding the mixin class onto an element inside Shopware.

**Example:**<br/>
`.border-radius(3px);`
*/
/*
Icon-element mixin
=====================================================
This mixin provides you a method to set any webfont icon from the Shopware icon-set as a before element.

######Example:
`.icon-element([icon-name], [icon-size]);`
*/
.visible--s,
.visible-inline--s,
.visible-inline-block--s,
.visible--m,
.visible-inline--m,
.visible-inline-block--m,
.visible--l,
.visible-inline--l,
.visible-inline-block--l,
.visible--xl,
.visible-inline--xl,
.visible-inline-block--xl {
  display: none !important;
}
.visible--xs {
  display: block !important;
}
table.visible--xs {
  display: table !important;
}
tr.visible--xs {
  display: table-row !important;
}
th.visible--xs,
td.visible--xs {
  display: table-cell !important;
}
.visible-inline--xs {
  display: inline !important;
}
table.visible-inline--xs {
  display: table !important;
}
tr.visible-inline--xs {
  display: table-row !important;
}
th.visible-inline--xs,
td.visible-inline--xs {
  display: table-cell !important;
}
.visible-inline-block--xs {
  display: inline-block !important;
}
table.visible-inline-block--xs {
  display: table !important;
}
tr.visible-inline-block--xs {
  display: table-row !important;
}
th.visible-inline-block--xs,
td.visible-inline-block--xs {
  display: table-cell !important;
}
.hidden--s,
.hidden--m,
.hidden--l,
.hidden--xl {
  display: inherit !important;
}
.hidden--xs {
  display: none !important;
}
@media screen and (min-width: 30em) {
  .visible--xs,
  .visible-inline--xs,
  .visible-inline-block--xs,
  .visible--m,
  .visible-inline--m,
  .visible-inline-block--m,
  .visible--l,
  .visible-inline--l,
  .visible-inline-block--l,
  .visible--xl,
  .visible-inline--xl,
  .visible-inline-block--xl {
    display: none !important;
  }
  .visible--s {
    display: block !important;
  }
  table.visible--s {
    display: table !important;
  }
  tr.visible--s {
    display: table-row !important;
  }
  th.visible--s,
  td.visible--s {
    display: table-cell !important;
  }
  .visible-inline--s {
    display: inline !important;
  }
  table.visible-inline--s {
    display: table !important;
  }
  tr.visible-inline--s {
    display: table-row !important;
  }
  th.visible-inline--s,
  td.visible-inline--s {
    display: table-cell !important;
  }
  .visible-inline-block--s {
    display: inline-block !important;
  }
  table.visible-inline-block--s {
    display: table !important;
  }
  tr.visible-inline-block--s {
    display: table-row !important;
  }
  th.visible-inline-block--s,
  td.visible-inline-block--s {
    display: table-cell !important;
  }
  .hidden--xs,
  .hidden--m,
  .hidden--l,
  .hidden--xl {
    display: inherit !important;
  }
  .hidden--s {
    display: none !important;
  }
}
@media screen and (min-width: 48em) {
  .visible--xs,
  .visible-inline--xs,
  .visible-inline-block--xs,
  .visible--s,
  .visible-inline--s,
  .visible-inline-block--s,
  .visible--l,
  .visible-inline--l,
  .visible-inline-block--l,
  .visible--xl,
  .visible-inline--xl,
  .visible-inline-block--xl {
    display: none !important;
  }
  .visible--m {
    display: block !important;
  }
  table.visible--m {
    display: table !important;
  }
  tr.visible--m {
    display: table-row !important;
  }
  th.visible--m,
  td.visible--m {
    display: table-cell !important;
  }
  .visible-inline--m {
    display: inline !important;
  }
  table.visible-inline--m {
    display: table !important;
  }
  tr.visible-inline--m {
    display: table-row !important;
  }
  th.visible-inline--m,
  td.visible-inline--m {
    display: table-cell !important;
  }
  .visible-inline-block--m {
    display: inline-block !important;
  }
  table.visible-inline-block--m {
    display: table !important;
  }
  tr.visible-inline-block--m {
    display: table-row !important;
  }
  th.visible-inline-block--m,
  td.visible-inline-block--m {
    display: table-cell !important;
  }
  .hidden--xs,
  .hidden--s,
  .hidden--l,
  .hidden--xl {
    display: inherit !important;
  }
  .hidden--m {
    display: none !important;
  }
}
@media screen and (min-width: 64em) {
  .visible--xs,
  .visible-inline--xs,
  .visible-inline-block--xs,
  .visible--s,
  .visible-inline--s,
  .visible-inline-block--s,
  .visible--m,
  .visible-inline--m,
  .visible-inline-block--m,
  .visible--xl,
  .visible-inline--xl,
  .visible-inline-block--xl {
    display: none !important;
  }
  .visible--l {
    display: block !important;
  }
  table.visible--l {
    display: table !important;
  }
  tr.visible--l {
    display: table-row !important;
  }
  th.visible--l,
  td.visible--l {
    display: table-cell !important;
  }
  .visible-inline--l {
    display: inline !important;
  }
  table.visible-inline--l {
    display: table !important;
  }
  tr.visible-inline--l {
    display: table-row !important;
  }
  th.visible-inline--l,
  td.visible-inline--l {
    display: table-cell !important;
  }
  .visible-inline-block--l {
    display: inline-block !important;
  }
  table.visible-inline-block--l {
    display: table !important;
  }
  tr.visible-inline-block--l {
    display: table-row !important;
  }
  th.visible-inline-block--l,
  td.visible-inline-block--l {
    display: table-cell !important;
  }
  .hidden--xs,
  .hidden--s,
  .hidden--m,
  .hidden--xl {
    display: inherit !important;
  }
  .hidden--l {
    display: none !important;
  }
}
@media screen and (min-width: 78.75em) {
  .visible--xs,
  .visible-inline--xs,
  .visible-inline-block--xs,
  .visible--s,
  .visible-inline--s,
  .visible-inline-block--s,
  .visible--m,
  .visible-inline--m,
  .visible-inline-block--m,
  .visible--l,
  .visible-inline--l,
  .visible-inline-block--l {
    display: none !important;
  }
  .visible--xl {
    display: block !important;
  }
  table.visible--xl {
    display: table !important;
  }
  tr.visible--xl {
    display: table-row !important;
  }
  th.visible--xl,
  td.visible--xl {
    display: table-cell !important;
  }
  .visible-inline--xl {
    display: inline !important;
  }
  table.visible-inline--xl {
    display: table !important;
  }
  tr.visible-inline--xl {
    display: table-row !important;
  }
  th.visible-inline--xl,
  td.visible-inline--xl {
    display: table-cell !important;
  }
  .visible-inline-block--xl {
    display: inline-block !important;
  }
  table.visible-inline-block--xl {
    display: table !important;
  }
  tr.visible-inline-block--xl {
    display: table-row !important;
  }
  th.visible-inline-block--xl,
  td.visible-inline-block--xl {
    display: table-cell !important;
  }
  .hidden--xs,
  .hidden--s,
  .hidden--m,
  .hidden--l {
    display: inherit !important;
  }
  .hidden--xl {
    display: none !important;
  }
}
/*
Components
====================================
The `components.less` contains the imports to all styled elements of Shopware.

The files are destinated inside the `_components` folder.
*/
/*
Buttons
===================================================================
######Basic button layout

Creates a basic button. Button type classes can be added by using multiple classes on the `.btn` element.

Adding the class `is--disabled` changes the element to a disabled button.
```
<button class="btn">
    Basic button
</button>

<button class="btn is--disabled">
    Disabled button
</button>
```
*/
.btn {
  padding: 2px 10px 2px 10px;
  padding: 0.125rem 0.625rem 0.125rem 0.625rem;
  line-height: 32px;
  line-height: 2rem;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8fa 100%);
  -webkit-font-smoothing: inherit;
  display: inline-block;
  position: relative;
  font-weight: 700;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  border: 1px solid #dadae5;
  color: #5f7285;
  /** Button icon font size */
  /** Larger icon */
  /*
######Icon alignment

To work properly the button needs the class `is--icon-left` or `is--icon-right` and an `icon` inside it.
```
<button class="btn is--icon-left">
    <i class="icon--account"></i>
    Icon left
</button>

<button class="btn is--icon-right">
    <i class="icon--account"></i>
    Icon right
</button>
```
*/
  /*
######Button size class
Adding a button-size class creates a larger or smaller button or changes the button properies.

Options: `is--large`, `is--small`, `is--full`, `is--center`
```
<button class="btn is--large">
    Large button
</button>

<button class="btn is--small">
    Small button
</button>
```
*/
  /** State: Small button */
  /** State: Medium button */
  /** State: Large button */
  /** State: Button with 100% width */
  /** State: Button with text align center */
}
.btn [class^="icon--"] {
  font-size: 10px;
  font-size: 0.625rem;
}
.btn .is--large {
  font-size: 16px;
  font-size: 1rem;
}
.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: 0.75rem;
  font-weight: 500;
  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: 0.75rem;
  font-weight: 500;
  display: block;
  position: absolute;
  top: 50%;
}
.btn:disabled,
.btn:disabled:hover,
.btn.is--disabled,
.btn.is--disabled:hover {
  opacity: 0.5;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8fa 100%);
  border: 1px solid #dadae5;
  color: #5f7285;
  cursor: not-allowed;
}
.btn:hover {
  background: #ffffff;
  color: #b61934;
  border-color: #b61934;
}
.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;
}
.btn.is--center {
  text-align: center;
}
/*
######Button type class

Options: `is--primary`, `is--secondary`
```
<button class="btn is--primary">
    Primary
</button>

<button class="btn is--secondary">
    Secondary
</button>
```
*/
.is--primary {
  padding: 2px 12px 2px 12px;
  padding: 0.125rem 0.75rem 0.125rem 0.75rem;
  line-height: 34px;
  line-height: 2.125rem;
  background-color: #e82446;
  background-image: linear-gradient(to bottom, #e82446 0%, #b61934 100%);
  border: 0 none;
  color: #ffffff;
  /** State: Small button */
  /** State: Large button */
}
.is--primary:hover {
  background: #b61934;
  color: #ffffff;
}
.is--primary.is--small {
  line-height: 30px;
  line-height: 1.875rem;
}
.is--primary.is--large {
  line-height: 38px;
  line-height: 2.375rem;
}
.is--secondary {
  padding: 2px 12px 2px 12px;
  padding: 0.125rem 0.75rem 0.125rem 0.75rem;
  line-height: 34px;
  line-height: 2.125rem;
  background-color: #5f7285;
  background-image: linear-gradient(to bottom, #5f7285 0%, #3f4c58 100%);
  border: 0 none;
  color: #ffffff;
  /** State: Small button */
  /** State: Large button */
}
.is--secondary:hover {
  background: #3f4c58;
  color: #ffffff;
}
.is--secondary.is--small {
  line-height: 30px;
  line-height: 1.875rem;
}
.is--secondary.is--large {
  line-height: 38px;
  line-height: 2.375rem;
}
.is--link {
  padding: 2px 12px 2px 12px;
  padding: 0.125rem 0.75rem 0.125rem 0.75rem;
  line-height: 34px;
  line-height: 2.125rem;
  border: 0 none;
  background: transparent;
  color: #5f7285;
  /** State: Small button */
  /** State: Large button */
}
.is--link:hover {
  color: #b61934;
}
.is--link.is--small {
  line-height: 30px;
  line-height: 1.875rem;
}
.is--link.is--large {
  line-height: 38px;
  line-height: 2.375rem;
}
/*
Basic layout container
======================================
The container element is the parent element for the content section of Shopware 5.

It contains the other content elements and keeps them in place.

It has a set `unitize-max-width` of `1260px` and the clearfix mixin assigned.

```
<div class="container">
    <p>Container element</p>
</div>
```
*/
.container {
  max-width: 1260px;
  max-width: 78.75rem;
  background: #fff;
  margin: 0 auto;
  width: 100%;
}
.container:after {
  content: "";
  display: table;
  clear: both;
}
/*
Delivery information
=========================================
Defines the delivery status for products (e.g. detail page, note).

The styling includes the base styling and the delivery states.


```
<div class="product--delivery">
    <p class="delivery--information">
        <span class="delivery--text delivery--text-available">
            <i class="delivery--status-icon delivery--status-available"></i>
            delivery--text-available
        </span>
    </p>
</div>

<div class="product--delivery">
    <p class="delivery--information">
        <span class="delivery--text delivery--text-more-is-coming">
            <i class="delivery--status-icon delivery--status-more-is-coming"></i>
            delivery--text-more-is-coming
        </span>
    </p>
</div>

<div class="product--delivery">
    <p class="delivery--information">
        <span class="delivery--text delivery--text-shipping-free">
            <i class="delivery--status-icon delivery--status-shipping-free"></i>
            delivery--text-shipping-free
        </span>
    </p>
</div>

<div class="product--delivery">
    <p class="delivery--information">
        <span class="delivery--text delivery--text-not-available">
            <i class="delivery--status-icon delivery--status-not-available"></i>
            delivery--text-not-available
        </span>
    </p>
</div>
```
*/
.product--delivery {
  font-size: 14px;
  font-size: 0.875rem;
}
.product--delivery p {
  margin: 0;
}
.product--delivery .delivery--status-icon {
  border-radius: 0.5625rem;
  background-clip: padding-box;
  margin: 0px 5px 0px 0px;
  margin: 0rem 0.3125rem 0rem 0rem;
  width: 9px;
  width: 0.5625rem;
  height: 9px;
  height: 0.5625rem;
  line-height: 10px;
  line-height: 0.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: #008a39;
}
.product--delivery .delivery--text-available {
  color: #008a39;
}
.product--delivery .delivery--status-more-is-coming {
  background: #f1c40f;
}
.product--delivery .delivery--text-more-is-coming {
  color: #f1c40f;
}
.product--delivery .delivery--status-not-available {
  background: #e74c3c;
}
.product--delivery .delivery--text-not-available {
  color: #e74c3c;
}
.product--delivery .delivery--text {
  margin: 0;
  display: inline-block;
}
/*
Emotions
=========================================
Contains the basic styles for the Shopware 5 shopping worlds and its elements.

Shopware 5 provides 11 integrated elements inside the shopping worlds that can be chosen and modified inside the backend shopping world editor such as sliders, video elements and blog-articles.
*/
.content-main.is--fullscreen {
  box-shadow: none;
  max-width: none;
  padding: 0;
  margin: 0;
}
.content-main.is--fullscreen .content,
.content-main.is--fullscreen .content-main--inner {
  padding: 0;
  margin: 0 auto;
}
.content-main.is--fullscreen .content--breadcrumb,
.content-main.is--fullscreen .tagcloud--content,
.content-main.is--fullscreen .last-seen-products {
  display: none;
}
.content-main.is--fullscreen .listing--wrapper {
  max-width: 1160px;
  max-width: 72.5rem;
  padding: 20px 10px 20px 10px;
  padding: 1.25rem 0.625rem 1.25rem 0.625rem;
  margin: 0 auto;
}
@media screen and (min-width: 48em) {
  .content-main.is--fullscreen .listing--wrapper {
    padding: 20px 30px 20px 30px;
    padding: 1.25rem 1.875rem 1.25rem 1.875rem;
  }
}
@media screen and (min-width: 78.75em) {
  .content-main.is--fullscreen .listing--wrapper {
    padding: 20px 0px 20px 0px;
    padding: 1.25rem 0rem 1.25rem 0rem;
  }
}
.emotion--overlay {
  width: 50px;
  width: 3.125rem;
  height: 50px;
  height: 3.125rem;
  top: 50px;
  top: 3.125rem;
  border-radius: 3px;
  background-clip: padding-box;
  margin: 0 auto;
  position: relative;
  left: 0;
  z-index: 1000;
}
.emotion--overlay .emotion--loading-indicator {
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.emotion--overlay ~ .content-main {
  min-height: 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 {
  border-radius: 100%;
  background-clip: padding-box;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: block;
  content: "";
  border-width: 2px;
  border-style: solid;
  border-color: #333 #CCC #CCC #CCC;
}
.content--emotions {
  display: block;
}
body.emotion--preview {
  background: #ffffff;
}
body.emotion--preview .content-main {
  box-shadow: none;
  margin: 0;
}
.emotion--show-listing {
  margin: 20px 0px 20px 0px;
  margin: 1.25rem 0rem 1.25rem 0rem;
}
.emotion--wrapper {
  display: block;
  margin: 0 auto;
  max-width: 1160px;
  overflow: hidden;
}
.emotion--wrapper.is--fullscreen {
  max-width: none;
}
.emotion--container {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  background: #fff;
}
.emotion--container:after {
  content: "";
  display: table;
  clear: both;
}
.emotion--container.emotion--mode-resize {
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}
.emotion--container.emotion--mode-rows .emotion--sizer,
.emotion--container.emotion--mode-rows .emotion--sizer-xs,
.emotion--container.emotion--mode-rows .emotion--sizer-s,
.emotion--container.emotion--mode-rows .emotion--sizer-m,
.emotion--container.emotion--mode-rows .emotion--sizer-l,
.emotion--container.emotion--mode-rows .emotion--sizer-xl {
  display: none;
}
.emotion--container.emotion--mode-rows .emotion--row:after {
  content: "";
  display: table;
  clear: both;
}
.emotion--container.emotion--column-1 .col-1 {
  width: 100%;
}
.emotion--container.emotion--column-1 .start-col-1 {
  left: 0%;
}
.emotion--container.emotion--column-1 .col-xs-1 {
  width: 100%;
}
.emotion--container.emotion--column-1 .start-col-xs-1 {
  left: 0%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-1 .col-s-1 {
    width: 100%;
  }
  .emotion--container.emotion--column-1 .start-col-s-1 {
    left: 0%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-1 .col-m-1 {
    width: 100%;
  }
  .emotion--container.emotion--column-1 .start-col-m-1 {
    left: 0%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-1 .col-l-1 {
    width: 100%;
  }
  .emotion--container.emotion--column-1 .start-col-l-1 {
    left: 0%;
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-1 .col-xl-1 {
    width: 100%;
  }
  .emotion--container.emotion--column-1 .start-col-xl-1 {
    left: 0%;
  }
}
.emotion--container.emotion--column-2 .col-1 {
  width: 50%;
}
.emotion--container.emotion--column-2 .start-col-1 {
  left: 0%;
}
.emotion--container.emotion--column-2 .col-2 {
  width: 100%;
}
.emotion--container.emotion--column-2 .start-col-2 {
  left: 50%;
}
.emotion--container.emotion--column-2 .col-xs-1 {
  width: 50%;
}
.emotion--container.emotion--column-2 .start-col-xs-1 {
  left: 0%;
}
.emotion--container.emotion--column-2 .col-xs-2 {
  width: 100%;
}
.emotion--container.emotion--column-2 .start-col-xs-2 {
  left: 50%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-2 .col-s-1 {
    width: 50%;
  }
  .emotion--container.emotion--column-2 .start-col-s-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-2 .col-s-2 {
    width: 100%;
  }
  .emotion--container.emotion--column-2 .start-col-s-2 {
    left: 50%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-2 .col-m-1 {
    width: 50%;
  }
  .emotion--container.emotion--column-2 .start-col-m-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-2 .col-m-2 {
    width: 100%;
  }
  .emotion--container.emotion--column-2 .start-col-m-2 {
    left: 50%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-2 .col-l-1 {
    width: 50%;
  }
  .emotion--container.emotion--column-2 .start-col-l-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-2 .col-l-2 {
    width: 100%;
  }
  .emotion--container.emotion--column-2 .start-col-l-2 {
    left: 50%;
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-2 .col-xl-1 {
    width: 50%;
  }
  .emotion--container.emotion--column-2 .start-col-xl-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-2 .col-xl-2 {
    width: 100%;
  }
  .emotion--container.emotion--column-2 .start-col-xl-2 {
    left: 50%;
  }
}
.emotion--container.emotion--column-3 .col-1 {
  width: 33.33333333%;
}
.emotion--container.emotion--column-3 .start-col-1 {
  left: 0%;
}
.emotion--container.emotion--column-3 .col-2 {
  width: 66.66666667%;
}
.emotion--container.emotion--column-3 .start-col-2 {
  left: 33.33333333%;
}
.emotion--container.emotion--column-3 .col-3 {
  width: 100%;
}
.emotion--container.emotion--column-3 .start-col-3 {
  left: 66.66666667%;
}
.emotion--container.emotion--column-3 .col-xs-1 {
  width: 33.33333333%;
}
.emotion--container.emotion--column-3 .start-col-xs-1 {
  left: 0%;
}
.emotion--container.emotion--column-3 .col-xs-2 {
  width: 66.66666667%;
}
.emotion--container.emotion--column-3 .start-col-xs-2 {
  left: 33.33333333%;
}
.emotion--container.emotion--column-3 .col-xs-3 {
  width: 100%;
}
.emotion--container.emotion--column-3 .start-col-xs-3 {
  left: 66.66666667%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-3 .col-s-1 {
    width: 33.33333333%;
  }
  .emotion--container.emotion--column-3 .start-col-s-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-3 .col-s-2 {
    width: 66.66666667%;
  }
  .emotion--container.emotion--column-3 .start-col-s-2 {
    left: 33.33333333%;
  }
  .emotion--container.emotion--column-3 .col-s-3 {
    width: 100%;
  }
  .emotion--container.emotion--column-3 .start-col-s-3 {
    left: 66.66666667%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-3 .col-m-1 {
    width: 33.33333333%;
  }
  .emotion--container.emotion--column-3 .start-col-m-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-3 .col-m-2 {
    width: 66.66666667%;
  }
  .emotion--container.emotion--column-3 .start-col-m-2 {
    left: 33.33333333%;
  }
  .emotion--container.emotion--column-3 .col-m-3 {
    width: 100%;
  }
  .emotion--container.emotion--column-3 .start-col-m-3 {
    left: 66.66666667%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-3 .col-l-1 {
    width: 33.33333333%;
  }
  .emotion--container.emotion--column-3 .start-col-l-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-3 .col-l-2 {
    width: 66.66666667%;
  }
  .emotion--container.emotion--column-3 .start-col-l-2 {
    left: 33.33333333%;
  }
  .emotion--container.emotion--column-3 .col-l-3 {
    width: 100%;
  }
  .emotion--container.emotion--column-3 .start-col-l-3 {
    left: 66.66666667%;
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-3 .col-xl-1 {
    width: 33.33333333%;
  }
  .emotion--container.emotion--column-3 .start-col-xl-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-3 .col-xl-2 {
    width: 66.66666667%;
  }
  .emotion--container.emotion--column-3 .start-col-xl-2 {
    left: 33.33333333%;
  }
  .emotion--container.emotion--column-3 .col-xl-3 {
    width: 100%;
  }
  .emotion--container.emotion--column-3 .start-col-xl-3 {
    left: 66.66666667%;
  }
}
.emotion--container.emotion--column-4 .col-1 {
  width: 25%;
}
.emotion--container.emotion--column-4 .start-col-1 {
  left: 0%;
}
.emotion--container.emotion--column-4 .col-2 {
  width: 50%;
}
.emotion--container.emotion--column-4 .start-col-2 {
  left: 25%;
}
.emotion--container.emotion--column-4 .col-3 {
  width: 75%;
}
.emotion--container.emotion--column-4 .start-col-3 {
  left: 50%;
}
.emotion--container.emotion--column-4 .col-4 {
  width: 100%;
}
.emotion--container.emotion--column-4 .start-col-4 {
  left: 75%;
}
.emotion--container.emotion--column-4 .col-xs-1 {
  width: 25%;
}
.emotion--container.emotion--column-4 .start-col-xs-1 {
  left: 0%;
}
.emotion--container.emotion--column-4 .col-xs-2 {
  width: 50%;
}
.emotion--container.emotion--column-4 .start-col-xs-2 {
  left: 25%;
}
.emotion--container.emotion--column-4 .col-xs-3 {
  width: 75%;
}
.emotion--container.emotion--column-4 .start-col-xs-3 {
  left: 50%;
}
.emotion--container.emotion--column-4 .col-xs-4 {
  width: 100%;
}
.emotion--container.emotion--column-4 .start-col-xs-4 {
  left: 75%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-4 .col-s-1 {
    width: 25%;
  }
  .emotion--container.emotion--column-4 .start-col-s-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-4 .col-s-2 {
    width: 50%;
  }
  .emotion--container.emotion--column-4 .start-col-s-2 {
    left: 25%;
  }
  .emotion--container.emotion--column-4 .col-s-3 {
    width: 75%;
  }
  .emotion--container.emotion--column-4 .start-col-s-3 {
    left: 50%;
  }
  .emotion--container.emotion--column-4 .col-s-4 {
    width: 100%;
  }
  .emotion--container.emotion--column-4 .start-col-s-4 {
    left: 75%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-4 .col-m-1 {
    width: 25%;
  }
  .emotion--container.emotion--column-4 .start-col-m-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-4 .col-m-2 {
    width: 50%;
  }
  .emotion--container.emotion--column-4 .start-col-m-2 {
    left: 25%;
  }
  .emotion--container.emotion--column-4 .col-m-3 {
    width: 75%;
  }
  .emotion--container.emotion--column-4 .start-col-m-3 {
    left: 50%;
  }
  .emotion--container.emotion--column-4 .col-m-4 {
    width: 100%;
  }
  .emotion--container.emotion--column-4 .start-col-m-4 {
    left: 75%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-4 .col-l-1 {
    width: 25%;
  }
  .emotion--container.emotion--column-4 .start-col-l-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-4 .col-l-2 {
    width: 50%;
  }
  .emotion--container.emotion--column-4 .start-col-l-2 {
    left: 25%;
  }
  .emotion--container.emotion--column-4 .col-l-3 {
    width: 75%;
  }
  .emotion--container.emotion--column-4 .start-col-l-3 {
    left: 50%;
  }
  .emotion--container.emotion--column-4 .col-l-4 {
    width: 100%;
  }
  .emotion--container.emotion--column-4 .start-col-l-4 {
    left: 75%;
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-4 .col-xl-1 {
    width: 25%;
  }
  .emotion--container.emotion--column-4 .start-col-xl-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-4 .col-xl-2 {
    width: 50%;
  }
  .emotion--container.emotion--column-4 .start-col-xl-2 {
    left: 25%;
  }
  .emotion--container.emotion--column-4 .col-xl-3 {
    width: 75%;
  }
  .emotion--container.emotion--column-4 .start-col-xl-3 {
    left: 50%;
  }
  .emotion--container.emotion--column-4 .col-xl-4 {
    width: 100%;
  }
  .emotion--container.emotion--column-4 .start-col-xl-4 {
    left: 75%;
  }
}
.emotion--container.emotion--column-5 .col-1 {
  width: 20%;
}
.emotion--container.emotion--column-5 .start-col-1 {
  left: 0%;
}
.emotion--container.emotion--column-5 .col-2 {
  width: 40%;
}
.emotion--container.emotion--column-5 .start-col-2 {
  left: 20%;
}
.emotion--container.emotion--column-5 .col-3 {
  width: 60%;
}
.emotion--container.emotion--column-5 .start-col-3 {
  left: 40%;
}
.emotion--container.emotion--column-5 .col-4 {
  width: 80%;
}
.emotion--container.emotion--column-5 .start-col-4 {
  left: 60%;
}
.emotion--container.emotion--column-5 .col-5 {
  width: 100%;
}
.emotion--container.emotion--column-5 .start-col-5 {
  left: 80%;
}
.emotion--container.emotion--column-5 .col-xs-1 {
  width: 20%;
}
.emotion--container.emotion--column-5 .start-col-xs-1 {
  left: 0%;
}
.emotion--container.emotion--column-5 .col-xs-2 {
  width: 40%;
}
.emotion--container.emotion--column-5 .start-col-xs-2 {
  left: 20%;
}
.emotion--container.emotion--column-5 .col-xs-3 {
  width: 60%;
}
.emotion--container.emotion--column-5 .start-col-xs-3 {
  left: 40%;
}
.emotion--container.emotion--column-5 .col-xs-4 {
  width: 80%;
}
.emotion--container.emotion--column-5 .start-col-xs-4 {
  left: 60%;
}
.emotion--container.emotion--column-5 .col-xs-5 {
  width: 100%;
}
.emotion--container.emotion--column-5 .start-col-xs-5 {
  left: 80%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-5 .col-s-1 {
    width: 20%;
  }
  .emotion--container.emotion--column-5 .start-col-s-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-5 .col-s-2 {
    width: 40%;
  }
  .emotion--container.emotion--column-5 .start-col-s-2 {
    left: 20%;
  }
  .emotion--container.emotion--column-5 .col-s-3 {
    width: 60%;
  }
  .emotion--container.emotion--column-5 .start-col-s-3 {
    left: 40%;
  }
  .emotion--container.emotion--column-5 .col-s-4 {
    width: 80%;
  }
  .emotion--container.emotion--column-5 .start-col-s-4 {
    left: 60%;
  }
  .emotion--container.emotion--column-5 .col-s-5 {
    width: 100%;
  }
  .emotion--container.emotion--column-5 .start-col-s-5 {
    left: 80%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-5 .col-m-1 {
    width: 20%;
  }
  .emotion--container.emotion--column-5 .start-col-m-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-5 .col-m-2 {
    width: 40%;
  }
  .emotion--container.emotion--column-5 .start-col-m-2 {
    left: 20%;
  }
  .emotion--container.emotion--column-5 .col-m-3 {
    width: 60%;
  }
  .emotion--container.emotion--column-5 .start-col-m-3 {
    left: 40%;
  }
  .emotion--container.emotion--column-5 .col-m-4 {
    width: 80%;
  }
  .emotion--container.emotion--column-5 .start-col-m-4 {
    left: 60%;
  }
  .emotion--container.emotion--column-5 .col-m-5 {
    width: 100%;
  }
  .emotion--container.emotion--column-5 .start-col-m-5 {
    left: 80%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-5 .col-l-1 {
    width: 20%;
  }
  .emotion--container.emotion--column-5 .start-col-l-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-5 .col-l-2 {
    width: 40%;
  }
  .emotion--container.emotion--column-5 .start-col-l-2 {
    left: 20%;
  }
  .emotion--container.emotion--column-5 .col-l-3 {
    width: 60%;
  }
  .emotion--container.emotion--column-5 .start-col-l-3 {
    left: 40%;
  }
  .emotion--container.emotion--column-5 .col-l-4 {
    width: 80%;
  }
  .emotion--container.emotion--column-5 .start-col-l-4 {
    left: 60%;
  }
  .emotion--container.emotion--column-5 .col-l-5 {
    width: 100%;
  }
  .emotion--container.emotion--column-5 .start-col-l-5 {
    left: 80%;
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-5 .col-xl-1 {
    width: 20%;
  }
  .emotion--container.emotion--column-5 .start-col-xl-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-5 .col-xl-2 {
    width: 40%;
  }
  .emotion--container.emotion--column-5 .start-col-xl-2 {
    left: 20%;
  }
  .emotion--container.emotion--column-5 .col-xl-3 {
    width: 60%;
  }
  .emotion--container.emotion--column-5 .start-col-xl-3 {
    left: 40%;
  }
  .emotion--container.emotion--column-5 .col-xl-4 {
    width: 80%;
  }
  .emotion--container.emotion--column-5 .start-col-xl-4 {
    left: 60%;
  }
  .emotion--container.emotion--column-5 .col-xl-5 {
    width: 100%;
  }
  .emotion--container.emotion--column-5 .start-col-xl-5 {
    left: 80%;
  }
}
.emotion--container.emotion--column-6 .col-1 {
  width: 16.66666667%;
}
.emotion--container.emotion--column-6 .start-col-1 {
  left: 0%;
}
.emotion--container.emotion--column-6 .col-2 {
  width: 33.33333333%;
}
.emotion--container.emotion--column-6 .start-col-2 {
  left: 16.66666667%;
}
.emotion--container.emotion--column-6 .col-3 {
  width: 50%;
}
.emotion--container.emotion--column-6 .start-col-3 {
  left: 33.33333333%;
}
.emotion--container.emotion--column-6 .col-4 {
  width: 66.66666667%;
}
.emotion--container.emotion--column-6 .start-col-4 {
  left: 50%;
}
.emotion--container.emotion--column-6 .col-5 {
  width: 83.33333333%;
}
.emotion--container.emotion--column-6 .start-col-5 {
  left: 66.66666667%;
}
.emotion--container.emotion--column-6 .col-6 {
  width: 100%;
}
.emotion--container.emotion--column-6 .start-col-6 {
  left: 83.33333333%;
}
.emotion--container.emotion--column-6 .col-xs-1 {
  width: 16.66666667%;
}
.emotion--container.emotion--column-6 .start-col-xs-1 {
  left: 0%;
}
.emotion--container.emotion--column-6 .col-xs-2 {
  width: 33.33333333%;
}
.emotion--container.emotion--column-6 .start-col-xs-2 {
  left: 16.66666667%;
}
.emotion--container.emotion--column-6 .col-xs-3 {
  width: 50%;
}
.emotion--container.emotion--column-6 .start-col-xs-3 {
  left: 33.33333333%;
}
.emotion--container.emotion--column-6 .col-xs-4 {
  width: 66.66666667%;
}
.emotion--container.emotion--column-6 .start-col-xs-4 {
  left: 50%;
}
.emotion--container.emotion--column-6 .col-xs-5 {
  width: 83.33333333%;
}
.emotion--container.emotion--column-6 .start-col-xs-5 {
  left: 66.66666667%;
}
.emotion--container.emotion--column-6 .col-xs-6 {
  width: 100%;
}
.emotion--container.emotion--column-6 .start-col-xs-6 {
  left: 83.33333333%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-6 .col-s-1 {
    width: 16.66666667%;
  }
  .emotion--container.emotion--column-6 .start-col-s-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-6 .col-s-2 {
    width: 33.33333333%;
  }
  .emotion--container.emotion--column-6 .start-col-s-2 {
    left: 16.66666667%;
  }
  .emotion--container.emotion--column-6 .col-s-3 {
    width: 50%;
  }
  .emotion--container.emotion--column-6 .start-col-s-3 {
    left: 33.33333333%;
  }
  .emotion--container.emotion--column-6 .col-s-4 {
    width: 66.66666667%;
  }
  .emotion--container.emotion--column-6 .start-col-s-4 {
    left: 50%;
  }
  .emotion--container.emotion--column-6 .col-s-5 {
    width: 83.33333333%;
  }
  .emotion--container.emotion--column-6 .start-col-s-5 {
    left: 66.66666667%;
  }
  .emotion--container.emotion--column-6 .col-s-6 {
    width: 100%;
  }
  .emotion--container.emotion--column-6 .start-col-s-6 {
    left: 83.33333333%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-6 .col-m-1 {
    width: 16.66666667%;
  }
  .emotion--container.emotion--column-6 .start-col-m-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-6 .col-m-2 {
    width: 33.33333333%;
  }
  .emotion--container.emotion--column-6 .start-col-m-2 {
    left: 16.66666667%;
  }
  .emotion--container.emotion--column-6 .col-m-3 {
    width: 50%;
  }
  .emotion--container.emotion--column-6 .start-col-m-3 {
    left: 33.33333333%;
  }
  .emotion--container.emotion--column-6 .col-m-4 {
    width: 66.66666667%;
  }
  .emotion--container.emotion--column-6 .start-col-m-4 {
    left: 50%;
  }
  .emotion--container.emotion--column-6 .col-m-5 {
    width: 83.33333333%;
  }
  .emotion--container.emotion--column-6 .start-col-m-5 {
    left: 66.66666667%;
  }
  .emotion--container.emotion--column-6 .col-m-6 {
    width: 100%;
  }
  .emotion--container.emotion--column-6 .start-col-m-6 {
    left: 83.33333333%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-6 .col-l-1 {
    width: 16.66666667%;
  }
  .emotion--container.emotion--column-6 .start-col-l-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-6 .col-l-2 {
    width: 33.33333333%;
  }
  .emotion--container.emotion--column-6 .start-col-l-2 {
    left: 16.66666667%;
  }
  .emotion--container.emotion--column-6 .col-l-3 {
    width: 50%;
  }
  .emotion--container.emotion--column-6 .start-col-l-3 {
    left: 33.33333333%;
  }
  .emotion--container.emotion--column-6 .col-l-4 {
    width: 66.66666667%;
  }
  .emotion--container.emotion--column-6 .start-col-l-4 {
    left: 50%;
  }
  .emotion--container.emotion--column-6 .col-l-5 {
    width: 83.33333333%;
  }
  .emotion--container.emotion--column-6 .start-col-l-5 {
    left: 66.66666667%;
  }
  .emotion--container.emotion--column-6 .col-l-6 {
    width: 100%;
  }
  .emotion--container.emotion--column-6 .start-col-l-6 {
    left: 83.33333333%;
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-6 .col-xl-1 {
    width: 16.66666667%;
  }
  .emotion--container.emotion--column-6 .start-col-xl-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-6 .col-xl-2 {
    width: 33.33333333%;
  }
  .emotion--container.emotion--column-6 .start-col-xl-2 {
    left: 16.66666667%;
  }
  .emotion--container.emotion--column-6 .col-xl-3 {
    width: 50%;
  }
  .emotion--container.emotion--column-6 .start-col-xl-3 {
    left: 33.33333333%;
  }
  .emotion--container.emotion--column-6 .col-xl-4 {
    width: 66.66666667%;
  }
  .emotion--container.emotion--column-6 .start-col-xl-4 {
    left: 50%;
  }
  .emotion--container.emotion--column-6 .col-xl-5 {
    width: 83.33333333%;
  }
  .emotion--container.emotion--column-6 .start-col-xl-5 {
    left: 66.66666667%;
  }
  .emotion--container.emotion--column-6 .col-xl-6 {
    width: 100%;
  }
  .emotion--container.emotion--column-6 .start-col-xl-6 {
    left: 83.33333333%;
  }
}
.emotion--container.emotion--column-7 .col-1 {
  width: 14.28571429%;
}
.emotion--container.emotion--column-7 .start-col-1 {
  left: 0%;
}
.emotion--container.emotion--column-7 .col-2 {
  width: 28.57142857%;
}
.emotion--container.emotion--column-7 .start-col-2 {
  left: 14.28571429%;
}
.emotion--container.emotion--column-7 .col-3 {
  width: 42.85714286%;
}
.emotion--container.emotion--column-7 .start-col-3 {
  left: 28.57142857%;
}
.emotion--container.emotion--column-7 .col-4 {
  width: 57.14285714%;
}
.emotion--container.emotion--column-7 .start-col-4 {
  left: 42.85714286%;
}
.emotion--container.emotion--column-7 .col-5 {
  width: 71.42857143000001%;
}
.emotion--container.emotion--column-7 .start-col-5 {
  left: 57.14285714%;
}
.emotion--container.emotion--column-7 .col-6 {
  width: 85.71428571%;
}
.emotion--container.emotion--column-7 .start-col-6 {
  left: 71.42857143000001%;
}
.emotion--container.emotion--column-7 .col-7 {
  width: 100%;
}
.emotion--container.emotion--column-7 .start-col-7 {
  left: 85.71428571%;
}
.emotion--container.emotion--column-7 .col-xs-1 {
  width: 14.28571429%;
}
.emotion--container.emotion--column-7 .start-col-xs-1 {
  left: 0%;
}
.emotion--container.emotion--column-7 .col-xs-2 {
  width: 28.57142857%;
}
.emotion--container.emotion--column-7 .start-col-xs-2 {
  left: 14.28571429%;
}
.emotion--container.emotion--column-7 .col-xs-3 {
  width: 42.85714286%;
}
.emotion--container.emotion--column-7 .start-col-xs-3 {
  left: 28.57142857%;
}
.emotion--container.emotion--column-7 .col-xs-4 {
  width: 57.14285714%;
}
.emotion--container.emotion--column-7 .start-col-xs-4 {
  left: 42.85714286%;
}
.emotion--container.emotion--column-7 .col-xs-5 {
  width: 71.42857143000001%;
}
.emotion--container.emotion--column-7 .start-col-xs-5 {
  left: 57.14285714%;
}
.emotion--container.emotion--column-7 .col-xs-6 {
  width: 85.71428571%;
}
.emotion--container.emotion--column-7 .start-col-xs-6 {
  left: 71.42857143000001%;
}
.emotion--container.emotion--column-7 .col-xs-7 {
  width: 100%;
}
.emotion--container.emotion--column-7 .start-col-xs-7 {
  left: 85.71428571%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-7 .col-s-1 {
    width: 14.28571429%;
  }
  .emotion--container.emotion--column-7 .start-col-s-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-7 .col-s-2 {
    width: 28.57142857%;
  }
  .emotion--container.emotion--column-7 .start-col-s-2 {
    left: 14.28571429%;
  }
  .emotion--container.emotion--column-7 .col-s-3 {
    width: 42.85714286%;
  }
  .emotion--container.emotion--column-7 .start-col-s-3 {
    left: 28.57142857%;
  }
  .emotion--container.emotion--column-7 .col-s-4 {
    width: 57.14285714%;
  }
  .emotion--container.emotion--column-7 .start-col-s-4 {
    left: 42.85714286%;
  }
  .emotion--container.emotion--column-7 .col-s-5 {
    width: 71.42857143000001%;
  }
  .emotion--container.emotion--column-7 .start-col-s-5 {
    left: 57.14285714%;
  }
  .emotion--container.emotion--column-7 .col-s-6 {
    width: 85.71428571%;
  }
  .emotion--container.emotion--column-7 .start-col-s-6 {
    left: 71.42857143000001%;
  }
  .emotion--container.emotion--column-7 .col-s-7 {
    width: 100%;
  }
  .emotion--container.emotion--column-7 .start-col-s-7 {
    left: 85.71428571%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-7 .col-m-1 {
    width: 14.28571429%;
  }
  .emotion--container.emotion--column-7 .start-col-m-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-7 .col-m-2 {
    width: 28.57142857%;
  }
  .emotion--container.emotion--column-7 .start-col-m-2 {
    left: 14.28571429%;
  }
  .emotion--container.emotion--column-7 .col-m-3 {
    width: 42.85714286%;
  }
  .emotion--container.emotion--column-7 .start-col-m-3 {
    left: 28.57142857%;
  }
  .emotion--container.emotion--column-7 .col-m-4 {
    width: 57.14285714%;
  }
  .emotion--container.emotion--column-7 .start-col-m-4 {
    left: 42.85714286%;
  }
  .emotion--container.emotion--column-7 .col-m-5 {
    width: 71.42857143000001%;
  }
  .emotion--container.emotion--column-7 .start-col-m-5 {
    left: 57.14285714%;
  }
  .emotion--container.emotion--column-7 .col-m-6 {
    width: 85.71428571%;
  }
  .emotion--container.emotion--column-7 .start-col-m-6 {
    left: 71.42857143000001%;
  }
  .emotion--container.emotion--column-7 .col-m-7 {
    width: 100%;
  }
  .emotion--container.emotion--column-7 .start-col-m-7 {
    left: 85.71428571%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-7 .col-l-1 {
    width: 14.28571429%;
  }
  .emotion--container.emotion--column-7 .start-col-l-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-7 .col-l-2 {
    width: 28.57142857%;
  }
  .emotion--container.emotion--column-7 .start-col-l-2 {
    left: 14.28571429%;
  }
  .emotion--container.emotion--column-7 .col-l-3 {
    width: 42.85714286%;
  }
  .emotion--container.emotion--column-7 .start-col-l-3 {
    left: 28.57142857%;
  }
  .emotion--container.emotion--column-7 .col-l-4 {
    width: 57.14285714%;
  }
  .emotion--container.emotion--column-7 .start-col-l-4 {
    left: 42.85714286%;
  }
  .emotion--container.emotion--column-7 .col-l-5 {
    width: 71.42857143000001%;
  }
  .emotion--container.emotion--column-7 .start-col-l-5 {
    left: 57.14285714%;
  }
  .emotion--container.emotion--column-7 .col-l-6 {
    width: 85.71428571%;
  }
  .emotion--container.emotion--column-7 .start-col-l-6 {
    left: 71.42857143000001%;
  }
  .emotion--container.emotion--column-7 .col-l-7 {
    width: 100%;
  }
  .emotion--container.emotion--column-7 .start-col-l-7 {
    left: 85.71428571%;
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-7 .col-xl-1 {
    width: 14.28571429%;
  }
  .emotion--container.emotion--column-7 .start-col-xl-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-7 .col-xl-2 {
    width: 28.57142857%;
  }
  .emotion--container.emotion--column-7 .start-col-xl-2 {
    left: 14.28571429%;
  }
  .emotion--container.emotion--column-7 .col-xl-3 {
    width: 42.85714286%;
  }
  .emotion--container.emotion--column-7 .start-col-xl-3 {
    left: 28.57142857%;
  }
  .emotion--container.emotion--column-7 .col-xl-4 {
    width: 57.14285714%;
  }
  .emotion--container.emotion--column-7 .start-col-xl-4 {
    left: 42.85714286%;
  }
  .emotion--container.emotion--column-7 .col-xl-5 {
    width: 71.42857143000001%;
  }
  .emotion--container.emotion--column-7 .start-col-xl-5 {
    left: 57.14285714%;
  }
  .emotion--container.emotion--column-7 .col-xl-6 {
    width: 85.71428571%;
  }
  .emotion--container.emotion--column-7 .start-col-xl-6 {
    left: 71.42857143000001%;
  }
  .emotion--container.emotion--column-7 .col-xl-7 {
    width: 100%;
  }
  .emotion--container.emotion--column-7 .start-col-xl-7 {
    left: 85.71428571%;
  }
}
.emotion--container.emotion--column-8 .col-1 {
  width: 12.5%;
}
.emotion--container.emotion--column-8 .start-col-1 {
  left: 0%;
}
.emotion--container.emotion--column-8 .col-2 {
  width: 25%;
}
.emotion--container.emotion--column-8 .start-col-2 {
  left: 12.5%;
}
.emotion--container.emotion--column-8 .col-3 {
  width: 37.5%;
}
.emotion--container.emotion--column-8 .start-col-3 {
  left: 25%;
}
.emotion--container.emotion--column-8 .col-4 {
  width: 50%;
}
.emotion--container.emotion--column-8 .start-col-4 {
  left: 37.5%;
}
.emotion--container.emotion--column-8 .col-5 {
  width: 62.5%;
}
.emotion--container.emotion--column-8 .start-col-5 {
  left: 50%;
}
.emotion--container.emotion--column-8 .col-6 {
  width: 75%;
}
.emotion--container.emotion--column-8 .start-col-6 {
  left: 62.5%;
}
.emotion--container.emotion--column-8 .col-7 {
  width: 87.5%;
}
.emotion--container.emotion--column-8 .start-col-7 {
  left: 75%;
}
.emotion--container.emotion--column-8 .col-8 {
  width: 100%;
}
.emotion--container.emotion--column-8 .start-col-8 {
  left: 87.5%;
}
.emotion--container.emotion--column-8 .col-xs-1 {
  width: 12.5%;
}
.emotion--container.emotion--column-8 .start-col-xs-1 {
  left: 0%;
}
.emotion--container.emotion--column-8 .col-xs-2 {
  width: 25%;
}
.emotion--container.emotion--column-8 .start-col-xs-2 {
  left: 12.5%;
}
.emotion--container.emotion--column-8 .col-xs-3 {
  width: 37.5%;
}
.emotion--container.emotion--column-8 .start-col-xs-3 {
  left: 25%;
}
.emotion--container.emotion--column-8 .col-xs-4 {
  width: 50%;
}
.emotion--container.emotion--column-8 .start-col-xs-4 {
  left: 37.5%;
}
.emotion--container.emotion--column-8 .col-xs-5 {
  width: 62.5%;
}
.emotion--container.emotion--column-8 .start-col-xs-5 {
  left: 50%;
}
.emotion--container.emotion--column-8 .col-xs-6 {
  width: 75%;
}
.emotion--container.emotion--column-8 .start-col-xs-6 {
  left: 62.5%;
}
.emotion--container.emotion--column-8 .col-xs-7 {
  width: 87.5%;
}
.emotion--container.emotion--column-8 .start-col-xs-7 {
  left: 75%;
}
.emotion--container.emotion--column-8 .col-xs-8 {
  width: 100%;
}
.emotion--container.emotion--column-8 .start-col-xs-8 {
  left: 87.5%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-8 .col-s-1 {
    width: 12.5%;
  }
  .emotion--container.emotion--column-8 .start-col-s-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-8 .col-s-2 {
    width: 25%;
  }
  .emotion--container.emotion--column-8 .start-col-s-2 {
    left: 12.5%;
  }
  .emotion--container.emotion--column-8 .col-s-3 {
    width: 37.5%;
  }
  .emotion--container.emotion--column-8 .start-col-s-3 {
    left: 25%;
  }
  .emotion--container.emotion--column-8 .col-s-4 {
    width: 50%;
  }
  .emotion--container.emotion--column-8 .start-col-s-4 {
    left: 37.5%;
  }
  .emotion--container.emotion--column-8 .col-s-5 {
    width: 62.5%;
  }
  .emotion--container.emotion--column-8 .start-col-s-5 {
    left: 50%;
  }
  .emotion--container.emotion--column-8 .col-s-6 {
    width: 75%;
  }
  .emotion--container.emotion--column-8 .start-col-s-6 {
    left: 62.5%;
  }
  .emotion--container.emotion--column-8 .col-s-7 {
    width: 87.5%;
  }
  .emotion--container.emotion--column-8 .start-col-s-7 {
    left: 75%;
  }
  .emotion--container.emotion--column-8 .col-s-8 {
    width: 100%;
  }
  .emotion--container.emotion--column-8 .start-col-s-8 {
    left: 87.5%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-8 .col-m-1 {
    width: 12.5%;
  }
  .emotion--container.emotion--column-8 .start-col-m-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-8 .col-m-2 {
    width: 25%;
  }
  .emotion--container.emotion--column-8 .start-col-m-2 {
    left: 12.5%;
  }
  .emotion--container.emotion--column-8 .col-m-3 {
    width: 37.5%;
  }
  .emotion--container.emotion--column-8 .start-col-m-3 {
    left: 25%;
  }
  .emotion--container.emotion--column-8 .col-m-4 {
    width: 50%;
  }
  .emotion--container.emotion--column-8 .start-col-m-4 {
    left: 37.5%;
  }
  .emotion--container.emotion--column-8 .col-m-5 {
    width: 62.5%;
  }
  .emotion--container.emotion--column-8 .start-col-m-5 {
    left: 50%;
  }
  .emotion--container.emotion--column-8 .col-m-6 {
    width: 75%;
  }
  .emotion--container.emotion--column-8 .start-col-m-6 {
    left: 62.5%;
  }
  .emotion--container.emotion--column-8 .col-m-7 {
    width: 87.5%;
  }
  .emotion--container.emotion--column-8 .start-col-m-7 {
    left: 75%;
  }
  .emotion--container.emotion--column-8 .col-m-8 {
    width: 100%;
  }
  .emotion--container.emotion--column-8 .start-col-m-8 {
    left: 87.5%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-8 .col-l-1 {
    width: 12.5%;
  }
  .emotion--container.emotion--column-8 .start-col-l-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-8 .col-l-2 {
    width: 25%;
  }
  .emotion--container.emotion--column-8 .start-col-l-2 {
    left: 12.5%;
  }
  .emotion--container.emotion--column-8 .col-l-3 {
    width: 37.5%;
  }
  .emotion--container.emotion--column-8 .start-col-l-3 {
    left: 25%;
  }
  .emotion--container.emotion--column-8 .col-l-4 {
    width: 50%;
  }
  .emotion--container.emotion--column-8 .start-col-l-4 {
    left: 37.5%;
  }
  .emotion--container.emotion--column-8 .col-l-5 {
    width: 62.5%;
  }
  .emotion--container.emotion--column-8 .start-col-l-5 {
    left: 50%;
  }
  .emotion--container.emotion--column-8 .col-l-6 {
    width: 75%;
  }
  .emotion--container.emotion--column-8 .start-col-l-6 {
    left: 62.5%;
  }
  .emotion--container.emotion--column-8 .col-l-7 {
    width: 87.5%;
  }
  .emotion--container.emotion--column-8 .start-col-l-7 {
    left: 75%;
  }
  .emotion--container.emotion--column-8 .col-l-8 {
    width: 100%;
  }
  .emotion--container.emotion--column-8 .start-col-l-8 {
    left: 87.5%;
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-8 .col-xl-1 {
    width: 12.5%;
  }
  .emotion--container.emotion--column-8 .start-col-xl-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-8 .col-xl-2 {
    width: 25%;
  }
  .emotion--container.emotion--column-8 .start-col-xl-2 {
    left: 12.5%;
  }
  .emotion--container.emotion--column-8 .col-xl-3 {
    width: 37.5%;
  }
  .emotion--container.emotion--column-8 .start-col-xl-3 {
    left: 25%;
  }
  .emotion--container.emotion--column-8 .col-xl-4 {
    width: 50%;
  }
  .emotion--container.emotion--column-8 .start-col-xl-4 {
    left: 37.5%;
  }
  .emotion--container.emotion--column-8 .col-xl-5 {
    width: 62.5%;
  }
  .emotion--container.emotion--column-8 .start-col-xl-5 {
    left: 50%;
  }
  .emotion--container.emotion--column-8 .col-xl-6 {
    width: 75%;
  }
  .emotion--container.emotion--column-8 .start-col-xl-6 {
    left: 62.5%;
  }
  .emotion--container.emotion--column-8 .col-xl-7 {
    width: 87.5%;
  }
  .emotion--container.emotion--column-8 .start-col-xl-7 {
    left: 75%;
  }
  .emotion--container.emotion--column-8 .col-xl-8 {
    width: 100%;
  }
  .emotion--container.emotion--column-8 .start-col-xl-8 {
    left: 87.5%;
  }
}
.emotion--container.emotion--column-9 .col-1 {
  width: 11.11111111%;
}
.emotion--container.emotion--column-9 .start-col-1 {
  left: 0%;
}
.emotion--container.emotion--column-9 .col-2 {
  width: 22.22222222%;
}
.emotion--container.emotion--column-9 .start-col-2 {
  left: 11.11111111%;
}
.emotion--container.emotion--column-9 .col-3 {
  width: 33.33333333%;
}
.emotion--container.emotion--column-9 .start-col-3 {
  left: 22.22222222%;
}
.emotion--container.emotion--column-9 .col-4 {
  width: 44.44444444%;
}
.emotion--container.emotion--column-9 .start-col-4 {
  left: 33.33333333%;
}
.emotion--container.emotion--column-9 .col-5 {
  width: 55.55555556%;
}
.emotion--container.emotion--column-9 .start-col-5 {
  left: 44.44444444%;
}
.emotion--container.emotion--column-9 .col-6 {
  width: 66.66666667%;
}
.emotion--container.emotion--column-9 .start-col-6 {
  left: 55.55555556%;
}
.emotion--container.emotion--column-9 .col-7 {
  width: 77.77777777999999%;
}
.emotion--container.emotion--column-9 .start-col-7 {
  left: 66.66666667%;
}
.emotion--container.emotion--column-9 .col-8 {
  width: 88.88888889%;
}
.emotion--container.emotion--column-9 .start-col-8 {
  left: 77.77777777999999%;
}
.emotion--container.emotion--column-9 .col-9 {
  width: 100%;
}
.emotion--container.emotion--column-9 .start-col-9 {
  left: 88.88888889%;
}
.emotion--container.emotion--column-9 .col-xs-1 {
  width: 11.11111111%;
}
.emotion--container.emotion--column-9 .start-col-xs-1 {
  left: 0%;
}
.emotion--container.emotion--column-9 .col-xs-2 {
  width: 22.22222222%;
}
.emotion--container.emotion--column-9 .start-col-xs-2 {
  left: 11.11111111%;
}
.emotion--container.emotion--column-9 .col-xs-3 {
  width: 33.33333333%;
}
.emotion--container.emotion--column-9 .start-col-xs-3 {
  left: 22.22222222%;
}
.emotion--container.emotion--column-9 .col-xs-4 {
  width: 44.44444444%;
}
.emotion--container.emotion--column-9 .start-col-xs-4 {
  left: 33.33333333%;
}
.emotion--container.emotion--column-9 .col-xs-5 {
  width: 55.55555556%;
}
.emotion--container.emotion--column-9 .start-col-xs-5 {
  left: 44.44444444%;
}
.emotion--container.emotion--column-9 .col-xs-6 {
  width: 66.66666667%;
}
.emotion--container.emotion--column-9 .start-col-xs-6 {
  left: 55.55555556%;
}
.emotion--container.emotion--column-9 .col-xs-7 {
  width: 77.77777777999999%;
}
.emotion--container.emotion--column-9 .start-col-xs-7 {
  left: 66.66666667%;
}
.emotion--container.emotion--column-9 .col-xs-8 {
  width: 88.88888889%;
}
.emotion--container.emotion--column-9 .start-col-xs-8 {
  left: 77.77777777999999%;
}
.emotion--container.emotion--column-9 .col-xs-9 {
  width: 100%;
}
.emotion--container.emotion--column-9 .start-col-xs-9 {
  left: 88.88888889%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-9 .col-s-1 {
    width: 11.11111111%;
  }
  .emotion--container.emotion--column-9 .start-col-s-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-9 .col-s-2 {
    width: 22.22222222%;
  }
  .emotion--container.emotion--column-9 .start-col-s-2 {
    left: 11.11111111%;
  }
  .emotion--container.emotion--column-9 .col-s-3 {
    width: 33.33333333%;
  }
  .emotion--container.emotion--column-9 .start-col-s-3 {
    left: 22.22222222%;
  }
  .emotion--container.emotion--column-9 .col-s-4 {
    width: 44.44444444%;
  }
  .emotion--container.emotion--column-9 .start-col-s-4 {
    left: 33.33333333%;
  }
  .emotion--container.emotion--column-9 .col-s-5 {
    width: 55.55555556%;
  }
  .emotion--container.emotion--column-9 .start-col-s-5 {
    left: 44.44444444%;
  }
  .emotion--container.emotion--column-9 .col-s-6 {
    width: 66.66666667%;
  }
  .emotion--container.emotion--column-9 .start-col-s-6 {
    left: 55.55555556%;
  }
  .emotion--container.emotion--column-9 .col-s-7 {
    width: 77.77777777999999%;
  }
  .emotion--container.emotion--column-9 .start-col-s-7 {
    left: 66.66666667%;
  }
  .emotion--container.emotion--column-9 .col-s-8 {
    width: 88.88888889%;
  }
  .emotion--container.emotion--column-9 .start-col-s-8 {
    left: 77.77777777999999%;
  }
  .emotion--container.emotion--column-9 .col-s-9 {
    width: 100%;
  }
  .emotion--container.emotion--column-9 .start-col-s-9 {
    left: 88.88888889%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-9 .col-m-1 {
    width: 11.11111111%;
  }
  .emotion--container.emotion--column-9 .start-col-m-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-9 .col-m-2 {
    width: 22.22222222%;
  }
  .emotion--container.emotion--column-9 .start-col-m-2 {
    left: 11.11111111%;
  }
  .emotion--container.emotion--column-9 .col-m-3 {
    width: 33.33333333%;
  }
  .emotion--container.emotion--column-9 .start-col-m-3 {
    left: 22.22222222%;
  }
  .emotion--container.emotion--column-9 .col-m-4 {
    width: 44.44444444%;
  }
  .emotion--container.emotion--column-9 .start-col-m-4 {
    left: 33.33333333%;
  }
  .emotion--container.emotion--column-9 .col-m-5 {
    width: 55.55555556%;
  }
  .emotion--container.emotion--column-9 .start-col-m-5 {
    left: 44.44444444%;
  }
  .emotion--container.emotion--column-9 .col-m-6 {
    width: 66.66666667%;
  }
  .emotion--container.emotion--column-9 .start-col-m-6 {
    left: 55.55555556%;
  }
  .emotion--container.emotion--column-9 .col-m-7 {
    width: 77.77777777999999%;
  }
  .emotion--container.emotion--column-9 .start-col-m-7 {
    left: 66.66666667%;
  }
  .emotion--container.emotion--column-9 .col-m-8 {
    width: 88.88888889%;
  }
  .emotion--container.emotion--column-9 .start-col-m-8 {
    left: 77.77777777999999%;
  }
  .emotion--container.emotion--column-9 .col-m-9 {
    width: 100%;
  }
  .emotion--container.emotion--column-9 .start-col-m-9 {
    left: 88.88888889%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-9 .col-l-1 {
    width: 11.11111111%;
  }
  .emotion--container.emotion--column-9 .start-col-l-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-9 .col-l-2 {
    width: 22.22222222%;
  }
  .emotion--container.emotion--column-9 .start-col-l-2 {
    left: 11.11111111%;
  }
  .emotion--container.emotion--column-9 .col-l-3 {
    width: 33.33333333%;
  }
  .emotion--container.emotion--column-9 .start-col-l-3 {
    left: 22.22222222%;
  }
  .emotion--container.emotion--column-9 .col-l-4 {
    width: 44.44444444%;
  }
  .emotion--container.emotion--column-9 .start-col-l-4 {
    left: 33.33333333%;
  }
  .emotion--container.emotion--column-9 .col-l-5 {
    width: 55.55555556%;
  }
  .emotion--container.emotion--column-9 .start-col-l-5 {
    left: 44.44444444%;
  }
  .emotion--container.emotion--column-9 .col-l-6 {
    width: 66.66666667%;
  }
  .emotion--container.emotion--column-9 .start-col-l-6 {
    left: 55.55555556%;
  }
  .emotion--container.emotion--column-9 .col-l-7 {
    width: 77.77777777999999%;
  }
  .emotion--container.emotion--column-9 .start-col-l-7 {
    left: 66.66666667%;
  }
  .emotion--container.emotion--column-9 .col-l-8 {
    width: 88.88888889%;
  }
  .emotion--container.emotion--column-9 .start-col-l-8 {
    left: 77.77777777999999%;
  }
  .emotion--container.emotion--column-9 .col-l-9 {
    width: 100%;
  }
  .emotion--container.emotion--column-9 .start-col-l-9 {
    left: 88.88888889%;
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-9 .col-xl-1 {
    width: 11.11111111%;
  }
  .emotion--container.emotion--column-9 .start-col-xl-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-9 .col-xl-2 {
    width: 22.22222222%;
  }
  .emotion--container.emotion--column-9 .start-col-xl-2 {
    left: 11.11111111%;
  }
  .emotion--container.emotion--column-9 .col-xl-3 {
    width: 33.33333333%;
  }
  .emotion--container.emotion--column-9 .start-col-xl-3 {
    left: 22.22222222%;
  }
  .emotion--container.emotion--column-9 .col-xl-4 {
    width: 44.44444444%;
  }
  .emotion--container.emotion--column-9 .start-col-xl-4 {
    left: 33.33333333%;
  }
  .emotion--container.emotion--column-9 .col-xl-5 {
    width: 55.55555556%;
  }
  .emotion--container.emotion--column-9 .start-col-xl-5 {
    left: 44.44444444%;
  }
  .emotion--container.emotion--column-9 .col-xl-6 {
    width: 66.66666667%;
  }
  .emotion--container.emotion--column-9 .start-col-xl-6 {
    left: 55.55555556%;
  }
  .emotion--container.emotion--column-9 .col-xl-7 {
    width: 77.77777777999999%;
  }
  .emotion--container.emotion--column-9 .start-col-xl-7 {
    left: 66.66666667%;
  }
  .emotion--container.emotion--column-9 .col-xl-8 {
    width: 88.88888889%;
  }
  .emotion--container.emotion--column-9 .start-col-xl-8 {
    left: 77.77777777999999%;
  }
  .emotion--container.emotion--column-9 .col-xl-9 {
    width: 100%;
  }
  .emotion--container.emotion--column-9 .start-col-xl-9 {
    left: 88.88888889%;
  }
}
.emotion--container.emotion--column-10 .col-1 {
  width: 10%;
}
.emotion--container.emotion--column-10 .start-col-1 {
  left: 0%;
}
.emotion--container.emotion--column-10 .col-2 {
  width: 20%;
}
.emotion--container.emotion--column-10 .start-col-2 {
  left: 10%;
}
.emotion--container.emotion--column-10 .col-3 {
  width: 30%;
}
.emotion--container.emotion--column-10 .start-col-3 {
  left: 20%;
}
.emotion--container.emotion--column-10 .col-4 {
  width: 40%;
}
.emotion--container.emotion--column-10 .start-col-4 {
  left: 30%;
}
.emotion--container.emotion--column-10 .col-5 {
  width: 50%;
}
.emotion--container.emotion--column-10 .start-col-5 {
  left: 40%;
}
.emotion--container.emotion--column-10 .col-6 {
  width: 60%;
}
.emotion--container.emotion--column-10 .start-col-6 {
  left: 50%;
}
.emotion--container.emotion--column-10 .col-7 {
  width: 70%;
}
.emotion--container.emotion--column-10 .start-col-7 {
  left: 60%;
}
.emotion--container.emotion--column-10 .col-8 {
  width: 80%;
}
.emotion--container.emotion--column-10 .start-col-8 {
  left: 70%;
}
.emotion--container.emotion--column-10 .col-9 {
  width: 90%;
}
.emotion--container.emotion--column-10 .start-col-9 {
  left: 80%;
}
.emotion--container.emotion--column-10 .col-10 {
  width: 100%;
}
.emotion--container.emotion--column-10 .start-col-10 {
  left: 90%;
}
.emotion--container.emotion--column-10 .col-xs-1 {
  width: 10%;
}
.emotion--container.emotion--column-10 .start-col-xs-1 {
  left: 0%;
}
.emotion--container.emotion--column-10 .col-xs-2 {
  width: 20%;
}
.emotion--container.emotion--column-10 .start-col-xs-2 {
  left: 10%;
}
.emotion--container.emotion--column-10 .col-xs-3 {
  width: 30%;
}
.emotion--container.emotion--column-10 .start-col-xs-3 {
  left: 20%;
}
.emotion--container.emotion--column-10 .col-xs-4 {
  width: 40%;
}
.emotion--container.emotion--column-10 .start-col-xs-4 {
  left: 30%;
}
.emotion--container.emotion--column-10 .col-xs-5 {
  width: 50%;
}
.emotion--container.emotion--column-10 .start-col-xs-5 {
  left: 40%;
}
.emotion--container.emotion--column-10 .col-xs-6 {
  width: 60%;
}
.emotion--container.emotion--column-10 .start-col-xs-6 {
  left: 50%;
}
.emotion--container.emotion--column-10 .col-xs-7 {
  width: 70%;
}
.emotion--container.emotion--column-10 .start-col-xs-7 {
  left: 60%;
}
.emotion--container.emotion--column-10 .col-xs-8 {
  width: 80%;
}
.emotion--container.emotion--column-10 .start-col-xs-8 {
  left: 70%;
}
.emotion--container.emotion--column-10 .col-xs-9 {
  width: 90%;
}
.emotion--container.emotion--column-10 .start-col-xs-9 {
  left: 80%;
}
.emotion--container.emotion--column-10 .col-xs-10 {
  width: 100%;
}
.emotion--container.emotion--column-10 .start-col-xs-10 {
  left: 90%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-10 .col-s-1 {
    width: 10%;
  }
  .emotion--container.emotion--column-10 .start-col-s-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-10 .col-s-2 {
    width: 20%;
  }
  .emotion--container.emotion--column-10 .start-col-s-2 {
    left: 10%;
  }
  .emotion--container.emotion--column-10 .col-s-3 {
    width: 30%;
  }
  .emotion--container.emotion--column-10 .start-col-s-3 {
    left: 20%;
  }
  .emotion--container.emotion--column-10 .col-s-4 {
    width: 40%;
  }
  .emotion--container.emotion--column-10 .start-col-s-4 {
    left: 30%;
  }
  .emotion--container.emotion--column-10 .col-s-5 {
    width: 50%;
  }
  .emotion--container.emotion--column-10 .start-col-s-5 {
    left: 40%;
  }
  .emotion--container.emotion--column-10 .col-s-6 {
    width: 60%;
  }
  .emotion--container.emotion--column-10 .start-col-s-6 {
    left: 50%;
  }
  .emotion--container.emotion--column-10 .col-s-7 {
    width: 70%;
  }
  .emotion--container.emotion--column-10 .start-col-s-7 {
    left: 60%;
  }
  .emotion--container.emotion--column-10 .col-s-8 {
    width: 80%;
  }
  .emotion--container.emotion--column-10 .start-col-s-8 {
    left: 70%;
  }
  .emotion--container.emotion--column-10 .col-s-9 {
    width: 90%;
  }
  .emotion--container.emotion--column-10 .start-col-s-9 {
    left: 80%;
  }
  .emotion--container.emotion--column-10 .col-s-10 {
    width: 100%;
  }
  .emotion--container.emotion--column-10 .start-col-s-10 {
    left: 90%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-10 .col-m-1 {
    width: 10%;
  }
  .emotion--container.emotion--column-10 .start-col-m-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-10 .col-m-2 {
    width: 20%;
  }
  .emotion--container.emotion--column-10 .start-col-m-2 {
    left: 10%;
  }
  .emotion--container.emotion--column-10 .col-m-3 {
    width: 30%;
  }
  .emotion--container.emotion--column-10 .start-col-m-3 {
    left: 20%;
  }
  .emotion--container.emotion--column-10 .col-m-4 {
    width: 40%;
  }
  .emotion--container.emotion--column-10 .start-col-m-4 {
    left: 30%;
  }
  .emotion--container.emotion--column-10 .col-m-5 {
    width: 50%;
  }
  .emotion--container.emotion--column-10 .start-col-m-5 {
    left: 40%;
  }
  .emotion--container.emotion--column-10 .col-m-6 {
    width: 60%;
  }
  .emotion--container.emotion--column-10 .start-col-m-6 {
    left: 50%;
  }
  .emotion--container.emotion--column-10 .col-m-7 {
    width: 70%;
  }
  .emotion--container.emotion--column-10 .start-col-m-7 {
    left: 60%;
  }
  .emotion--container.emotion--column-10 .col-m-8 {
    width: 80%;
  }
  .emotion--container.emotion--column-10 .start-col-m-8 {
    left: 70%;
  }
  .emotion--container.emotion--column-10 .col-m-9 {
    width: 90%;
  }
  .emotion--container.emotion--column-10 .start-col-m-9 {
    left: 80%;
  }
  .emotion--container.emotion--column-10 .col-m-10 {
    width: 100%;
  }
  .emotion--container.emotion--column-10 .start-col-m-10 {
    left: 90%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-10 .col-l-1 {
    width: 10%;
  }
  .emotion--container.emotion--column-10 .start-col-l-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-10 .col-l-2 {
    width: 20%;
  }
  .emotion--container.emotion--column-10 .start-col-l-2 {
    left: 10%;
  }
  .emotion--container.emotion--column-10 .col-l-3 {
    width: 30%;
  }
  .emotion--container.emotion--column-10 .start-col-l-3 {
    left: 20%;
  }
  .emotion--container.emotion--column-10 .col-l-4 {
    width: 40%;
  }
  .emotion--container.emotion--column-10 .start-col-l-4 {
    left: 30%;
  }
  .emotion--container.emotion--column-10 .col-l-5 {
    width: 50%;
  }
  .emotion--container.emotion--column-10 .start-col-l-5 {
    left: 40%;
  }
  .emotion--container.emotion--column-10 .col-l-6 {
    width: 60%;
  }
  .emotion--container.emotion--column-10 .start-col-l-6 {
    left: 50%;
  }
  .emotion--container.emotion--column-10 .col-l-7 {
    width: 70%;
  }
  .emotion--container.emotion--column-10 .start-col-l-7 {
    left: 60%;
  }
  .emotion--container.emotion--column-10 .col-l-8 {
    width: 80%;
  }
  .emotion--container.emotion--column-10 .start-col-l-8 {
    left: 70%;
  }
  .emotion--container.emotion--column-10 .col-l-9 {
    width: 90%;
  }
  .emotion--container.emotion--column-10 .start-col-l-9 {
    left: 80%;
  }
  .emotion--container.emotion--column-10 .col-l-10 {
    width: 100%;
  }
  .emotion--container.emotion--column-10 .start-col-l-10 {
    left: 90%;
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-10 .col-xl-1 {
    width: 10%;
  }
  .emotion--container.emotion--column-10 .start-col-xl-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-10 .col-xl-2 {
    width: 20%;
  }
  .emotion--container.emotion--column-10 .start-col-xl-2 {
    left: 10%;
  }
  .emotion--container.emotion--column-10 .col-xl-3 {
    width: 30%;
  }
  .emotion--container.emotion--column-10 .start-col-xl-3 {
    left: 20%;
  }
  .emotion--container.emotion--column-10 .col-xl-4 {
    width: 40%;
  }
  .emotion--container.emotion--column-10 .start-col-xl-4 {
    left: 30%;
  }
  .emotion--container.emotion--column-10 .col-xl-5 {
    width: 50%;
  }
  .emotion--container.emotion--column-10 .start-col-xl-5 {
    left: 40%;
  }
  .emotion--container.emotion--column-10 .col-xl-6 {
    width: 60%;
  }
  .emotion--container.emotion--column-10 .start-col-xl-6 {
    left: 50%;
  }
  .emotion--container.emotion--column-10 .col-xl-7 {
    width: 70%;
  }
  .emotion--container.emotion--column-10 .start-col-xl-7 {
    left: 60%;
  }
  .emotion--container.emotion--column-10 .col-xl-8 {
    width: 80%;
  }
  .emotion--container.emotion--column-10 .start-col-xl-8 {
    left: 70%;
  }
  .emotion--container.emotion--column-10 .col-xl-9 {
    width: 90%;
  }
  .emotion--container.emotion--column-10 .start-col-xl-9 {
    left: 80%;
  }
  .emotion--container.emotion--column-10 .col-xl-10 {
    width: 100%;
  }
  .emotion--container.emotion--column-10 .start-col-xl-10 {
    left: 90%;
  }
}
.emotion--container.emotion--column-11 .col-1 {
  width: 9.09090909%;
}
.emotion--container.emotion--column-11 .start-col-1 {
  left: 0%;
}
.emotion--container.emotion--column-11 .col-2 {
  width: 18.18181818%;
}
.emotion--container.emotion--column-11 .start-col-2 {
  left: 9.09090909%;
}
.emotion--container.emotion--column-11 .col-3 {
  width: 27.27272727%;
}
.emotion--container.emotion--column-11 .start-col-3 {
  left: 18.18181818%;
}
.emotion--container.emotion--column-11 .col-4 {
  width: 36.36363636%;
}
.emotion--container.emotion--column-11 .start-col-4 {
  left: 27.27272727%;
}
.emotion--container.emotion--column-11 .col-5 {
  width: 45.45454545%;
}
.emotion--container.emotion--column-11 .start-col-5 {
  left: 36.36363636%;
}
.emotion--container.emotion--column-11 .col-6 {
  width: 54.54545455%;
}
.emotion--container.emotion--column-11 .start-col-6 {
  left: 45.45454545%;
}
.emotion--container.emotion--column-11 .col-7 {
  width: 63.63636364%;
}
.emotion--container.emotion--column-11 .start-col-7 {
  left: 54.54545455%;
}
.emotion--container.emotion--column-11 .col-8 {
  width: 72.72727273%;
}
.emotion--container.emotion--column-11 .start-col-8 {
  left: 63.63636364%;
}
.emotion--container.emotion--column-11 .col-9 {
  width: 81.81818182000001%;
}
.emotion--container.emotion--column-11 .start-col-9 {
  left: 72.72727273%;
}
.emotion--container.emotion--column-11 .col-10 {
  width: 90.90909091%;
}
.emotion--container.emotion--column-11 .start-col-10 {
  left: 81.81818182000001%;
}
.emotion--container.emotion--column-11 .col-11 {
  width: 100%;
}
.emotion--container.emotion--column-11 .start-col-11 {
  left: 90.90909091%;
}
.emotion--container.emotion--column-11 .col-xs-1 {
  width: 9.09090909%;
}
.emotion--container.emotion--column-11 .start-col-xs-1 {
  left: 0%;
}
.emotion--container.emotion--column-11 .col-xs-2 {
  width: 18.18181818%;
}
.emotion--container.emotion--column-11 .start-col-xs-2 {
  left: 9.09090909%;
}
.emotion--container.emotion--column-11 .col-xs-3 {
  width: 27.27272727%;
}
.emotion--container.emotion--column-11 .start-col-xs-3 {
  left: 18.18181818%;
}
.emotion--container.emotion--column-11 .col-xs-4 {
  width: 36.36363636%;
}
.emotion--container.emotion--column-11 .start-col-xs-4 {
  left: 27.27272727%;
}
.emotion--container.emotion--column-11 .col-xs-5 {
  width: 45.45454545%;
}
.emotion--container.emotion--column-11 .start-col-xs-5 {
  left: 36.36363636%;
}
.emotion--container.emotion--column-11 .col-xs-6 {
  width: 54.54545455%;
}
.emotion--container.emotion--column-11 .start-col-xs-6 {
  left: 45.45454545%;
}
.emotion--container.emotion--column-11 .col-xs-7 {
  width: 63.63636364%;
}
.emotion--container.emotion--column-11 .start-col-xs-7 {
  left: 54.54545455%;
}
.emotion--container.emotion--column-11 .col-xs-8 {
  width: 72.72727273%;
}
.emotion--container.emotion--column-11 .start-col-xs-8 {
  left: 63.63636364%;
}
.emotion--container.emotion--column-11 .col-xs-9 {
  width: 81.81818182000001%;
}
.emotion--container.emotion--column-11 .start-col-xs-9 {
  left: 72.72727273%;
}
.emotion--container.emotion--column-11 .col-xs-10 {
  width: 90.90909091%;
}
.emotion--container.emotion--column-11 .start-col-xs-10 {
  left: 81.81818182000001%;
}
.emotion--container.emotion--column-11 .col-xs-11 {
  width: 100%;
}
.emotion--container.emotion--column-11 .start-col-xs-11 {
  left: 90.90909091%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-11 .col-s-1 {
    width: 9.09090909%;
  }
  .emotion--container.emotion--column-11 .start-col-s-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-11 .col-s-2 {
    width: 18.18181818%;
  }
  .emotion--container.emotion--column-11 .start-col-s-2 {
    left: 9.09090909%;
  }
  .emotion--container.emotion--column-11 .col-s-3 {
    width: 27.27272727%;
  }
  .emotion--container.emotion--column-11 .start-col-s-3 {
    left: 18.18181818%;
  }
  .emotion--container.emotion--column-11 .col-s-4 {
    width: 36.36363636%;
  }
  .emotion--container.emotion--column-11 .start-col-s-4 {
    left: 27.27272727%;
  }
  .emotion--container.emotion--column-11 .col-s-5 {
    width: 45.45454545%;
  }
  .emotion--container.emotion--column-11 .start-col-s-5 {
    left: 36.36363636%;
  }
  .emotion--container.emotion--column-11 .col-s-6 {
    width: 54.54545455%;
  }
  .emotion--container.emotion--column-11 .start-col-s-6 {
    left: 45.45454545%;
  }
  .emotion--container.emotion--column-11 .col-s-7 {
    width: 63.63636364%;
  }
  .emotion--container.emotion--column-11 .start-col-s-7 {
    left: 54.54545455%;
  }
  .emotion--container.emotion--column-11 .col-s-8 {
    width: 72.72727273%;
  }
  .emotion--container.emotion--column-11 .start-col-s-8 {
    left: 63.63636364%;
  }
  .emotion--container.emotion--column-11 .col-s-9 {
    width: 81.81818182000001%;
  }
  .emotion--container.emotion--column-11 .start-col-s-9 {
    left: 72.72727273%;
  }
  .emotion--container.emotion--column-11 .col-s-10 {
    width: 90.90909091%;
  }
  .emotion--container.emotion--column-11 .start-col-s-10 {
    left: 81.81818182000001%;
  }
  .emotion--container.emotion--column-11 .col-s-11 {
    width: 100%;
  }
  .emotion--container.emotion--column-11 .start-col-s-11 {
    left: 90.90909091%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-11 .col-m-1 {
    width: 9.09090909%;
  }
  .emotion--container.emotion--column-11 .start-col-m-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-11 .col-m-2 {
    width: 18.18181818%;
  }
  .emotion--container.emotion--column-11 .start-col-m-2 {
    left: 9.09090909%;
  }
  .emotion--container.emotion--column-11 .col-m-3 {
    width: 27.27272727%;
  }
  .emotion--container.emotion--column-11 .start-col-m-3 {
    left: 18.18181818%;
  }
  .emotion--container.emotion--column-11 .col-m-4 {
    width: 36.36363636%;
  }
  .emotion--container.emotion--column-11 .start-col-m-4 {
    left: 27.27272727%;
  }
  .emotion--container.emotion--column-11 .col-m-5 {
    width: 45.45454545%;
  }
  .emotion--container.emotion--column-11 .start-col-m-5 {
    left: 36.36363636%;
  }
  .emotion--container.emotion--column-11 .col-m-6 {
    width: 54.54545455%;
  }
  .emotion--container.emotion--column-11 .start-col-m-6 {
    left: 45.45454545%;
  }
  .emotion--container.emotion--column-11 .col-m-7 {
    width: 63.63636364%;
  }
  .emotion--container.emotion--column-11 .start-col-m-7 {
    left: 54.54545455%;
  }
  .emotion--container.emotion--column-11 .col-m-8 {
    width: 72.72727273%;
  }
  .emotion--container.emotion--column-11 .start-col-m-8 {
    left: 63.63636364%;
  }
  .emotion--container.emotion--column-11 .col-m-9 {
    width: 81.81818182000001%;
  }
  .emotion--container.emotion--column-11 .start-col-m-9 {
    left: 72.72727273%;
  }
  .emotion--container.emotion--column-11 .col-m-10 {
    width: 90.90909091%;
  }
  .emotion--container.emotion--column-11 .start-col-m-10 {
    left: 81.81818182000001%;
  }
  .emotion--container.emotion--column-11 .col-m-11 {
    width: 100%;
  }
  .emotion--container.emotion--column-11 .start-col-m-11 {
    left: 90.90909091%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-11 .col-l-1 {
    width: 9.09090909%;
  }
  .emotion--container.emotion--column-11 .start-col-l-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-11 .col-l-2 {
    width: 18.18181818%;
  }
  .emotion--container.emotion--column-11 .start-col-l-2 {
    left: 9.09090909%;
  }
  .emotion--container.emotion--column-11 .col-l-3 {
    width: 27.27272727%;
  }
  .emotion--container.emotion--column-11 .start-col-l-3 {
    left: 18.18181818%;
  }
  .emotion--container.emotion--column-11 .col-l-4 {
    width: 36.36363636%;
  }
  .emotion--container.emotion--column-11 .start-col-l-4 {
    left: 27.27272727%;
  }
  .emotion--container.emotion--column-11 .col-l-5 {
    width: 45.45454545%;
  }
  .emotion--container.emotion--column-11 .start-col-l-5 {
    left: 36.36363636%;
  }
  .emotion--container.emotion--column-11 .col-l-6 {
    width: 54.54545455%;
  }
  .emotion--container.emotion--column-11 .start-col-l-6 {
    left: 45.45454545%;
  }
  .emotion--container.emotion--column-11 .col-l-7 {
    width: 63.63636364%;
  }
  .emotion--container.emotion--column-11 .start-col-l-7 {
    left: 54.54545455%;
  }
  .emotion--container.emotion--column-11 .col-l-8 {
    width: 72.72727273%;
  }
  .emotion--container.emotion--column-11 .start-col-l-8 {
    left: 63.63636364%;
  }
  .emotion--container.emotion--column-11 .col-l-9 {
    width: 81.81818182000001%;
  }
  .emotion--container.emotion--column-11 .start-col-l-9 {
    left: 72.72727273%;
  }
  .emotion--container.emotion--column-11 .col-l-10 {
    width: 90.90909091%;
  }
  .emotion--container.emotion--column-11 .start-col-l-10 {
    left: 81.81818182000001%;
  }
  .emotion--container.emotion--column-11 .col-l-11 {
    width: 100%;
  }
  .emotion--container.emotion--column-11 .start-col-l-11 {
    left: 90.90909091%;
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-11 .col-xl-1 {
    width: 9.09090909%;
  }
  .emotion--container.emotion--column-11 .start-col-xl-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-11 .col-xl-2 {
    width: 18.18181818%;
  }
  .emotion--container.emotion--column-11 .start-col-xl-2 {
    left: 9.09090909%;
  }
  .emotion--container.emotion--column-11 .col-xl-3 {
    width: 27.27272727%;
  }
  .emotion--container.emotion--column-11 .start-col-xl-3 {
    left: 18.18181818%;
  }
  .emotion--container.emotion--column-11 .col-xl-4 {
    width: 36.36363636%;
  }
  .emotion--container.emotion--column-11 .start-col-xl-4 {
    left: 27.27272727%;
  }
  .emotion--container.emotion--column-11 .col-xl-5 {
    width: 45.45454545%;
  }
  .emotion--container.emotion--column-11 .start-col-xl-5 {
    left: 36.36363636%;
  }
  .emotion--container.emotion--column-11 .col-xl-6 {
    width: 54.54545455%;
  }
  .emotion--container.emotion--column-11 .start-col-xl-6 {
    left: 45.45454545%;
  }
  .emotion--container.emotion--column-11 .col-xl-7 {
    width: 63.63636364%;
  }
  .emotion--container.emotion--column-11 .start-col-xl-7 {
    left: 54.54545455%;
  }
  .emotion--container.emotion--column-11 .col-xl-8 {
    width: 72.72727273%;
  }
  .emotion--container.emotion--column-11 .start-col-xl-8 {
    left: 63.63636364%;
  }
  .emotion--container.emotion--column-11 .col-xl-9 {
    width: 81.81818182000001%;
  }
  .emotion--container.emotion--column-11 .start-col-xl-9 {
    left: 72.72727273%;
  }
  .emotion--container.emotion--column-11 .col-xl-10 {
    width: 90.90909091%;
  }
  .emotion--container.emotion--column-11 .start-col-xl-10 {
    left: 81.81818182000001%;
  }
  .emotion--container.emotion--column-11 .col-xl-11 {
    width: 100%;
  }
  .emotion--container.emotion--column-11 .start-col-xl-11 {
    left: 90.90909091%;
  }
}
.emotion--container.emotion--column-12 .col-1 {
  width: 8.33333333%;
}
.emotion--container.emotion--column-12 .start-col-1 {
  left: 0%;
}
.emotion--container.emotion--column-12 .col-2 {
  width: 16.66666667%;
}
.emotion--container.emotion--column-12 .start-col-2 {
  left: 8.33333333%;
}
.emotion--container.emotion--column-12 .col-3 {
  width: 25%;
}
.emotion--container.emotion--column-12 .start-col-3 {
  left: 16.66666667%;
}
.emotion--container.emotion--column-12 .col-4 {
  width: 33.33333333%;
}
.emotion--container.emotion--column-12 .start-col-4 {
  left: 25%;
}
.emotion--container.emotion--column-12 .col-5 {
  width: 41.66666667%;
}
.emotion--container.emotion--column-12 .start-col-5 {
  left: 33.33333333%;
}
.emotion--container.emotion--column-12 .col-6 {
  width: 50%;
}
.emotion--container.emotion--column-12 .start-col-6 {
  left: 41.66666667%;
}
.emotion--container.emotion--column-12 .col-7 {
  width: 58.33333333%;
}
.emotion--container.emotion--column-12 .start-col-7 {
  left: 50%;
}
.emotion--container.emotion--column-12 .col-8 {
  width: 66.66666667%;
}
.emotion--container.emotion--column-12 .start-col-8 {
  left: 58.33333333%;
}
.emotion--container.emotion--column-12 .col-9 {
  width: 75%;
}
.emotion--container.emotion--column-12 .start-col-9 {
  left: 66.66666667%;
}
.emotion--container.emotion--column-12 .col-10 {
  width: 83.33333333%;
}
.emotion--container.emotion--column-12 .start-col-10 {
  left: 75%;
}
.emotion--container.emotion--column-12 .col-11 {
  width: 91.66666667%;
}
.emotion--container.emotion--column-12 .start-col-11 {
  left: 83.33333333%;
}
.emotion--container.emotion--column-12 .col-12 {
  width: 100%;
}
.emotion--container.emotion--column-12 .start-col-12 {
  left: 91.66666667%;
}
.emotion--container.emotion--column-12 .col-xs-1 {
  width: 8.33333333%;
}
.emotion--container.emotion--column-12 .start-col-xs-1 {
  left: 0%;
}
.emotion--container.emotion--column-12 .col-xs-2 {
  width: 16.66666667%;
}
.emotion--container.emotion--column-12 .start-col-xs-2 {
  left: 8.33333333%;
}
.emotion--container.emotion--column-12 .col-xs-3 {
  width: 25%;
}
.emotion--container.emotion--column-12 .start-col-xs-3 {
  left: 16.66666667%;
}
.emotion--container.emotion--column-12 .col-xs-4 {
  width: 33.33333333%;
}
.emotion--container.emotion--column-12 .start-col-xs-4 {
  left: 25%;
}
.emotion--container.emotion--column-12 .col-xs-5 {
  width: 41.66666667%;
}
.emotion--container.emotion--column-12 .start-col-xs-5 {
  left: 33.33333333%;
}
.emotion--container.emotion--column-12 .col-xs-6 {
  width: 50%;
}
.emotion--container.emotion--column-12 .start-col-xs-6 {
  left: 41.66666667%;
}
.emotion--container.emotion--column-12 .col-xs-7 {
  width: 58.33333333%;
}
.emotion--container.emotion--column-12 .start-col-xs-7 {
  left: 50%;
}
.emotion--container.emotion--column-12 .col-xs-8 {
  width: 66.66666667%;
}
.emotion--container.emotion--column-12 .start-col-xs-8 {
  left: 58.33333333%;
}
.emotion--container.emotion--column-12 .col-xs-9 {
  width: 75%;
}
.emotion--container.emotion--column-12 .start-col-xs-9 {
  left: 66.66666667%;
}
.emotion--container.emotion--column-12 .col-xs-10 {
  width: 83.33333333%;
}
.emotion--container.emotion--column-12 .start-col-xs-10 {
  left: 75%;
}
.emotion--container.emotion--column-12 .col-xs-11 {
  width: 91.66666667%;
}
.emotion--container.emotion--column-12 .start-col-xs-11 {
  left: 83.33333333%;
}
.emotion--container.emotion--column-12 .col-xs-12 {
  width: 100%;
}
.emotion--container.emotion--column-12 .start-col-xs-12 {
  left: 91.66666667%;
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-12 .col-s-1 {
    width: 8.33333333%;
  }
  .emotion--container.emotion--column-12 .start-col-s-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-12 .col-s-2 {
    width: 16.66666667%;
  }
  .emotion--container.emotion--column-12 .start-col-s-2 {
    left: 8.33333333%;
  }
  .emotion--container.emotion--column-12 .col-s-3 {
    width: 25%;
  }
  .emotion--container.emotion--column-12 .start-col-s-3 {
    left: 16.66666667%;
  }
  .emotion--container.emotion--column-12 .col-s-4 {
    width: 33.33333333%;
  }
  .emotion--container.emotion--column-12 .start-col-s-4 {
    left: 25%;
  }
  .emotion--container.emotion--column-12 .col-s-5 {
    width: 41.66666667%;
  }
  .emotion--container.emotion--column-12 .start-col-s-5 {
    left: 33.33333333%;
  }
  .emotion--container.emotion--column-12 .col-s-6 {
    width: 50%;
  }
  .emotion--container.emotion--column-12 .start-col-s-6 {
    left: 41.66666667%;
  }
  .emotion--container.emotion--column-12 .col-s-7 {
    width: 58.33333333%;
  }
  .emotion--container.emotion--column-12 .start-col-s-7 {
    left: 50%;
  }
  .emotion--container.emotion--column-12 .col-s-8 {
    width: 66.66666667%;
  }
  .emotion--container.emotion--column-12 .start-col-s-8 {
    left: 58.33333333%;
  }
  .emotion--container.emotion--column-12 .col-s-9 {
    width: 75%;
  }
  .emotion--container.emotion--column-12 .start-col-s-9 {
    left: 66.66666667%;
  }
  .emotion--container.emotion--column-12 .col-s-10 {
    width: 83.33333333%;
  }
  .emotion--container.emotion--column-12 .start-col-s-10 {
    left: 75%;
  }
  .emotion--container.emotion--column-12 .col-s-11 {
    width: 91.66666667%;
  }
  .emotion--container.emotion--column-12 .start-col-s-11 {
    left: 83.33333333%;
  }
  .emotion--container.emotion--column-12 .col-s-12 {
    width: 100%;
  }
  .emotion--container.emotion--column-12 .start-col-s-12 {
    left: 91.66666667%;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-12 .col-m-1 {
    width: 8.33333333%;
  }
  .emotion--container.emotion--column-12 .start-col-m-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-12 .col-m-2 {
    width: 16.66666667%;
  }
  .emotion--container.emotion--column-12 .start-col-m-2 {
    left: 8.33333333%;
  }
  .emotion--container.emotion--column-12 .col-m-3 {
    width: 25%;
  }
  .emotion--container.emotion--column-12 .start-col-m-3 {
    left: 16.66666667%;
  }
  .emotion--container.emotion--column-12 .col-m-4 {
    width: 33.33333333%;
  }
  .emotion--container.emotion--column-12 .start-col-m-4 {
    left: 25%;
  }
  .emotion--container.emotion--column-12 .col-m-5 {
    width: 41.66666667%;
  }
  .emotion--container.emotion--column-12 .start-col-m-5 {
    left: 33.33333333%;
  }
  .emotion--container.emotion--column-12 .col-m-6 {
    width: 50%;
  }
  .emotion--container.emotion--column-12 .start-col-m-6 {
    left: 41.66666667%;
  }
  .emotion--container.emotion--column-12 .col-m-7 {
    width: 58.33333333%;
  }
  .emotion--container.emotion--column-12 .start-col-m-7 {
    left: 50%;
  }
  .emotion--container.emotion--column-12 .col-m-8 {
    width: 66.66666667%;
  }
  .emotion--container.emotion--column-12 .start-col-m-8 {
    left: 58.33333333%;
  }
  .emotion--container.emotion--column-12 .col-m-9 {
    width: 75%;
  }
  .emotion--container.emotion--column-12 .start-col-m-9 {
    left: 66.66666667%;
  }
  .emotion--container.emotion--column-12 .col-m-10 {
    width: 83.33333333%;
  }
  .emotion--container.emotion--column-12 .start-col-m-10 {
    left: 75%;
  }
  .emotion--container.emotion--column-12 .col-m-11 {
    width: 91.66666667%;
  }
  .emotion--container.emotion--column-12 .start-col-m-11 {
    left: 83.33333333%;
  }
  .emotion--container.emotion--column-12 .col-m-12 {
    width: 100%;
  }
  .emotion--container.emotion--column-12 .start-col-m-12 {
    left: 91.66666667%;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-12 .col-l-1 {
    width: 8.33333333%;
  }
  .emotion--container.emotion--column-12 .start-col-l-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-12 .col-l-2 {
    width: 16.66666667%;
  }
  .emotion--container.emotion--column-12 .start-col-l-2 {
    left: 8.33333333%;
  }
  .emotion--container.emotion--column-12 .col-l-3 {
    width: 25%;
  }
  .emotion--container.emotion--column-12 .start-col-l-3 {
    left: 16.66666667%;
  }
  .emotion--container.emotion--column-12 .col-l-4 {
    width: 33.33333333%;
  }
  .emotion--container.emotion--column-12 .start-col-l-4 {
    left: 25%;
  }
  .emotion--container.emotion--column-12 .col-l-5 {
    width: 41.66666667%;
  }
  .emotion--container.emotion--column-12 .start-col-l-5 {
    left: 33.33333333%;
  }
  .emotion--container.emotion--column-12 .col-l-6 {
    width: 50%;
  }
  .emotion--container.emotion--column-12 .start-col-l-6 {
    left: 41.66666667%;
  }
  .emotion--container.emotion--column-12 .col-l-7 {
    width: 58.33333333%;
  }
  .emotion--container.emotion--column-12 .start-col-l-7 {
    left: 50%;
  }
  .emotion--container.emotion--column-12 .col-l-8 {
    width: 66.66666667%;
  }
  .emotion--container.emotion--column-12 .start-col-l-8 {
    left: 58.33333333%;
  }
  .emotion--container.emotion--column-12 .col-l-9 {
    width: 75%;
  }
  .emotion--container.emotion--column-12 .start-col-l-9 {
    left: 66.66666667%;
  }
  .emotion--container.emotion--column-12 .col-l-10 {
    width: 83.33333333%;
  }
  .emotion--container.emotion--column-12 .start-col-l-10 {
    left: 75%;
  }
  .emotion--container.emotion--column-12 .col-l-11 {
    width: 91.66666667%;
  }
  .emotion--container.emotion--column-12 .start-col-l-11 {
    left: 83.33333333%;
  }
  .emotion--container.emotion--column-12 .col-l-12 {
    width: 100%;
  }
  .emotion--container.emotion--column-12 .start-col-l-12 {
    left: 91.66666667%;
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-12 .col-xl-1 {
    width: 8.33333333%;
  }
  .emotion--container.emotion--column-12 .start-col-xl-1 {
    left: 0%;
  }
  .emotion--container.emotion--column-12 .col-xl-2 {
    width: 16.66666667%;
  }
  .emotion--container.emotion--column-12 .start-col-xl-2 {
    left: 8.33333333%;
  }
  .emotion--container.emotion--column-12 .col-xl-3 {
    width: 25%;
  }
  .emotion--container.emotion--column-12 .start-col-xl-3 {
    left: 16.66666667%;
  }
  .emotion--container.emotion--column-12 .col-xl-4 {
    width: 33.33333333%;
  }
  .emotion--container.emotion--column-12 .start-col-xl-4 {
    left: 25%;
  }
  .emotion--container.emotion--column-12 .col-xl-5 {
    width: 41.66666667%;
  }
  .emotion--container.emotion--column-12 .start-col-xl-5 {
    left: 33.33333333%;
  }
  .emotion--container.emotion--column-12 .col-xl-6 {
    width: 50%;
  }
  .emotion--container.emotion--column-12 .start-col-xl-6 {
    left: 41.66666667%;
  }
  .emotion--container.emotion--column-12 .col-xl-7 {
    width: 58.33333333%;
  }
  .emotion--container.emotion--column-12 .start-col-xl-7 {
    left: 50%;
  }
  .emotion--container.emotion--column-12 .col-xl-8 {
    width: 66.66666667%;
  }
  .emotion--container.emotion--column-12 .start-col-xl-8 {
    left: 58.33333333%;
  }
  .emotion--container.emotion--column-12 .col-xl-9 {
    width: 75%;
  }
  .emotion--container.emotion--column-12 .start-col-xl-9 {
    left: 66.66666667%;
  }
  .emotion--container.emotion--column-12 .col-xl-10 {
    width: 83.33333333%;
  }
  .emotion--container.emotion--column-12 .start-col-xl-10 {
    left: 75%;
  }
  .emotion--container.emotion--column-12 .col-xl-11 {
    width: 91.66666667%;
  }
  .emotion--container.emotion--column-12 .start-col-xl-11 {
    left: 83.33333333%;
  }
  .emotion--container.emotion--column-12 .col-xl-12 {
    width: 100%;
  }
  .emotion--container.emotion--column-12 .start-col-xl-12 {
    left: 91.66666667%;
  }
}
.emotion--container .is--hidden-s,
.emotion--container .is--hidden-m,
.emotion--container .is--hidden-l,
.emotion--container .is--hidden-xl {
  display: block;
}
.emotion--container .is--hidden-xs {
  display: none;
}
.emotion--container .emotion--sizer-s,
.emotion--container .emotion--sizer-m,
.emotion--container .emotion--sizer-l,
.emotion--container .emotion--sizer-xl {
  display: none;
}
.emotion--container .emotion--sizer-xs {
  display: block;
}
.emotion--container .emotion--sizer-xs ~ .emotion--sizer {
  display: none;
}
@media screen and (min-width: 30em) {
  .emotion--container .is--hidden-xs,
  .emotion--container .is--hidden-m,
  .emotion--container .is--hidden-l,
  .emotion--container .is--hidden-xl {
    display: block;
  }
  .emotion--container .is--hidden-s {
    display: none;
  }
  .emotion--container .emotion--sizer-xs,
  .emotion--container .emotion--sizer-m,
  .emotion--container .emotion--sizer-l,
  .emotion--container .emotion--sizer-xl {
    display: none;
  }
  .emotion--container .emotion--sizer-s {
    display: block;
  }
  .emotion--container .emotion--sizer-s ~ .emotion--sizer {
    display: none;
  }
}
@media screen and (min-width: 48em) {
  .emotion--container .is--hidden-xs,
  .emotion--container .is--hidden-s,
  .emotion--container .is--hidden-l,
  .emotion--container .is--hidden-xl {
    display: block;
  }
  .emotion--container .is--hidden-m {
    display: none;
  }
  .emotion--container .emotion--sizer-s,
  .emotion--container .emotion--sizer-xs,
  .emotion--container .emotion--sizer-l,
  .emotion--container .emotion--sizer-xl {
    display: none;
  }
  .emotion--container .emotion--sizer-m {
    display: block;
  }
  .emotion--container .emotion--sizer-m ~ .emotion--sizer {
    display: none;
  }
}
@media screen and (min-width: 64em) {
  .emotion--container .is--hidden-xs,
  .emotion--container .is--hidden-s,
  .emotion--container .is--hidden-m,
  .emotion--container .is--hidden-xl {
    display: block;
  }
  .emotion--container .is--hidden-l {
    display: none;
  }
  .emotion--container .emotion--sizer-xs,
  .emotion--container .emotion--sizer-s,
  .emotion--container .emotion--sizer-m,
  .emotion--container .emotion--sizer-xl {
    display: none;
  }
  .emotion--container .emotion--sizer-l {
    display: block;
  }
  .emotion--container .emotion--sizer-l ~ .emotion--sizer {
    display: none;
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container .is--hidden-xs,
  .emotion--container .is--hidden-s,
  .emotion--container .is--hidden-m,
  .emotion--container .is--hidden-l {
    display: block;
  }
  .emotion--container .is--hidden-xl {
    display: none;
  }
  .emotion--container .emotion--sizer-s,
  .emotion--container .emotion--sizer-xs,
  .emotion--container .emotion--sizer-m,
  .emotion--container .emotion--sizer-l {
    display: none;
  }
  .emotion--container .emotion--sizer-xl {
    display: block;
  }
  .emotion--container .emotion--sizer-xl ~ .emotion--sizer {
    display: none;
  }
}
.emotion--element {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.emotion--container.emotion--mode-rows .emotion--element {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  vertical-align: top;
}
.emotion--banner {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.emotion--banner .banner--content {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
.emotion--banner .banner--content.left.top {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  left: 0;
  top: 0;
}
.emotion--banner .banner--content.left.center {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 0;
  top: 50%;
}
.emotion--banner .banner--content.left.bottom {
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  left: 0;
  top: 100%;
}
.emotion--banner .banner--content.center.top {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  top: 0;
}
.emotion--banner .banner--content.center.bottom {
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  left: 50%;
  top: 100%;
}
.emotion--banner .banner--content.right.top {
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  left: 100%;
  top: 0;
}
.emotion--banner .banner--content.right.center {
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  left: 100%;
  top: 50%;
}
.emotion--banner .banner--content.right.bottom {
  -webkit-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%);
  left: 100%;
  top: 100%;
}
.emotion--mode-rows .emotion--banner {
  height: auto;
}
.emotion--mode-rows .emotion--banner .banner--content,
.emotion--mode-rows .emotion--banner .banner--content.left.top,
.emotion--mode-rows .emotion--banner .banner--content.left.center,
.emotion--mode-rows .emotion--banner .banner--content.left.bottom,
.emotion--mode-rows .emotion--banner .banner--content.center.top,
.emotion--mode-rows .emotion--banner .banner--content.center.bottom,
.emotion--mode-rows .emotion--banner .banner--content.right.top,
.emotion--mode-rows .emotion--banner .banner--content.right.center,
.emotion--mode-rows .emotion--banner .banner--content.right.bottom {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  left: 0;
  top: 0;
  float: none;
}
.emotion--mode-rows .emotion--banner .banner--image-src {
  max-height: none;
  width: 100%;
}
.emotion--banner .banner--image {
  width: 100%;
}
.emotion--banner .banner--link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 110;
}
.emotion--banner .banner--mapping {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.emotion--banner .banner--mapping-link {
  position: absolute;
  display: block;
  z-index: 110;
  background: rgba(0, 0, 0, 0);
}
.emotion--banner-slider {
  width: 100%;
  height: 100%;
}
.emotion--mode-rows .emotion--banner-slider {
  height: auto;
}
.emotion--mode-rows .emotion--banner-slider .banner-slider--container,
.emotion--mode-rows .emotion--banner-slider .banner-slider--slide {
  height: auto;
}
.emotion--mode-rows .emotion--banner-slider .banner-slider--item {
  vertical-align: middle;
}
.emotion--mode-rows .emotion--banner-slider .banner-slider--banner {
  -webkit-transform: none;
  transform: none;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
.emotion--banner-slider .banner-slider--title {
  padding: 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: 700;
  background: rgba(0, 0, 0, 0.5);
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
}
.emotion--banner-slider .banner-slider--container,
.emotion--banner-slider .banner-slider--slide {
  width: 100%;
  height: 100%;
}
.emotion--banner-slider .banner-slider--container .arrow {
  display: block;
}
.emotion--banner-slider .banner-slider--item {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.emotion--banner-slider .banner-slider--banner {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
}
.emotion--banner-slider .banner-slider--image {
  width: 100%;
}
.emotion--banner-slider .banner-slider--link {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}
.emotion--banner-slider .image-slider--dots {
  display: none;
}
.emotion--product-slider {
  width: 100%;
  height: 100%;
  position: relative;
}
.emotion--mode-rows .emotion--product-slider {
  height: 360px;
  height: 22.5rem;
}
.emotion--product-slider .product-slider--title {
  height: 55px;
  height: 3.4375rem;
  position: relative;
  top: 0;
  left: 0;
  z-index: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.emotion--product-slider .product-slider--content {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 400;
}
.emotion--product-slider .product-slider--title ~ .product-slider--content {
  padding-top: 65px;
  padding-top: 4.0625rem;
}
.emotion--product-slider .product-slider--arrow.arrow--next {
  border-right: 0 none;
}
.emotion--product-slider .product-slider--arrow.arrow--prev {
  border-left: 0 none;
}
.emotion--product-slider .box--emotion {
  width: 100%;
  height: 100%;
  padding: 0;
  text-align: center;
}
.emotion--product-slider .box--emotion .box--content {
  padding: 0;
  border: 0 none;
}
.emotion--product-slider .box--emotion .product--info {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.emotion--product-slider .box--emotion .product--image {
  height: 60%;
  margin: 0 auto;
}
.emotion--product-slider .box--emotion .product--details {
  max-height: 35%;
  width: 100%;
  margin-top: 5%;
}
.emotion--product-slider .box--emotion .product--title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  white-space: normal;
}
.emotion--product-slider .box--emotion .product--price-info .price--unit {
  height: 15px;
  height: 0.9375rem;
  font-size: 10px;
  font-size: 0.625rem;
}
.emotion--product-slider .box--emotion .product--price .price--default {
  font-size: 14px;
  font-size: 0.875rem;
}
.emotion--product {
  width: 100%;
  height: 100%;
}
.emotion--mode-rows .emotion--product {
  height: 360px;
  height: 22.5rem;
}
.emotion--product.is--no-border .box--content {
  border: 0 none;
}
.emotion--product .product--box {
  width: 100%;
  height: 100%;
  padding: 0;
  float: none;
}
.emotion--product .product--box .box--content {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
}
.emotion--product .product--box .product--info {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.emotion--product .product--box .product--image {
  height: 70%;
  margin: 0 auto;
}
.emotion--product .product--box .product--image.is--large {
  height: 100%;
}
.emotion--product .product--box .product--details {
  max-height: 30%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.emotion--product .product--box .product--title {
  text-overflow: ellipsis;
}
.emotion--category-teaser {
  width: 100%;
  height: 100%;
}
.emotion--mode-rows .emotion--category-teaser {
  height: 360px;
  height: 22.5rem;
}
.emotion--category-teaser .category-teaser--link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
}
.emotion--category-teaser .category-teaser--title {
  padding: 10px 20px 10px 20px;
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.5);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.emotion--manufacturer {
  width: 100%;
  height: 100%;
  position: relative;
}
.emotion--mode-rows .emotion--manufacturer {
  height: 260px;
  height: 16.25rem;
}
.emotion--manufacturer .manufacturer--title {
  height: 55px;
  height: 3.4375rem;
  position: relative;
  top: 0;
  left: 0;
  z-index: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.emotion--manufacturer .manufacturer--content {
  padding: 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: #5f7285;
  font-weight: 700;
  position: relative;
}
.emotion--manufacturer .manufacturer--link:hover {
  color: #b61934;
}
.emotion--manufacturer .manufacturer--image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.emotion--youtube {
  width: 100%;
  height: 100%;
}
.emotion--mode-rows .emotion--youtube {
  height: 360px;
  height: 22.5rem;
}
.emotion--video {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.emotion--mode-rows .emotion--video {
  height: auto;
}
.emotion--mode-rows .emotion--video .video--element {
  height: auto;
  position: relative;
}
.emotion--video video::-moz-media-controls,
.emotion--video video::-webkit-media-controls {
  bottom: 15%;
}
.emotion--video .video--element {
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}
.emotion--video .video--cover {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1300;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #000;
  text-align: center;
}
.emotion--video .video--cover .video--play-icon {
  width: 100px;
  width: 6.25rem;
  height: 100px;
  height: 6.25rem;
  font-size: 100px;
  font-size: 6.25rem;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  color: #fff;
}
.emotion--video .video--play-btn {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  top: 25px;
  top: 1.5625rem;
  right: 25px;
  right: 1.5625rem;
  line-height: 40px;
  line-height: 2.5rem;
  font-size: 21px;
  font-size: 1.3125rem;
  width: 42px;
  width: 2.625rem;
  height: 42px;
  height: 2.625rem;
  border-radius: 100%;
  background-clip: padding-box;
  position: absolute;
  cursor: pointer;
  color: #fff;
  border: 2px solid #fff;
  text-align: center;
  z-index: 1200;
}
.emotion--video .video--text {
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1100;
  color: #fff;
  text-align: center;
}
.emotion--video .video--text.no--events {
  pointer-events: none;
}
.emotion--iframe {
  width: 100%;
  height: 100%;
}
.emotion--mode-rows .emotion--iframe {
  height: 360px;
  height: 22.5rem;
}
.emotion--blog {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.emotion--mode-rows .emotion--blog {
  height: auto;
}
.emotion--mode-rows .emotion--blog .blog--image {
  height: 160px;
  height: 10rem;
}
.emotion--blog .blog--container {
  height: 100%;
  margin: 0 0 0 -1%;
}
.emotion--blog .blog--entry {
  height: 100%;
  padding-left: 1%;
}
.emotion--blog .blog--image {
  height: 40%;
  width: 100%;
  display: block;
  background-position: center center;
  background-size: cover;
  margin-bottom: 2%;
}
.emotion--blog .blog--title {
  font-size: 14px;
  font-size: 0.875rem;
  display: block;
  font-weight: 700;
  color: #3f4c58;
  margin-bottom: 2%;
}
.emotion--blog .blog--title:hover {
  color: #b61934;
}
.emotion--blog .blog--description {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  color: #5f7285;
  height: auto;
  max-height: 60%;
}
.emotion--html {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}
.emotion--mode-rows .emotion--html {
  height: auto;
}
.emotion--html .html--content :last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 48em) {
  .emotion--blog {
    overflow: hidden;
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--banner-slider .image-slider--dots {
    bottom: 10px;
    bottom: 0.625rem;
    top: auto;
    left: 0;
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .emotion--banner-slider .image-slider--dots .dot--link {
    border-radius: 100%;
    margin: 0px 2px 0px 2px;
    margin: 0rem 0.125rem 0rem 0.125rem;
    width: 20px;
    width: 1.25rem;
    height: 20px;
    height: 1.25rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #3f4c58;
    display: inline-block;
    border: 5px solid rgba(255, 255, 255, 0.5);
    cursor: pointer;
    text-indent: -99999em;
    background-clip: padding-box;
  }
  .emotion--banner-slider .image-slider--dots .dot--link.is--active {
    background: #b61934;
    background-clip: padding-box;
  }
}
/*
Input Types
==========================================
Defines the basic styling of the Shopware input element types.

It contains the different states of the input fields.
```
<div>
    <input type="text" placeholder="Text Input">
</div>

<div>
    <input type="password" placeholder="Password Input">
</div>

<div class="textarea">
    <textarea placeholder="Textarea"></textarea>
</div>
```
*/
textarea,
input[type="text"],
input[type="search"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
#paypal-acdc-form .field {
  -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: 14px;
  font-size: 0.875rem;
  width: 290px;
  width: 18.125rem;
  padding: 10px 10px 9px 10px;
  padding: 0.625rem 0.625rem 0.5625rem 0.625rem;
  box-shadow: inset 0 1px 1px #dadae5;
  background: #f8f8fa;
  border: 1px solid #dadae5;
  border-top-color: #cbcbdb;
  color: #8798a9;
  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: #b61934;
  background: #ffffff;
  color: #5f7285;
}
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,
#paypal-acdc-form .field.has--error {
  color: #e74c3c;
  background: #faeceb;
  border-color: #e74c3c;
}
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: 0.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: 14px;
  font-size: 0.875rem;
  color: #5f7285;
}
label.has--error {
  color: #e74c3c;
  background: #faeceb;
}
/*
Selectfield
==========================================
Creates a styled combobox selection for the basic select element.

```
<div class="select-field">
    <select>
        <option selected="selected" disabled="disabled" value="">Disabled Option</option>
        <option>Option 1</option>
        <option>Option 2</option>
    </select>
</div>
```
*/
.select-field,
.js--fancy-select {
  max-width: 290px;
  max-width: 18.125rem;
  height: 42px;
  height: 2.625rem;
  width: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.select-field:hover,
.js--fancy-select:hover {
  color: #b61934;
}
.select-field select,
.js--fancy-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0px 40px 0px 10px;
  padding: 0rem 2.5rem 0rem 0.625rem;
  line-height: 40px;
  line-height: 2.5rem;
  border-radius: 3px;
  background-clip: padding-box;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8fa 100%);
  height: 100%;
  width: 100%;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  border: 1px solid #dadae5;
}
.select-field select option,
.js--fancy-select select option {
  padding: 4px 8px 4px 8px;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  color: #3f4c58;
  background: #fff;
}
.select-field select::-ms-expand,
.js--fancy-select select::-ms-expand {
  display: none;
}
.select-field select:hover,
.js--fancy-select select:hover {
  color: #b61934;
  border-color: #b61934;
  background: #fff;
}
.select-field select:focus,
.js--fancy-select select:focus {
  outline: none;
  color: #b61934;
  border-color: #b61934;
}
.select-field select:focus::-ms-value,
.js--fancy-select select:focus::-ms-value {
  color: #b61934;
  background: none;
}
.select-field select:disabled,
.js--fancy-select select:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.select-field select.has--error,
.js--fancy-select select.has--error {
  color: #e74c3c;
  border-color: #e74c3c;
  background: #faeceb;
}
.select-field:after,
.js--fancy-select:after {
  width: 30px;
  width: 1.875rem;
  height: 40px;
  height: 2.5rem;
  top: 1px;
  top: 0.0625rem;
  -webkit-user-select: none;
  user-select: none;
  line-height: 40px;
  max-height: 100%;
  display: block;
  content: "\e612";
  position: absolute;
  right: 0;
  font-size: 5px;
  border-left: 1px solid #dadae5;
  text-align: center;
  font-family: 'shopware';
  pointer-events: none;
}
.select-field:after:hover,
.js--fancy-select:after:hover {
  color: #b61934;
}
.select-field.is--disabled select,
.js--fancy-select.is--disabled select,
.select-field.is--disabled:after,
.js--fancy-select.is--disabled:after {
  opacity: 0.5;
  cursor: not-allowed;
}
.select-field.has--error select,
.js--fancy-select.has--error select {
  color: #e74c3c;
  border-color: #e74c3c;
  background: #faeceb;
}
.select-field.has--error:after,
.js--fancy-select.has--error:after {
  color: #e74c3c;
  border-color: #e74c3c;
}
@media screen and (min-width: 48em) {
  /* Standard input fields. */
  .input--field {
    margin-bottom: 15px;
    margin-bottom: 0.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: 0.9375rem;
  }
}
/*
Icon set
============================================
######Shopware Icon set elements

Accessable with the `i` element and the `icon--` class.

Example: `<i class="icon--cart"></i>`

```
<table style="width: 80%;margin: 20px auto;text-align: center;">
    <tbody>
        <tr>
            <td><i class="icon--percent2"></i><br/>
                icon--percent2
            </td>

            <td><i class="icon--percent"></i><br/>
                icon--percent
            </td>

            <td><i class="icon--coupon"></i><br/>
                icon--coupon
            </td>

            <td><i class="icon--truck"></i><br/>
                icon--truck
            </td>

            <td><i class="icon--logout"></i><br/>
                icon--logout
            </td>

            <td><i class="icon--grid"></i><br/>
                icon--grid
            </td>

            <td><i class="icon--filter"></i><br/>
                icon--filter
            </td>

        </tr>
        <tr>
            <td><i class="icon--clock"></i><br/>
                icon--clock
            </td>

            <td><i class="icon--arrow-up"></i><br/>
                icon--arrow-up
            </td>

            <td><i class="icon--arrow-right"></i><br/>
                icon--arrow-right
            </td>

            <td><i class="icon--arrow-left"></i><br/>
                icon--arrow-left
            </td>

            <td><i class="icon--arrow-down"></i><br/>
                icon--arrow-down
            </td>

            <td><i class="icon--star"></i><br/>
                icon--star
            </td>

            <td><i class="icon--star-half"></i><br/>
                icon--star-half
            </td>
        </tr>

        <tr>
            <td><i class="icon--star-empty"></i><br/>
                icon--star-empty
            </td>

            <td><i class="icon--shopware"></i><br/>
                icon--shopware
            </td>

            <td><i class="icon--service"></i><br/>
                icon--service
            </td>

            <td><i class="icon--search"></i><br/>
                icon--search
            </td>

            <td><i class="icon--numbered-list"></i><br/>
                icon--numbered-list
            </td>

            <td><i class="icon--menu"></i><br/>
                icon--menu
            </td>

            <td><i class="icon--mail"></i><br/>
                icon--mail
            </td>
        </tr>

        <tr>
            <td><i class="icon--list"></i><br/>
                icon--list
            </td>

            <td><i class="icon--layout"></i><br/>
                icon--layout
            </td>

            <td><i class="icon--heart"></i><br/>
                icon--heart
            </td>

            <td><i class="icon--cross"></i><br/>
                icon--cross
            </td>

            <td><i class="icon--compare"></i><br/>
                icon--compare
            </td>

            <td><i class="icon--check"></i><br/>
                icon--check
            </td>

            <td><i class="icon--basket"></i><br/>
                icon--basket
            </td>
        </tr>

        <tr>
            <td><i class="icon--account"></i><br/>
                icon--account
            </td>

            <td><i class="icon--chain"></i><br/>
                icon--chain
            </td>

            <td><i class="icon--delicious"></i><br/>
                icon--delicious
            </td>

            <td><i class="icon--delicious2"></i><br/>
                icon--delicious2
            </td>

            <td><i class="icon--digg"></i><br/>
                icon--digg
            </td>

            <td><i class="icon--phone"></i><br/>
                icon--phone
            </td>

            <td><i class="icon--mobile"></i><br/>
                icon--mobile
            </td>
        </tr>

        <tr>
            <td><i class="icon--mouse"></i><br/>
                icon--mouse
            </td>

            <td><i class="icon--directions"></i><br/>
                icon--directions
            </td>

            <td><i class="icon--paperplane"></i><br/>
                icon--paperplane
            </td>

            <td><i class="icon--pencil"></i><br/>
                icon--pencil
            </td>

            <td><i class="icon--feather"></i><br/>
                icon--feather
            </td>

            <td><i class="icon--paperclip"></i><br/>
                icon--paperclip
            </td>

            <td><i class="icon--drawer"></i><br/>
                icon--drawer
            </td>
        </tr>

        <tr>
            <td><i class="icon--reply"></i><br/>
                icon--reply
            </td>

            <td><i class="icon--reply-all"></i><br/>
                icon--reply-all
            </td>

            <td><i class="icon--forward"></i><br/>
                icon--forward
            </td>

            <td><i class="icon--users"></i><br/>
                icon--users
            </td>

            <td><i class="icon--user-add"></i><br/>
                icon--user-add
            </td>

            <td><i class="icon--vcard"></i><br/>
                icon--vcard
            </td>

            <td><i class="icon--export"></i><br/>
                icon--export
            </td>
        </tr>

        <tr>
            <td><i class="icon--location"></i><br/>
                icon--location
            </td>

            <td><i class="icon--map"></i><br/>
                icon--map
            </td>

            <td><i class="icon--compass"></i><br/>
                icon--compass
            </td>

            <td><i class="icon--location2"></i><br/>
                icon--location2
            </td>

            <td><i class="icon--target"></i><br/>
                icon--target
            </td>

            <td><i class="icon--share"></i><br/>
                icon--share
            </td>

            <td><i class="icon--sharable"></i><br/>
                icon--sharable
            </td>
        </tr>

        <tr>
            <td><i class="icon--thumbsup"></i><br/>
                icon--thumbsup
            </td>

            <td><i class="icon--thumbsdown"></i><br/>
                icon--thumbsdown
            </td>

            <td><i class="icon--chat"></i><br/>
                icon--chat
            </td>

            <td><i class="icon--comment"></i><br/>
                icon--comment
            </td>

            <td><i class="icon--quote"></i><br/>
                icon--quote
            </td>

            <td><i class="icon--house"></i><br/>
                icon--house
            </td>

            <td><i class="icon--popup"></i><br/>
                icon--popup
            </td>
        </tr>

        <tr>
            <td><i class="icon--flashlight"></i><br/>
                icon--flashlight
            </td>

            <td><i class="icon--printer"></i><br/>
                icon--printer
            </td>

            <td><i class="icon--bell"></i><br/>
                icon--bell
            </td>

            <td><i class="icon--link"></i><br/>
                icon--link
            </td>

            <td><i class="icon--cog"></i><br/>
                icon--cog
            </td>

            <td><i class="icon--tools"></i><br/>
                icon--tools
            </td>

            <td><i class="icon--trophy"></i><br/>
                icon--trophy
            </td>
        </tr>

        <tr>
            <td><i class="icon--tag"></i><br/>
                icon--tag
            </td>

            <td><i class="icon--camera"></i><br/>
                icon--camera
            </td>

            <td><i class="icon--megaphone"></i><br/>
                icon--megaphone
            </td>

            <td><i class="icon--moon"></i><br/>
                icon--moon
            </td>

            <td><i class="icon--palette"></i><br/>
                icon--palette
            </td>

            <td><i class="icon--leaf"></i><br/>
                icon--leaf
            </td>

            <td><i class="icon--music"></i><br/>
                icon--music
            </td>
        </tr>

        <tr>
            <td><i class="icon--music2"></i><br/>
                icon--music2
            </td>

            <td><i class="icon--new"></i><br/>
                icon--new
            </td>

            <td><i class="icon--graduation"></i><br/>
                icon--graduation
            </td>

            <td><i class="icon--book"></i><br/>
                icon--book
            </td>

            <td><i class="icon--newspaper"></i><br/>
                icon--newspaper
            </td>

            <td><i class="icon--bag"></i><br/>
                icon--bag
            </td>

            <td><i class="icon--airplane"></i><br/>
                icon--airplane
            </td>
        </tr>

        <tr>
            <td><i class="icon--lifebuoy"></i><br/>
                icon--lifebuoy
            </td>

            <td><i class="icon--eye"></i><br/>
                icon--eye
            </td>

            <td><i class="icon--clock2"></i><br/>
                icon--clock2
            </td>

            <td><i class="icon--microphone"></i><br/>
                icon--microphone
            </td>

            <td><i class="icon--calendar"></i><br/>
                icon--calendar
            </td>

            <td><i class="icon--bolt"></i><br/>
                icon--bolt
            </td>

            <td><i class="icon--thunder"></i><br/>
                icon--thunder
            </td>
        </tr>

        <tr>
            <td><i class="icon--droplet"></i><br/>
                icon--droplet
            </td>

            <td><i class="icon--cd"></i><br/>
                icon--cd
            </td>

            <td><i class="icon--briefcase"></i><br/>
                icon--briefcase
            </td>

            <td><i class="icon--air"></i><br/>
                icon--air
            </td>

            <td><i class="icon--hourglass"></i><br/>
                icon--hourglass
            </td>

            <td><i class="icon--gauge"></i><br/>
                icon--gauge
            </td>

            <td><i class="icon--language"></i><br/>
                icon--language
            </td>
        </tr>

        <tr>
            <td><i class="icon--network"></i><br/>
                icon--network
            </td>

            <td><i class="icon--key"></i><br/>
                icon--key
            </td>

            <td><i class="icon--battery"></i><br/>
                icon--battery
            </td>

            <td><i class="icon--bucket"></i><br/>
                icon--bucket
            </td>

            <td><i class="icon--magnet"></i><br/>
                icon--magnet
            </td>

            <td><i class="icon--drive"></i><br/>
                icon--drive
            </td>

            <td><i class="icon--cup"></i><br/>
                icon--cup
            </td>
        </tr>

        <tr>
            <td><i class="icon--rocket"></i><br/>
                icon--rocket
            </td>

            <td><i class="icon--brush"></i><br/>
                icon--brush
            </td>

            <td><i class="icon--suitcase"></i><br/>
                icon--suitcase
            </td>

            <td><i class="icon--cone"></i><br/>
                icon--cone
            </td>

            <td><i class="icon--earth"></i><br/>
                icon--earth
            </td>

            <td><i class="icon--keyboard"></i><br/>
                icon--keyboard
            </td>

            <td><i class="icon--browser"></i><br/>
                icon--browser
            </td>
        </tr>

        <tr>
            <td><i class="icon--publish"></i><br/>
                icon--publish
            </td>

            <td><i class="icon--progress-3"></i><br/>
                icon--progress-3
            </td>

            <td><i class="icon--progress-2"></i><br/>
                icon--progress-2
            </td>

            <td><i class="icon--progress-1"></i><br/>
                icon--progress-1
            </td>

            <td><i class="icon--progress-0"></i><br/>
                icon--progress-0
            </td>

            <td><i class="icon--sun"></i><br/>
                icon--sun
            </td>

            <td><i class="icon--sun2"></i><br/>
                icon--sun2
            </td>
        </tr>

        <tr>
            <td><i class="icon--adjust"></i><br/>
                icon--adjust
            </td>

            <td><i class="icon--code"></i><br/>
                icon--code
            </td>

            <td><i class="icon--screen"></i><br/>
                icon--screen
            </td>

            <td><i class="icon--infinity"></i><br/>
                icon--infinity
            </td>

            <td><i class="icon--light-bulb"></i><br/>
                icon--light-bulb
            </td>

            <td><i class="icon--creditcard"></i><br/>
                icon--creditcard
            </td>

            <td><i class="icon--database"></i><br/>
                icon--database
            </td>
        </tr>

        <tr>
            <td><i class="icon--voicemail"></i><br/>
                icon--voicemail
            </td>

            <td><i class="icon--clipboard"></i><br/>
                icon--clipboard
            </td>

            <td><i class="icon--box"></i><br/>
                icon--box
            </td>

            <td><i class="icon--ticket"></i><br/>
                icon--ticket
            </td>

            <td><i class="icon--rss"></i><br/>
                icon--rss
            </td>

            <td><i class="icon--signal"></i><br/>
                icon--signal
            </td>

            <td><i class="icon--thermometer"></i><br/>
                icon--thermometer
            </td>
        </tr>

        <tr>
            <td><i class="icon--droplets"></i><br/>
                icon--droplets
            </td>

            <td><i class="icon--uniE680"></i><br/>
                icon--uniE680
            </td>

            <td><i class="icon--statistics"></i><br/>
                icon--statistics
            </td>

            <td><i class="icon--pie"></i><br/>
                icon--pie
            </td>

            <td><i class="icon--bars"></i><br/>
                icon--bars
            </td>

            <td><i class="icon--graph"></i><br/>
                icon--graph
            </td>

            <td><i class="icon--lock"></i><br/>
                icon--lock
            </td>
        </tr>

        <tr>
            <td><i class="icon--lock-open"></i><br/>
                icon--lock-open
            </td>

            <td><i class="icon--login"></i><br/>
                icon--login
            </td>

            <td><i class="icon--minus"></i><br/>
                icon--minus
            </td>

            <td><i class="icon--plus"></i><br/>
                icon--plus
            </td>

            <td><i class="icon--cross2"></i><br/>
                icon--cross2
            </td>

            <td><i class="icon--minus2"></i><br/>
                icon--minus2
            </td>

            <td><i class="icon--cross3"></i><br/>
                icon--cross3
            </td>
        </tr>

        <tr>
            <td><i class="icon--minus3"></i><br/>
                icon--minus3
            </td>

            <td><i class="icon--plus3"></i><br/>
                icon--plus3
            </td>

            <td><i class="icon--erase"></i><br/>
                icon--erase
            </td>

            <td><i class="icon--blocked"></i><br/>
                icon--blocked
            </td>

            <td><i class="icon--info"></i><br/>
                icon--info
            </td>

            <td><i class="icon--info2"></i><br/>
                icon--info2
            </td>

            <td><i class="icon--question"></i><br/>
                icon--question
            </td>
        </tr>

        <tr>
            <td><i class="icon--help"></i><br/>
                icon--help
            </td>

            <td><i class="icon--warning"></i><br/>
                icon--warning
            </td>

            <td><i class="icon--cycle"></i><br/>
                icon--cycle
            </td>

            <td><i class="icon--cw"></i><br/>
                icon--cw
            </td>

            <td><i class="icon--ccw"></i><br/>
                icon--ccw
            </td>

            <td><i class="icon--shuffle"></i><br/>
                icon--shuffle
            </td>

            <td><i class="icon--arrow"></i><br/>
                icon--arrow
            </td>
        </tr>

        <tr>
            <td><i class="icon--arrow2"></i><br/>
                icon--arrow2
            </td>

            <td><i class="icon--retweet"></i><br/>
                icon--retweet
            </td>

            <td><i class="icon--loop"></i><br/>
                icon--loop
            </td>

            <td><i class="icon--history"></i><br/>
                icon--history
            </td>

            <td><i class="icon--back"></i><br/>
                icon--back
            </td>

            <td><i class="icon--list2"></i><br/>
                icon--list2
            </td>

            <td><i class="icon--add-to-list"></i><br/>
                icon--add-to-list
            </td>
        </tr>

        <tr>
            <td><i class="icon--layout2"></i><br/>
                icon--layout2
            </td>

            <td><i class="icon--list3"></i><br/>
                icon--list3
            </td>

            <td><i class="icon--text"></i><br/>
                icon--text
            </td>

            <td><i class="icon--text2"></i><br/>
                icon--text2
            </td>

            <td><i class="icon--document"></i><br/>
                icon--document
            </td>

            <td><i class="icon--docs"></i><br/>
                icon--docs
            </td>

            <td><i class="icon--landscape"></i><br/>
                icon--landscape
            </td>
        </tr>

        <tr>
            <td><i class="icon--pictures"></i><br/>
                icon--pictures
            </td>

            <td><i class="icon--video"></i><br/>
                icon--video
            </td>

            <td><i class="icon--music3"></i><br/>
                icon--music3
            </td>

            <td><i class="icon--folder"></i><br/>
                icon--folder
            </td>

            <td><i class="icon--archive"></i><br/>
                icon--archive
            </td>

            <td><i class="icon--trash"></i><br/>
                icon--trash
            </td>

            <td><i class="icon--upload"></i><br/>
                icon--upload
            </td>
        </tr>

        <tr>
            <td><i class="icon--download"></i><br/>
                icon--download
            </td>

            <td><i class="icon--disk"></i><br/>
                icon--disk
            </td>

            <td><i class="icon--install"></i><br/>
                icon--install
            </td>

            <td><i class="icon--cloud"></i><br/>
                icon--cloud
            </td>

            <td><i class="icon--upload2"></i><br/>
                icon--upload2
            </td>

            <td><i class="icon--bookmark"></i><br/>
                icon--bookmark
            </td>

            <td><i class="icon--bookmarks"></i><br/>
                icon--bookmarks
            </td>
        </tr>

        <tr>
            <td><i class="icon--book2"></i><br/>
                icon--book2
            </td>

            <td><i class="icon--play"></i><br/>
                icon--play
            </td>

            <td><i class="icon--pause"></i><br/>
                icon--pause
            </td>

            <td><i class="icon--record"></i><br/>
                icon--record
            </td>

            <td><i class="icon--stop"></i><br/>
                icon--stop
            </td>

            <td><i class="icon--next"></i><br/>
                icon--next
            </td>

            <td><i class="icon--previous"></i><br/>
                icon--previous
            </td>
        </tr>

        <tr>
            <td><i class="icon--first"></i><br/>
                icon--first
            </td>

            <td><i class="icon--last"></i><br/>
                icon--last
            </td>

            <td><i class="icon--resize-enlarge"></i><br/>
                icon--resize-enlarge
            </td>

            <td><i class="icon--resize-shrink"></i><br/>
                icon--resize-shrink
            </td>

            <td><i class="icon--volume"></i><br/>
                icon--volume
            </td>

            <td><i class="icon--sound"></i><br/>
                icon--sound
            </td>

            <td><i class="icon--mute"></i><br/>
                icon--mute
            </td>
        </tr>


        <tr>
            <td><i class="icon--flow-cascade"></i><br/>
                icon--flow-cascade
            </td>

            <td><i class="icon--flow-branch"></i><br/>
                icon--flow-branch
            </td>

            <td><i class="icon--flow-tree"></i><br/>
                icon--flow-tree
            </td>

            <td><i class="icon--flow-line"></i><br/>
                icon--flow-line
            </td>

            <td><i class="icon--flow-parallel"></i><br/>
                icon--flow-parallel
            </td>

            <td><i class="icon--arrow-left2"></i><br/>
                icon--arrow-left2
            </td>

            <td><i class="icon--arrow-down2"></i><br/>
                icon--arrow-down2
            </td>
        </tr>

        <tr>
            <td><i class="icon--arrow-up-upload"></i><br/>
                icon--arrow-up-upload
            </td>

            <td><i class="icon--arrow-right2"></i><br/>
                icon--arrow-right2
            </td>

            <td><i class="icon--arrow-left3"></i><br/>
                icon--arrow-left3
            </td>

            <td><i class="icon--arrow-down3"></i><br/>
                icon--arrow-down3
            </td>

            <td><i class="icon--arrow-up2"></i><br/>
                icon--arrow-up2
            </td>

            <td><i class="icon--arrow-right3"></i><br/>
                icon--arrow-right3
            </td>

            <td><i class="icon--arrow-left4"></i><br/>
                icon--arrow-left4
            </td>
        </tr>

        <tr>
            <td><i class="icon--arrow-down4"></i><br/>
                icon--arrow-down4
            </td>

            <td><i class="icon--arrow-up3"></i><br/>
                icon--arrow-up3
            </td>

            <td><i class="icon--arrow-right4"></i><br/>
                icon--arrow-right4
            </td>

            <td><i class="icon--arrow-left5"></i><br/>
                icon--arrow-left5
            </td>

            <td><i class="icon--arrow-down5"></i><br/>
                icon--arrow-down5
            </td>

            <td><i class="icon--arrow-up4"></i><br/>
                icon--arrow-up4
            </td>

            <td><i class="icon--arrow-right5"></i><br/>
                icon--arrow-right5
            </td>
        </tr>

        <tr>
            <td><i class="icon--arrow-left6"></i><br/>
                icon--arrow-left6
            </td>

            <td><i class="icon--arrow-down6"></i><br/>
                icon--arrow-down6
            </td>

            <td><i class="icon--arrow-up5"></i><br/>
                icon--arrow-up5
            </td>

            <td><i class="icon--arrow-right6"></i><br/>
                icon--arrow-right6
            </td>

            <td><i class="icon--menu2"></i><br/>
                icon--menu2
            </td>

            <td><i class="icon--ellipsis"></i><br/>
                icon--ellipsis
            </td>

            <td><i class="icon--dots"></i><br/>
                icon--dots
            </td>
        </tr>

        <tr>
            <td><i class="icon--dot"></i><br/>
                icon--dot
            </td>

            <td><i class="icon--cc"></i><br/>
                icon--cc
            </td>

            <td><i class="icon--cc-by"></i><br/>
                icon--cc-by
            </td>

            <td><i class="icon--cc-nc"></i><br/>
                icon--cc-nc
            </td>

            <td><i class="icon--cc-sa"></i><br/>
                icon--cc-sa
            </td>

            <td><i class="icon--cc-nd"></i><br/>
                icon--cc-nd
            </td>

            <td><i class="icon--cc-pd"></i><br/>
                icon--cc-pd
            </td>
        </tr>

        <tr>
            <td><i class="icon--cc-zero"></i><br/>
                icon--cc-zero
            </td>

            <td><i class="icon--cc-share"></i><br/>
                icon--cc-share
            </td>

            <td><i class="icon--cc-share2"></i><br/>
                icon--cc-share2
            </td>

            <td><i class="icon--danielbruce"></i><br/>
                icon--danielbruce
            </td>

            <td><i class="icon--danielbruce2"></i><br/>
                icon--danielbruce2
            </td>

            <td><i class="icon--github"></i><br/>
                icon--github
            </td>

            <td><i class="icon--github2"></i><br/>
                icon--github2
            </td>
        </tr>

        <tr>
            <td><i class="icon--flickr"></i><br/>
                icon--flickr
            </td>

            <td><i class="icon--flickr2"></i><br/>
                icon--flickr2
            </td>

            <td><i class="icon--vimeo"></i><br/>
                icon--vimeo
            </td>

            <td><i class="icon--vimeo2"></i><br/>
                icon--vimeo2
            </td>

            <td><i class="icon--twitter"></i><br/>
                icon--twitter
            </td>

            <td><i class="icon--twitter2"></i><br/>
                icon--twitter2
            </td>

            <td><i class="icon--facebook"></i><br/>
                icon--facebook
            </td>
        </tr>

        <tr>
            <td><i class="icon--facebook2"></i><br/>
                icon--facebook2
            </td>

            <td><i class="icon--facebook3"></i><br/>
                icon--facebook3
            </td>

            <td><i class="icon--googleplus"></i><br/>
                icon--googleplus
            </td>

            <td><i class="icon--googleplus2"></i><br/>
                icon--googleplus2
            </td>

            <td><i class="icon--pinterest"></i><br/>
                icon--pinterest
            </td>

            <td><i class="icon--pinterest2"></i><br/>
                icon--pinterest2
            </td>

            <td><i class="icon--tumblr"></i><br/>
                icon--tumblr
            </td>
        </tr>

        <tr>
            <td><i class="icon--tumblr2"></i><br/>
                icon--tumblr2
            </td>

            <td><i class="icon--linkedin"></i><br/>
                icon--linkedin
            </td>

            <td><i class="icon--linkedin2"></i><br/>
                icon--linkedin2
            </td>

            <td><i class="icon--dribbble"></i><br/>
                icon--dribbble
            </td>

            <td><i class="icon--dribbble2"></i><br/>
                icon--dribbble2
            </td>

            <td><i class="icon--stumbleupon"></i><br/>
                icon--stumbleupon
            </td>

            <td><i class="icon--stumbleupon2"></i><br/>
                icon--stumbleupon2
            </td>
        </tr>

        <tr>
            <td><i class="icon--lastfm"></i><br/>
                icon--lastfm
            </td>

            <td><i class="icon--lastfm2"></i><br/>
                icon--lastfm2
            </td>

            <td><i class="icon--rdio"></i><br/>
                icon--rdio
            </td>

            <td><i class="icon--rdio2"></i><br/>
                icon--rdio2
            </td>

            <td><i class="icon--spotify"></i><br/>
                icon--spotify
            </td>

            <td><i class="icon--spotify2"></i><br/>
                icon--spotify2
            </td>

            <td><i class="icon--qq"></i><br/>
                icon--qq
            </td>
        </tr>

        <tr>
            <td><i class="icon--instagram3"></i><br/>
                icon--instagram3
            </td>

            <td><i class="icon--dropbox"></i><br/>
                icon--dropbox
            </td>

            <td><i class="icon--evernote"></i><br/>
                icon--evernote
            </td>

            <td><i class="icon--flattr"></i><br/>
                icon--flattr
            </td>

            <td><i class="icon--skype"></i><br/>
                icon--skype
            </td>

            <td><i class="icon--skype2"></i><br/>
                icon--skype2
            </td>

            <td><i class="icon--renren"></i><br/>
                icon--renren
            </td>
        </tr>

        <tr>
            <td><i class="icon--sina-weibo"></i><br/>
                icon--sina-weibo
            </td>

            <td><i class="icon--paypal"></i><br/>
                icon--paypal
            </td>

            <td><i class="icon--picasa"></i><br/>
                icon--picasa
            </td>

            <td><i class="icon--soundcloud"></i><br/>
                icon--soundcloud
            </td>

            <td><i class="icon--mixi"></i><br/>
                icon--mixi
            </td>

            <td><i class="icon--behance"></i><br/>
                icon--behance
            </td>

            <td><i class="icon--circles"></i><br/>
                icon--circles
            </td>
        </tr>

        <tr>
            <td><i class="icon--vk"></i><br/>
                icon--vk
            </td>

            <td><i class="icon--smashing"></i><br/>
                icon--smashing
            </td>

            <td><i class="icon--feed"></i><br/>
                icon--feed
            </td>

            <td><i class="icon--feed2"></i><br/>
                icon--feed2
            </td>

            <td><i class="icon--instagram"></i><br/>
                icon--instagram
            </td>

            <td><i class="icon--instagram2"></i><br/>
                icon--instagram2
            </td>

            <td><i class="icon--xing"></i><br/>
                icon--xing
            </td>
        </tr>

        <tr>
            <td><i class="icon--xing2"></i><br/>
                icon--xing2
            </td>

            <td><i class="icon--youtube"></i><br/>
                icon--youtube
            </td>

            <td><i class="icon--youtube2"></i><br/>
                icon--youtube2
            </td>
        </tr>
    </tbody>
</table>
```
*/
@font-face {
  font-family: 'shopware';
  font-display: block;
  src: url('../../themes/Frontend/Responsive/frontend/_public/src/fonts/shopware.woff2?#ad5ea26116') format('woff2'), url('../../themes/Frontend/Responsive/frontend/_public/src/fonts/shopware.woff?ad5ea26116') format('woff'), url('../../themes/Frontend/Responsive/frontend/_public/src/fonts/shopware.ttf?ad5ea26116') format('truetype'), url('../../themes/Frontend/Responsive/frontend/_public/src/fonts/shopware.svg?ad5ea26116') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon--"],
[class*=" icon--"] {
  font-family: 'shopware';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -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--progress-1:before {
  content: "\e66d";
}
/*
    for backwards-compatibility
    @deprecated
*/
.icon--brogress-1:before {
  content: "\e66d";
}
.icon--progress-0:before {
  content: "\e66e";
}
.icon--sun:before {
  content: "\e66f";
}
.icon--sun2:before {
  content: "\e670";
}
.icon--adjust:before {
  content: "\e671";
}
.icon--code:before {
  content: "\e672";
}
.icon--screen:before {
  content: "\e673";
}
.icon--infinity:before {
  content: "\e674";
}
.icon--light-bulb:before {
  content: "\e675";
}
.icon--creditcard:before {
  content: "\e676";
}
.icon--database:before {
  content: "\e677";
}
.icon--voicemail:before {
  content: "\e678";
}
.icon--clipboard:before {
  content: "\e679";
}
.icon--box:before {
  content: "\e67a";
}
.icon--ticket:before {
  content: "\e67b";
}
.icon--rss:before {
  content: "\e67c";
}
.icon--signal:before {
  content: "\e67d";
}
.icon--thermometer:before {
  content: "\e67e";
}
.icon--droplets:before {
  content: "\e67f";
}
.icon--uniE680:before {
  content: "\e680";
}
.icon--statistics:before {
  content: "\e681";
}
.icon--pie:before {
  content: "\e682";
}
.icon--bars:before {
  content: "\e683";
}
.icon--graph:before {
  content: "\e684";
}
.icon--lock:before {
  content: "\e685";
}
.icon--lock-open:before {
  content: "\e686";
}
.icon--login:before {
  content: "\e687";
}
.icon--minus:before {
  content: "\e688";
}
.icon--plus:before {
  content: "\e689";
}
.icon--cross2:before {
  content: "\e68a";
}
.icon--minus2:before {
  content: "\e68b";
}
.icon--plus2:before {
  content: "\e68c";
}
.icon--cross3:before {
  content: "\e68d";
}
.icon--minus3:before {
  content: "\e68e";
}
.icon--plus3:before {
  content: "\e68f";
}
.icon--erase:before {
  content: "\e690";
}
.icon--blocked:before {
  content: "\e691";
}
.icon--info:before {
  content: "\e61b";
}
.icon--info2:before {
  content: "\e692";
}
.icon--question:before {
  content: "\e693";
}
.icon--help:before {
  content: "\e694";
}
.icon--warning:before {
  content: "\e695";
}
.icon--cycle:before {
  content: "\e696";
}
.icon--cw:before {
  content: "\e697";
}
.icon--ccw:before {
  content: "\e698";
}
.icon--shuffle:before {
  content: "\e699";
}
.icon--arrow:before {
  content: "\e69a";
}
.icon--arrow2:before {
  content: "\e69b";
}
.icon--retweet:before {
  content: "\e69c";
}
.icon--loop:before {
  content: "\e69d";
}
.icon--history:before {
  content: "\e69e";
}
.icon--back:before {
  content: "\e69f";
}
.icon--list2:before {
  content: "\e6a0";
}
.icon--add-to-list:before {
  content: "\e6a1";
}
.icon--layout2:before {
  content: "\e6a2";
}
.icon--list3:before {
  content: "\e6a3";
}
.icon--text:before {
  content: "\e6a4";
}
.icon--text2:before {
  content: "\e6a5";
}
.icon--document:before {
  content: "\e6a6";
}
.icon--docs:before {
  content: "\e6a7";
}
.icon--landscape:before {
  content: "\e6a8";
}
.icon--pictures:before {
  content: "\e6a9";
}
.icon--video:before {
  content: "\e6aa";
}
.icon--music3:before {
  content: "\e6ab";
}
.icon--folder:before {
  content: "\e6ac";
}
.icon--archive:before {
  content: "\e6ad";
}
.icon--trash:before {
  content: "\e6ae";
}
.icon--upload:before {
  content: "\e6af";
}
.icon--download:before {
  content: "\e6b0";
}
.icon--disk:before {
  content: "\e6b1";
}
.icon--install:before {
  content: "\e61c";
}
.icon--cloud:before {
  content: "\e6b2";
}
.icon--upload2:before {
  content: "\e6b3";
}
.icon--bookmark:before {
  content: "\e6b4";
}
.icon--bookmarks:before {
  content: "\e6b5";
}
.icon--book2:before {
  content: "\e6b6";
}
.icon--play:before {
  content: "\e6b7";
}
.icon--pause:before {
  content: "\e6b8";
}
.icon--record:before {
  content: "\e6b9";
}
.icon--stop:before {
  content: "\e6ba";
}
.icon--next:before {
  content: "\e6bb";
}
.icon--previous:before {
  content: "\e6bc";
}
.icon--first:before {
  content: "\e6bd";
}
.icon--last:before {
  content: "\e6be";
}
.icon--resize-enlarge:before {
  content: "\e6bf";
}
.icon--resize-shrink:before {
  content: "\e6c0";
}
.icon--volume:before {
  content: "\e6c1";
}
.icon--sound:before {
  content: "\e6c2";
}
.icon--mute:before {
  content: "\e6c3";
}
.icon--flow-cascade:before {
  content: "\e6c4";
}
.icon--flow-branch:before {
  content: "\e6c5";
}
.icon--flow-tree:before {
  content: "\e6c6";
}
.icon--flow-line:before {
  content: "\e6c7";
}
.icon--flow-parallel:before {
  content: "\e6c8";
}
.icon--arrow-left2:before {
  content: "\e6c9";
}
.icon--arrow-down2:before {
  content: "\e6ca";
}
.icon--arrow-up-upload:before {
  content: "\e6cb";
}
.icon--arrow-right2:before {
  content: "\e6cc";
}
.icon--arrow-left3:before {
  content: "\e6cd";
}
.icon--arrow-down3:before {
  content: "\e6ce";
}
.icon--arrow-up2:before {
  content: "\e6cf";
}
.icon--arrow-right3:before {
  content: "\e6d0";
}
.icon--arrow-left4:before {
  content: "\e6d1";
}
.icon--arrow-down4:before {
  content: "\e6d2";
}
.icon--arrow-up3:before {
  content: "\e6d3";
}
.icon--arrow-right4:before {
  content: "\e6d4";
}
.icon--arrow-left5:before {
  content: "\e6d5";
}
.icon--arrow-down5:before {
  content: "\e6d6";
}
.icon--arrow-up4:before {
  content: "\e6d7";
}
.icon--arrow-right5:before {
  content: "\e6d8";
}
.icon--arrow-left6:before {
  content: "\e6d9";
}
.icon--arrow-down6:before {
  content: "\e6da";
}
.icon--arrow-up5:before {
  content: "\e6db";
}
.icon--arrow-right6:before {
  content: "\e6dc";
}
.icon--menu2:before {
  content: "\e6dd";
}
.icon--ellipsis:before {
  content: "\e6de";
}
.icon--dots:before {
  content: "\e6df";
}
.icon--dot:before {
  content: "\e6e0";
}
.icon--cc:before {
  content: "\e6e1";
}
.icon--cc-by:before {
  content: "\e6e2";
}
.icon--cc-nc:before {
  content: "\e6e3";
}
.icon--cc-nc-eu:before {
  content: "\e6e4";
}
.icon--cc-nc-jp:before {
  content: "\e6e5";
}
.icon--cc-sa:before {
  content: "\e6e6";
}
.icon--cc-nd:before {
  content: "\e6e7";
}
.icon--cc-pd:before {
  content: "\e6e8";
}
.icon--cc-zero:before {
  content: "\e6e9";
}
.icon--cc-share:before {
  content: "\e6ea";
}
.icon--cc-share2:before {
  content: "\e6eb";
}
.icon--danielbruce:before {
  content: "\e6ec";
}
.icon--danielbruce2:before {
  content: "\e6ed";
}
.icon--github:before {
  content: "\e6ee";
}
.icon--github2:before {
  content: "\e6ef";
}
.icon--flickr:before {
  content: "\e6f0";
}
.icon--flickr2:before {
  content: "\e6f1";
}
.icon--vimeo:before {
  content: "\e6f2";
}
.icon--vimeo2:before {
  content: "\e6f3";
}
.icon--twitter:before {
  content: "\e6f4";
}
.icon--twitter2:before {
  content: "\e6f5";
}
.icon--facebook:before {
  content: "\e6f6";
}
.icon--facebook2:before {
  content: "\e6f7";
}
.icon--facebook3:before {
  content: "\e6f8";
}
.icon--googleplus:before {
  content: "\e6f9";
}
.icon--googleplus2:before {
  content: "\e6fa";
}
.icon--pinterest:before {
  content: "\e6fb";
}
.icon--pinterest2:before {
  content: "\e6fc";
}
.icon--tumblr:before {
  content: "\e6fd";
}
.icon--tumblr2:before {
  content: "\e6fe";
}
.icon--linkedin:before {
  content: "\e6ff";
}
.icon--linkedin2:before {
  content: "\e700";
}
.icon--dribbble:before {
  content: "\e701";
}
.icon--dribbble2:before {
  content: "\e702";
}
.icon--stumbleupon:before {
  content: "\e703";
}
.icon--stumbleupon2:before {
  content: "\e704";
}
.icon--lastfm:before {
  content: "\e705";
}
.icon--lastfm2:before {
  content: "\e706";
}
.icon--rdio:before {
  content: "\e707";
}
.icon--rdio2:before {
  content: "\e708";
}
.icon--spotify:before {
  content: "\e709";
}
.icon--spotify2:before {
  content: "\e70a";
}
.icon--qq:before {
  content: "\e70b";
}
.icon--instagram3:before {
  content: "\e70c";
}
.icon--dropbox:before {
  content: "\e70d";
}
.icon--evernote:before {
  content: "\e70e";
}
.icon--flattr:before {
  content: "\e70f";
}
.icon--skype:before {
  content: "\e710";
}
.icon--skype2:before {
  content: "\e711";
}
.icon--renren:before {
  content: "\e712";
}
.icon--sina-weibo:before {
  content: "\e713";
}
.icon--paypal:before {
  content: "\e714";
}
.icon--picasa:before {
  content: "\e715";
}
.icon--soundcloud:before {
  content: "\e716";
}
.icon--mixi:before {
  content: "\e717";
}
.icon--behance:before {
  content: "\e718";
}
.icon--circles:before {
  content: "\e719";
}
.icon--vk:before {
  content: "\e71a";
}
.icon--smashing:before {
  content: "\e71b";
}
.icon--feed:before {
  content: "\e71f";
}
.icon--feed2:before {
  content: "\e720";
}
.icon--instagram:before {
  content: "\e903";
}
.icon--instagram2:before {
  content: "\e902";
}
.icon--xing:before {
  content: "\e901";
}
.icon--xing2:before {
  content: "\e900";
}
.icon--youtube:before {
  content: "\e905";
}
.icon--youtube2:before {
  content: "\e904";
}
/*
Navigation list styling
=========================================
Defines a global component for navigation lists.

Navigation lists can be extended by custom styling declarations.

```
<ul class="navigation--list">
    <li class="navigation--entry is--active">
        <a class="navigation--link" href="">
            List entry
        </a>
    </li>
    <li class="navigation--entry">
        <a class="navigation--link" href="">
            <span>List entry</span>
        </a>
    </li>
    <li class="navigation--entry">
        <a class="navigation--link" href="">
            <span>List entry</span>
        </a>
    </li>
</ul>
```
*/
.navigation--list {
  list-style: none;
}
/*
Off-canvas menu
=======================================
The off-canvas menu is the default shopping cart menu in Shopware.

It is an expanding menu that displays the shopping cart at the right side of the screen.

It can be enabled/disabled inside the Shopware 5 backend.

The functionality is provided by the `jquery.off-canvas-menu.js` file.
*/
.off-canvas {
  -webkit-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;
  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%);
  transform: translateX(-100%);
  left: 0;
}
.off-canvas.is--right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  right: 0;
}
.off-canvas.is--active {
  display: block;
}
.off-canvas.is--open {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.off-canvas.is--full-screen {
  width: 100%;
}
.off-canvas.no--transitions {
  -webkit-transition: none;
  transition: none;
}
.off-canvas .buttons--off-canvas {
  display: block;
}
.off-canvas .close--off-canvas {
  padding: 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%);
  display: block;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
.off-canvas .close--off-canvas:after {
  content: "";
  display: table;
  clear: both;
}
.off-canvas .close--off-canvas .icon--arrow-left {
  margin: 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;
  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: 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 {
  -webkit-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,
#cookie-consent .cookie-consent--header {
  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%);
}
.navigation--smartphone .entry--close-off-canvas .navigation--link,
#cookie-consent .cookie-consent--header {
  font-size: 14px;
  font-size: 0.875rem;
  color: #f8f8fa;
  font-weight: 700;
}
.navigation--smartphone .entry--close-off-canvas .navigation--link:after {
  content: "";
  display: table;
  clear: both;
}
.navigation--smartphone .entry--close-off-canvas .navigation--link:active {
  color: #f5f5f8;
}
.navigation--smartphone .entry--close-off-canvas .icon--arrow-right,
#cookie-consent .cookie-consent--header .icon--arrow-right {
  margin: 12px 0px 0px 0px;
  margin: 0.75rem 0rem 0rem 0rem;
  font-size: 11px;
  font-size: 0.6875rem;
  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;
  color: #3f4c58;
  font-weight: 700;
  font-size: 1em;
}
.sidebar--navigation {
  border-radius: 3px;
  background-clip: padding-box;
  background: #fff;
  border: 1px solid #dadae5;
}
.sidebar--navigation .navigation--entry {
  border-bottom: 1px solid #dadae5;
}
.sidebar--navigation .navigation--entry:last-child {
  border-bottom: 0 none;
}
.sidebar--navigation .navigation--link {
  color: #5f7285;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 48em) {
  .off-canvas {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: none;
    transition: none;
    display: block;
    background: transparent;
    position: relative;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
    z-index: 1000;
  }
  .off-canvas .sidebar--navigation .navigation--link {
    padding: 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;
  }
}
/*
Panels
===================================================================
######Basic panel component for boxes and bordered containers.

The panel can be used with different content structures.

Styling options: `has--border` and `has--shadow`

```
<div class="panel">
    <div class="panel--body">
        Basic panel element
    </div>
</div>

<div class="panel has--border">
    <div class="panel--body">
        Basic panel with border
    </div>
</div>
```
*/
.panel {
  display: block;
  background: #ffffff;
}
.panel.has--shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.panel.has--border {
  border: 1px solid #dadae5;
}
/*
<h6>A header box for a panel.</h6>
<p>Can be used by adding the `panel--header`-element and `primary` or `secondary` classes.</p>
```
<div class="panel">
    <div class="panel--header primary">Panel header primary</div>
    <div class="panel--header secondary">Panel header secondary</div>
    <div class="panel--body">
        Panel body
    </div>
</div>
```
*/
.panel--header {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  font-size: 14px;
  font-size: 0.875rem;
  background: #f8f8fa;
  display: block;
  margin: 0;
  font-weight: 700;
  color: #5f7285;
  border-bottom: 1px solid #dadae5;
}
.panel--header.secondary {
  color: #5f7285;
  background: #fff;
}
.panel--header.primary {
  color: #b61934;
  background: #fff;
}
/*
<h6>A title heading for a panel.</h6>
<p>The `panel--title` can be used as an alternative to the `panel--header` element.</p>
<p>When using the `panel--title` element, make sure that the `panel--body` element has the class `is--wide` assigned in order to work properly. Also the `is--underline` class was added here.
```
<div class="panel">
    <h3 class="panel--title is--underline">Panel title</h3>
    <div class="panel--body is--wide">
        Panel body
    </div>
</div>
```
*/
.panel--title {
  padding: 20px 0px 0px 0px;
  padding: 1.25rem 0rem 0rem 0rem;
  margin: 0px 20px 0px 20px;
  margin: 0rem 1.25rem 0rem 1.25rem;
  font-size: 16px;
  font-size: 1rem;
  display: block;
  font-weight: 700;
  color: #3f4c58;
}
.panel--title.is--underline {
  padding: 20px 0px 10px 0px;
  padding: 1.25rem 0rem 0.625rem 0rem;
  border-bottom: 1px solid #dadae5;
  text-decoration: none !important;
}
.panel--title.is--secondary {
  color: #5f7285;
}
.panel--title.is--primary {
  color: #b61934;
}
/*
<h6>The content body for a panel</h6>
<p>Styling options: `is--slim`, `is--wide`, `is--flat`, `is--embossed`.</p>

```
<div class="panel">
<div class="panel--body is--wide">Panel content ...</div>
</div>
```
*/
.panel--body {
  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: block;
  position: relative;
}
.panel--body.has--border {
  border: 1px solid #dadae5;
}
.panel--body.is--slim {
  padding: 5px 5px 5px 5px;
  padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
}
.panel--body.is--wide {
  padding: 20px 20px 20px 20px;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
}
.panel--body.is--flat {
  background: #f5f5f8;
}
.panel--body.is--embossed {
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  background: #f5f5f8;
}
/*
######A container for action elements
```
<div class="panel--actions">
    <a href="" class="btn">Action Link</a>
    <a href="" class="btn">Action Link</a>
</div>
```
*/
.panel--actions {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  line-height: 40px;
  line-height: 2.5rem;
  display: block;
}
.panel--actions.has--border {
  margin: 10px 0px 0px 0px;
  margin: 0.625rem 0rem 0rem 0rem;
  padding: 10px 0px 0px 0px;
  padding: 0.625rem 0rem 0rem 0rem;
  border-top: 1px solid #dadae5;
}
.panel--actions.is--slim {
  padding: 5px 5px 5px 5px;
  padding: 0.3125rem 0.3125rem 0.3125rem 0.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 0.375rem 0rem 0rem;
}
/*
######A table inside a panel.
```
<div class="panel panel--table">
    <div class="panel--tr">
        <div class="panel--th">Column 1</div>
        <div class="panel--th">Column 2</div>
        <div class="panel--th">Column 3</div>
    </div>
    <div class="panel--tr">
        <div class="panel--td">Value 1</div>
        <div class="panel--td">Value 2</div>
        <div class="panel--td">Value 3</div>
    </div>
</div>
```
*/
.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 #dadae5;
}
.panel--tr {
  display: block;
  width: 100%;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dadae5;
}
.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: #b61934;
}
.panel--th,
.panel--td {
  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.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: 700;
  color: #3f4c58;
}
/*
######A small dot navigation for example for a slider panel.

```
<div class="panel--dot-nav">
    <a href=""></a>
    <a href="" class="is--active"></a>
    <a href=""></a>
</div>
```
*/
.panel--dot-nav {
  height: 11px;
  height: 0.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 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: #b61934;
  background: #b61934;
}
/*
######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 {
  line-height: 32px;
  line-height: 2rem;
  display: inline-block;
}
.panel--paging .paging--link {
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.625rem 0rem 0.625rem;
  margin: 0px 1px 0px 1px;
  margin: 0rem 0.0625rem 0rem 0.0625rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  border-radius: 3px;
  background-clip: padding-box;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8fa 100%);
  display: inline-block;
  font-weight: 500;
  text-align: center;
  border: 1px solid #dadae5;
  color: #5f7285;
}
.panel--paging .paging--link [class^="icon--"] {
  font-size: 10px;
  font-size: 0.625rem;
}
.panel--paging .paging--link.is--active,
.panel--paging .paging--link.is--active:hover {
  line-height: 32px;
  line-height: 2rem;
  background-color: #e82446;
  background-image: linear-gradient(to bottom, #e82446 0%, #b61934 100%);
  color: #ffffff;
  border: 0 none;
  font-weight: 700;
  cursor: default;
}
.panel--paging .paging--link:hover {
  background: #ffffff;
  color: #b61934;
  border-color: #b61934;
}
/*
Form
============================

Contains the general layout and styling for the Shopware form elements and fieldsets.

The fieldset padding size is defined with the unitize mixin.

```
<fieldset>
    <form>
        <table>
            <tr>
                <td>Table cell</td>
            </tr>
            <tr>
                <td>Table cell</td>
            </tr>
            <tr>
                <td>Table cell</td>
            </tr>
        <table>
    <form>
</fieldset>
```

*/
form,
#paypal-acdc-form {
  display: block;
}
form table {
  width: 100%;
}
form table td {
  padding: 10px;
}
fieldset {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  border: 1px solid #dadae5;
}
/*
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 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  position: relative;
  overflow: hidden;
  /*
######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>
```
*/
}
.alert:after {
  content: "";
  display: table;
  clear: both;
}
.alert.is--success {
  color: #003d19;
  background: #71efa5;
}
.alert.is--success .alert--icon {
  background: #008a39;
}
.alert.is--info {
  color: #217dbb;
  background: #e9f2f8;
}
.alert.is--info .alert--icon {
  background: #4aa3df;
}
.alert.is--warning {
  color: #ae8e0a;
  background: #fbf5db;
}
.alert.is--warning .alert--icon {
  background: #f1c40f;
}
.alert.is--error {
  color: #e74c3c;
  background: #faeceb;
}
.alert.is--error .alert--icon {
  background: #e74c3c;
}
.alert.no--cookies {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
}
.alert.no--cookies a.close--alert {
  float: right;
}
.alert.no--cookies a.close--alert:hover {
  cursor: pointer;
  text-decoration: underline;
}
.alert .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: 0.625rem 0.625rem 0.625rem 0.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: 700;
  color: #fff;
  padding-bottom: 9999em;
  margin-bottom: -9999em;
}
.alert .alert--content {
  width: 85%;
}
.alert .alert--content.is--strong {
  font-weight: 700;
}
.alert .alert--list {
  list-style: none;
}
.alert .list--entry {
  display: block;
}
@media screen and (min-width: 48em) {
  .alert .alert--icon,
  .alert .icon--element {
    width: 8%;
  }
  .alert .alert--content {
    width: 92%;
  }
}
/*
Counter Badges
==========================================
######Creates a badge to display counts.

The `span` can be modified with 3 different color schemes.

Options: `is--primary`, `is--secondary`, `is--minimal`


```
<p><span class="badge is--primary">1</span> Primary Badge</p>
<p><span class="badge is--secondary">2</span> Secondary Badge</p>
<p><span class="badge is--minimal">3</span> Minimal Badge</p>
```
*/
.badge {
  padding: 0px 5px 0px 5px;
  padding: 0rem 0.3125rem 0rem 0.3125rem;
  margin: 0px 5px 0px 5px;
  margin: 0rem 0.3125rem 0rem 0.3125rem;
  height: 20px;
  height: 1.25rem;
  min-width: 10px;
  min-width: 0.625rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 12px;
  font-size: 0.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: #b61934;
  border: 1px solid #dadae5;
}
.badge.is--primary {
  background-color: #e82446;
  background-image: linear-gradient(to bottom, #e82446 0%, #b61934 100%);
  color: #fff;
  border-color: #fff;
}
.badge.is--secondary {
  background-color: #5f7285;
  background-image: linear-gradient(to bottom, #5f7285 0%, #3f4c58 100%);
  color: #fff;
  border-color: #fff;
}
.badge.is--minimal {
  border: 0 none;
}
/*
Labels
===================================================================
######Creates a label for displaying a status.

To work properly the `span`-element needs the general `label`-class and a color scheme option:

Options: `success`, `info`, `warning`, `error`.
```
<span class="label success">Success!</span>
<span class="label info">Info!</span>
<span class="label warning">Warning!</span>
<span class="label error">Error!</span>
```
*/
.label {
  padding: 3px 8px 3px 8px;
  padding: 0.1875rem 0.5rem 0.1875rem 0.5rem;
  margin: 0px 5px 0px 5px;
  margin: 0rem 0.3125rem 0rem 0.3125rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  border-radius: 3px;
  background-clip: padding-box;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  color: #5f7285;
  background: #5f7285;
}
.label.success {
  background: #008a39;
}
.label.info {
  background: #4aa3df;
}
.label.warning {
  background: #f1c40f;
}
.label.error {
  background: #e74c3c;
}
/*
Collapse Box
================================================
A collapse box for panels and text elements.

Displays a folding box that responds if the content does not fit the element.

```

<div class="collapse--header">
  Collapse box title
    <span class="collapse--toggler">
    </span>
</div>
<div class="collapse--content is--collapsed">
    This content will be shown by the is--collapsed class.
</div>

<div class="collapse--header">
  Collapse box title
    <span class="collapse--toggler">
    </span>
</div>
<div class="collapse--content">
    Lorem ipsum dolor
</div>

<div class="collapse--header">
  Collapse box title
    <span class="collapse--toggler">
    </span>
</div>
<div class="collapse--content">
    Lorem ipsum dolor
</div>

```
*/
.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%);
  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 #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: 500;
  font-family: 'shopware';
}
.collapse--header .collapse--toggler:before {
  content: "\e612";
}
.collapse--header:hover {
  color: #b61934;
}
.collapse--header.is--active {
  background-color: #5f7285;
  background-image: linear-gradient(to bottom, #5f7285 0%, #3f4c58 100%);
  box-shadow: 0 1px 3px 0 rgba(95, 114, 133, 0.5);
  color: #fff;
  font-weight: 700;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #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;
  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: #dadae5;
}
.collapse--content.is--collapsed {
  display: block;
  z-index: 1200;
}
.js--collapse-target {
  display: none;
}
.js--collapse-target.is--collapsed {
  display: block;
}
/*
Product Slider
===================================================
######Shopware Product slider element
The Shopware product slider element displays a selection of articles the user chooses inside a slim slider element.

The product slider uses the product box component for displaying and sliding articles.

The slider has `is--vertical` and `is-horizontal` properties to set the layout of the element.

For initializing a product slider the outer `product-slider` wrapper has to have the attribute `data-product-slider="true"`.

```
<div class="product-slider" data-product-slider="true">

    <a class="product-slider--arrow arrow--next is--horizontal"></a>
    <a class="product-slider--arrow arrow--prev is--horizontal"></a>

    <div class="product-slider--container is--horizontal">

        <div class="product-slider--item">
            <!-- Product box will be placed here. -->
        </div>

    </div>

</div>
```
*/
.product-slider {
  display: block;
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
}
.product-slider--container {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.product-slider--container:after {
  content: "";
  display: table;
  clear: both;
}
.product-slider--container::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.product-slider--container.is--vertical {
  overflow-y: scroll;
  overflow-x: hidden;
  white-space: normal;
}
.product-slider--container.is--vertical .product-slider--item {
  display: block;
  width: 100%;
}
.product-slider--container.is--horizontal {
  overflow-y: hidden;
  overflow-x: scroll;
  white-space: nowrap;
}
.product-slider--container.is--horizontal .product-slider--item {
  height: 100%;
  display: inline-block;
}
.is--ie .product-slider--container,
.is--firefox .product-slider--container,
.product-slider--container.is--no-scroll {
  overflow-y: hidden;
  overflow-x: hidden;
}
.product-slider--item {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  font-size: 16px;
  font-size: 1rem;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  text-align: center;
  width: 100%;
  display: inline-block;
}
.product-slider--arrow {
  width: 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: 0.75rem;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.5);
  display: block;
  position: absolute;
  top: 50%;
  z-index: 750;
  font-family: 'shopware';
  text-align: center;
  color: #5f7285;
  border: 1px solid #dadae5;
  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: #b61934;
  border-color: #b61934;
  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: 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 screen and (min-width: 30em) {
  .product-slider--item {
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  .product-slider--item {
    width: 33.33%;
  }
}
@media screen and (min-width: 64em) {
  .product-slider--item {
    width: 25%;
  }
}
@media screen and (min-width: 78.75em) {
  .product-slider--container.is--horizontal,
  .product-slider--container.is--vertical {
    overflow: hidden;
  }
}
/*
Modalbox
==============================================
Creates a transitioned fixed modalbox overlay that displays above all other elements.

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 {
  -webkit-transition: all 0.5s;
  transition: all 0.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 #ffffff;
  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);
  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: 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 {
    border-radius: 3px;
    background-clip: padding-box;
  }
}
/*
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--is-loading {
  position: relative;
}
.js--loading-indicator {
  position: absolute;
  display: none;
  z-index: 6000;
  top: 50%;
  left: 50%;
}
body > .js--loading-indicator {
  position: fixed;
}
.js--loading-indicator.indicator--relative {
  width: 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;
}
.js--loading-indicator.indicator--absolute {
  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;
  position: absolute;
  padding: 0;
  top: 50%;
}
.js--loading-indicator.indicator--absolute.js--loading-indicator {
  margin: -15px 0px 0px -15px;
  margin: -0.9375rem 0rem 0rem -0.9375rem;
}
.has--cssanimations .js--loading-indicator {
  margin: -13px 0px 0px -13px;
  margin: -0.8125rem 0rem 0rem -0.8125rem;
}
.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;
  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: -13px 0px 0px -13px;
  margin: -0.8125rem 0rem 0rem -0.8125rem;
}
.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(../../themes/Frontend/Responsive/frontend/_public/src/img/icons/loading-indicator.gif);
}
/*
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-relative {
  position: relative;
}
.js--overlay {
  -webkit-transition: opacity 0.45s cubic-bezier(.3,0,.15,1), visibility 0.45s linear;
  transition: opacity 0.45s cubic-bezier(.3,0,.15,1), visibility 0.45s linear;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 0.01;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5000;
  visibility: hidden;
}
.js--overlay.theme--dark {
  background: rgba(0, 0, 0, 0.7);
}
.js--overlay.theme--light {
  background: rgba(255, 255, 255, 0.7);
}
.js--overlay.is--open {
  -webkit-transition-delay: 0;
  transition-delay: 0;
  opacity: 1;
  visibility: visible;
}
.js--overlay.is--closable {
  cursor: pointer;
}
body > .js--overlay {
  position: fixed;
}
/*
Language Flags
==================================================
Displays a country flag the size of 14px x 11px used for language selections purposes.

inspired by: https://github.com/dhanishgajjar/css-flags

en_GB: we need to use svg for en_GB, cause it's smaller than the CSS-Version
*/
.language--flag {
  height: 11px;
  height: 0.6875rem;
  width: 14px;
  width: 0.875rem;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.language--flag.de_DE {
  background-position: 0 0;
  background-image: linear-gradient(to bottom, #000000 33%, #dd0000 33%, #dd0000 66%, #ffce00 66%);
}
.language--flag.en_GB {
  background-position: 0 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width='640' height='480'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M-85 0h682v512H-85z'%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg clip-path='url%28%23a%29' transform='translate%2880%29 scale%28.94%29'%3E%3Cpath fill='%23006' d='M-256 0H768v512H-256z'%2F%3E%3Cpath fill='%23fff' d='M-256 0v57l910 455h114v-57L-141 0h-115zM768 0v57l-909 455h-115v-57L654 0h114z'%2F%3E%3Cpath fill='%23fff' d='M171 0v512h170V0H171zm-427 171v170H768V171H-256z'%2F%3E%3Cpath fill='%23c00' d='M-256 205v102H768V205H-256zM205 0v512h102V0H205zm-461 512L85 341h77l-342 171h-76zm0-512L85 171H9L-256 38V0zm606 171L692 0h76L427 171h-77zm418 341L427 341h76l265 133v38z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.language--flag.nl_NL {
  background-position: 0 0;
  background-image: linear-gradient(to bottom, #dd0000 33%, #ffffff 33%, #ffffff 66%, #21468b 66%);
}
.language--flag.fr_FR {
  background-position: 0 0;
  background-image: linear-gradient(to right, #21468b 33%, #ffffff 33%, #ffffff 66%, #dd0000 66%);
}
.language--flag.es_ES {
  background-position: 0 0;
  background-image: linear-gradient(#dd0000 25%, #ffce00 25%, #ffce00 75%, #dd0000 75%);
}
.language--flag.it_IT {
  background-position: 0 0;
  background-image: linear-gradient(to right, #009246 33%, #ffffff 33%, #ffffff 66%, #dd0000 66%);
}
/*
Tagcloud
=============================================
The tagcloud element shows recent keywords inside a box, ordered in importance by font-size.
```
<div class="panel has--border tagcloud--content">
    <div class="panel--body is--wide tagcloud">
        <a href="#" title="tagcloud-item" class="tag0">Tagcloud-Item</a>
        <a href="#" title="tagcloud-item" class="tag1">Tagcloud-Item</a>
        <a href="#" title="tagcloud-item" class="tag2">Tagcloud-Item</a>
        <a href="#" title="tagcloud-item" class="tag3">Tagcloud-Item</a>
    </div>
</div>
```
*/
.tagcloud a {
  color: #5f7285;
  margin: 0px 10px 0px 0px;
  margin: 0rem 0.625rem 0rem 0rem;
}
.tagcloud a:hover {
  color: #b61934;
}
.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: 700;
}
.tagcloud .tag2 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14px;
  line-height: 0.875rem;
}
.tagcloud .tag3 {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 12px;
  line-height: 0.75rem;
  font-weight: 700;
}
/*
Last-seen products element
=======================================================
The Last-seen products element fetches the recently viewed articles of the user and displays them inside a slider-element.

The slider contains a title element and a product box with the article-image and price.
*/
.last-seen-products {
  margin: 10px 0px 0px 0px;
  margin: 0.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: 0.625rem 0rem 0.625rem 0rem;
  border-bottom: 1px solid #dadae5;
  font-size: 16px;
  font-size: 1rem;
  display: block;
  font-weight: 700;
  color: #3f4c58;
}
.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: 0.625rem 0rem 0.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: 0.625rem 0.625rem 0.625rem 0.625rem;
}
@media screen and (min-width: 48em) {
  .last-seen-products {
    margin: 30px 0px 0px 0px;
    margin: 1.875rem 0rem 0rem 0rem;
  }
}
/*
Lightbox
=========================================
Defines the properties for the lightbox container and image elements.

The lightbox creates a fullscreen overlay to preview product images.

Both components are required in order to make the element work properly.
*/
.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;
}
/*
Lists
===============================
Example of the default styling for an unordered list.

The `ul` element has to have the `list--unordered` class assigned in order to work properly.

In addition there are 8 list style types Shopware 5 provides that you can choose from.

**Example:**<br/>
`<ul class="list--unordered is--checked">`

```
<ul class="list--unordered">
    <li>Default list</li>
</ul>

<ul class="list--unordered is--checked">
    <li>is--checked</li>
</ul>

<ul class="list--unordered is--disc">
    <li>is--disc</li>
</ul>

<ul class="list--unordered is--arrow-right">
    <li>is--arrow-right</li>
</ul>

<ul class="list--unordered is--star">
    <li>is--star</li>
</ul>

<ul class="list--unordered is--cross">
    <li>is--cross</li>
</ul>

<ul class="list--unordered is--tag">
    <li>is--tag</li>
</ul>

<ul class="list--unordered is--plus">
    <li>is--plus</li>
</ul>
```
*/
.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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 element
============================================
Defines the styles for the image slider element that is a part of the basic Shopware 5 shopping world elements.

The element can be added by using the Shopware 5 backend shopping world editor.

The element contains thumbnail image previews, navigation dots and navigation arrows to change the current active image.

It contains the viewport specific styles inside media queries.
*/
.image-slider {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  z-index: 1000;
  position: relative;
}
.image-slider:after {
  content: "";
  display: table;
  clear: both;
}
.image-slider--container {
  height: 200px;
  height: 12.5rem;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}
.image-slider--container .arrow {
  width: 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;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 50%;
  z-index: 1000;
  font-family: 'shopware';
  text-align: center;
  color: #5f7285;
  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: #b61934;
  border-color: rgba(182, 25, 52, 0.5);
}
.image-slider--container.is--dragging .image-slider--item {
  cursor: move;
}
.image-slider--slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  white-space: nowrap;
  font-size: 0;
  -ms-touch-action: pan-y;
}
.image-slider--slide:after {
  content: "";
  display: table;
  clear: both;
}
.image-slider--item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: inline-block;
  height: 100%;
  width: 100%;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.image-slider--item .image--element {
  display: inline-block;
  max-width: 100%;
  height: 100%;
}
.image-slider--item .image--media {
  margin: 0 auto;
  text-align: center;
}
.image-slider--dots {
  padding: 10px 0px 10px 0px;
  padding: 0.625rem 0rem 0.625rem 0rem;
  text-align: center;
}
.image-slider--thumbnails {
  height: 70px;
  height: 4.375rem;
  top: 440px;
  top: 27.5rem;
  display: none;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 0;
}
.image-slider--thumbnails .image-slider--thumbnails-slide {
  position: absolute;
  top: 0;
  left: 0;
}
.image-slider--thumbnails .thumbnail--link {
  width: 70px;
  width: 4.375rem;
  height: 70px;
  height: 4.375rem;
  padding: 5px 5px 5px 5px;
  padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
  margin: 0px 10px 0px 0px;
  margin: 0rem 0.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);
  display: inline-block;
  text-align: center;
  border: 1px solid #dadae5;
}
.image-slider--thumbnails .thumbnail--link.is--active {
  border-color: #b61934;
}
.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: 0.875rem;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8fa 100%);
  display: none;
  position: absolute;
  z-index: 1000;
  font-family: 'shopware';
  text-align: center;
  color: #5f7285;
  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: #b61934;
  border-color: rgba(182, 25, 52, 0.85);
}
.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 {
  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 {
    height: 400px;
    height: 25rem;
  }
  .image-slider--container .arrow {
    display: block;
  }
}
@media screen and (min-width: 64em) {
  .image-slider--thumbnails {
    display: block;
  }
  .image-slider--container {
    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 {
    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: 0.625rem 0rem 0.625rem 5.625rem;
    position: relative;
    top: auto;
    display: block;
  }
}
/*
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%);
  color: #fff;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
}
/*
Menu scroller
==================================
Some styling rules can also be found in the hacks.less!
*/
.js--menu-scroller {
  position: relative;
}
.navigation--list-wrapper {
  position: relative;
  overflow: hidden;
}
.js--menu-scroller--list {
  max-width: none;
  overflow-x: scroll;
  position: relative;
  white-space: nowrap;
  left: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
}
.js--menu-scroller--list::-webkit-scrollbar {
  display: none;
}
.js--menu-scroller--arrow {
  width: 22px;
  width: 1.375rem;
  height: 37px;
  height: 2.3125rem;
  line-height: 36px;
  line-height: 2.25rem;
  font-size: 12px;
  font-size: 0.75rem;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8fa 100%);
  top: 1px;
  top: 0.0625rem;
  border: 1px solid #dadae5;
  position: absolute;
  font-family: 'shopware';
  text-align: center;
  color: #5f7285;
  cursor: pointer;
  z-index: 750;
  display: none;
}
.js--menu-scroller--arrow:hover,
.js--menu-scroller--arrow:active {
  color: #b61934;
  border-color: #b61934;
  background: #ffffff;
}
.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 #dadae5;
    left: 0;
  }
  .js--menu-scroller--arrow.left--arrow:hover {
    border-color: #b61934;
  }
  .js--menu-scroller--arrow.right--arrow {
    border-radius: 3px;
    background-clip: padding-box;
    border: 1px solid #dadae5;
    right: 0;
  }
  .js--menu-scroller--arrow.right--arrow:hover {
    border-color: #b61934;
  }
}
/*
Filter Panel
===========================================
Defines the styling of the filter panel element.

The styling includes the collapsed and expanded styling and the panel component properties.
```
<div class="filter-panel">
    <div class="filter-panel--flyout">

        <label class="filter-panel--title">
        Preis
        </label>

        <span class="filter-panel--icon"></span>

        <div class="filter-panel--content">
        test test
        </div>

    </div>
</div>
```
*/
.filter-panel {
  height: 38px;
  height: 2.375rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  border-radius: 3px;
  background-clip: padding-box;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8fa 100%);
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  position: relative;
  border: 1px solid #dadae5;
}
.filter-panel:hover {
  border: 1px solid #b61934;
  background: #FFF;
}
.filter-panel:hover .filter-panel--icon,
.filter-panel:hover .filter-panel--title {
  color: #b61934;
}
.filter-panel.is--disabled {
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8fa 100%);
  opacity: 0.5;
  border: 1px solid #dadae5;
  color: #5f7285;
}
.filter-panel.is--disabled:hover {
  border: 1px solid #dadae5;
  color: #5f7285;
}
.filter-panel.is--disabled:hover .filter-panel--icon,
.filter-panel.is--disabled:hover .filter-panel--title {
  color: #5f7285;
}
.filter-panel.is--disabled .filter-panel--title {
  color: #5f7285;
}
.filter-panel.is--collapsed {
  height: auto;
  border: 0 none;
}
.filter-panel.is--collapsed .filter-panel--flyout {
  height: auto;
  border: 1px solid #b61934;
  background: #FFF;
  overflow: visible;
  z-index: 800;
}
.filter-panel.is--collapsed .filter-panel--title {
  color: #b61934;
}
.filter-panel.is--collapsed .filter-panel--icon:before {
  color: #b61934;
  content: "\e610";
}
.filter-panel .flatpickr-wrapper {
  position: relative;
  display: block;
}
.filter-panel .flatpickr-wrapper .flatpickr-calendar.static {
  top: 45px;
  top: 2.8125rem;
  display: block;
  width: 100%;
}
.filter-panel .flatpickr-wrapper .flatpickr-calendar.static .flatpickr-rContainer {
  display: block;
}
.filter-panel .flatpickr-wrapper .flatpickr-calendar.static .flatpickr-innerContainer {
  display: block;
  width: 100%;
}
.filter-panel .flatpickr-wrapper .flatpickr-calendar.static .flatpickr-innerContainer .flatpickr-days {
  width: 100%;
}
.filter-panel--flyout {
  height: 38px;
  height: 2.375rem;
  border-radius: 3px;
  background-clip: padding-box;
  display: block;
  width: 100%;
  overflow: hidden;
  z-index: 500;
}
.filter-panel--title {
  height: 36px;
  height: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  padding: 0px 30px 0px 10px;
  padding: 0rem 1.875rem 0rem 0.625rem;
  margin: 0px 0px 5px 0px;
  margin: 0rem 0rem 0.3125rem 0rem;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.filter-panel--icon {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  top: 8px;
  top: 0.5rem;
  right: 10px;
  right: 0.625rem;
  font-size: 6px;
  font-size: 0.375rem;
  line-height: 16px;
  line-height: 1rem;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: inline-block;
  position: absolute;
  font-family: 'shopware';
  text-align: center;
  cursor: pointer;
  pointer-events: none;
}
.filter-panel--icon:before {
  content: "\e612";
}
.filter-panel--content {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  display: block;
}
.filter-panel--option-list {
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  list-style: none;
}
.filter-panel--option-list.sub-level {
  margin: 0px 0px 0px 8px;
  margin: 0rem 0rem 0rem 0.5rem;
  padding: 0px 0px 0px 18px;
  padding: 0rem 0rem 0rem 1.125rem;
  border-left: 1px solid #dadae5;
}
.filter-panel--option {
  display: block;
  position: relative;
}
.value-tree--option {
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
}
.sub-level .value-tree--option {
  margin: 0;
}
.filter-panel--label {
  padding: 4px 0px 4px 30px;
  padding: 0.25rem 0rem 0.25rem 1.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter-panel--range-info {
  padding: 10px 0px 5px 0px;
  padding: 0.625rem 0rem 0.3125rem 0rem;
  text-align: center;
}
.filter-panel--range-info .range-info--label {
  color: #3f4c58;
  font-weight: 700;
}
.filter--date .input-type--date .filter-panel--input {
  display: block;
  width: 100%;
}
.filter-panel--checkbox,
.filter-panel--radio {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  padding: 1px 1px 1px 1px;
  padding: 0.0625rem 0.0625rem 0.0625rem 0.0625rem;
  border-radius: 3px;
  background-clip: padding-box;
  display: inline-block;
  border: 1px solid #dadae5;
  cursor: pointer;
  position: relative;
  vertical-align: top;
}
.filter-panel--checkbox:hover,
.filter-panel--radio:hover {
  border-color: #b61934;
}
.filter-panel--checkbox input[type="checkbox"],
.filter-panel--radio input[type="checkbox"] {
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0 none;
  background: none;
  cursor: pointer;
  z-index: 65;
}
.filter-panel--checkbox input[type="checkbox"]:checked ~ .input--state,
.filter-panel--radio input[type="checkbox"]:checked ~ .input--state,
.filter-panel--checkbox input[type="checkbox"]:checked ~ .checkbox--state,
.filter-panel--radio input[type="checkbox"]:checked ~ .checkbox--state {
  background-color: #e82446;
  background-image: linear-gradient(to bottom, #e82446 0%, #b61934 100%);
}
.filter-panel--checkbox input[type="checkbox"]:checked ~ .input--state:before,
.filter-panel--radio input[type="checkbox"]:checked ~ .input--state:before,
.filter-panel--checkbox input[type="checkbox"]:checked ~ .checkbox--state:before,
.filter-panel--radio input[type="checkbox"]:checked ~ .checkbox--state:before {
  width: 12px;
  width: 0.75rem;
  height: 12px;
  height: 0.75rem;
  line-height: 12px;
  line-height: 0.75rem;
  font-size: 7px;
  font-size: 0.4375rem;
  display: block;
  font-family: 'shopware';
  font-weight: 500;
  text-align: center;
  color: #fff;
  content: "\e60c";
}
.filter-panel--checkbox input[type="checkbox"]:checked ~ .filter-panel--label,
.filter-panel--radio input[type="checkbox"]:checked ~ .filter-panel--label {
  color: #b61934;
  font-weight: 700;
}
.filter-panel--checkbox input[type="checkbox"]:disabled ~ .input--state,
.filter-panel--radio input[type="checkbox"]:disabled ~ .input--state,
.filter-panel--checkbox input[type="checkbox"]:disabled ~ .checkbox--state,
.filter-panel--radio input[type="checkbox"]:disabled ~ .checkbox--state {
  background: #e9e9f0;
}
.filter-panel--checkbox input[type="checkbox"]:disabled ~ .filter-panel--label,
.filter-panel--radio input[type="checkbox"]:disabled ~ .filter-panel--label {
  color: #8798a9;
}
.filter-panel--checkbox .input--state,
.filter-panel--radio .input--state,
.filter-panel--checkbox .checkbox--state,
.filter-panel--radio .checkbox--state,
.filter-panel--checkbox .radio--state,
.filter-panel--radio .radio--state {
  border-radius: 3px;
  background-clip: padding-box;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 60;
}
.filter-panel--checkbox.filter-panel--radio,
.filter-panel--radio.filter-panel--radio {
  border-radius: 11px;
  background-clip: padding-box;
}
.filter-panel--checkbox input[type="radio"],
.filter-panel--radio input[type="radio"] {
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0 none;
  background: none;
  cursor: pointer;
  z-index: 65;
}
.filter-panel--checkbox input[type="radio"]:checked ~ .input--state,
.filter-panel--radio input[type="radio"]:checked ~ .input--state,
.filter-panel--checkbox input[type="radio"]:checked ~ .radio--state,
.filter-panel--radio input[type="radio"]:checked ~ .radio--state {
  background-color: #e82446;
  background-image: linear-gradient(to bottom, #e82446 0%, #b61934 100%);
}
.filter-panel--checkbox input[type="radio"]:checked ~ .filter-panel--label,
.filter-panel--radio input[type="radio"]:checked ~ .filter-panel--label {
  color: #b61934;
  font-weight: 700;
}
.filter-panel--checkbox input[type="radio"]:disabled .input--state,
.filter-panel--radio input[type="radio"]:disabled .input--state,
.filter-panel--checkbox input[type="radio"]:disabled .radio--state,
.filter-panel--radio input[type="radio"]:disabled .radio--state {
  background: #e9e9f0;
}
.filter-panel--checkbox input[type="radio"]:disabled .filter-panel--label,
.filter-panel--radio input[type="radio"]:disabled .filter-panel--label {
  color: #5f7285;
}
.filter-panel--checkbox input[type="radio"] + .input--state,
.filter-panel--radio input[type="radio"] + .input--state,
.filter-panel--checkbox input[type="radio"] + .radio--state,
.filter-panel--radio input[type="radio"] + .radio--state {
  border-radius: 11px;
  background-clip: padding-box;
}
.input-type--media:after {
  content: "";
  display: table;
  clear: both;
}
.input-type--media .option--container {
  height: 45px;
  height: 2.8125rem;
  max-width: 45px;
  max-width: 2.8125rem;
  width: 18%;
  margin: 0 0 2% 2%;
  display: block;
  position: relative;
  float: left;
}
.input-type--media .option--container .filter-panel--label {
  padding: 0;
}
.input-type--media .option--container input.is--disabled ~ label {
  opacity: 0.2;
}
.input-type--media .option--container input[type="checkbox"],
.input-type--media .option--container input[type="radio"] {
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0 none;
  background: none;
  cursor: pointer;
  z-index: 65;
}
.input-type--media .option--container input[type="checkbox"]:hover ~ .filter-panel--label,
.input-type--media .option--container input[type="radio"]:hover ~ .filter-panel--label {
  border-color: #b61934;
}
.input-type--media .option--container input[type="checkbox"]:checked ~ .filter-panel--label,
.input-type--media .option--container input[type="radio"]:checked ~ .filter-panel--label {
  border-color: #b61934;
}
.input-type--media .option--container input[type="checkbox"]:checked ~ .filter-panel--label:after,
.input-type--media .option--container input[type="radio"]:checked ~ .filter-panel--label:after {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  line-height: 16px;
  line-height: 1rem;
  font-size: 7px;
  font-size: 0.4375rem;
  top: -4px;
  top: -0.25rem;
  right: -4px;
  right: -0.25rem;
  background-color: #e82446;
  background-image: linear-gradient(to bottom, #e82446 0%, #b61934 100%);
  border-radius: 8px;
  background-clip: padding-box;
  display: block;
  position: absolute;
  font-family: 'shopware';
  font-weight: 500;
  text-align: center;
  color: #fff;
  content: "\e60c";
}
.input-type--media .option--container input[type="checkbox"]:disabled .filter-panel--label,
.input-type--media .option--container input[type="radio"]:disabled .filter-panel--label {
  opacity: 0.2;
}
.filter--multi-selection .option--container:hover .filter-panel--label,
.filter--value .option--container:hover .filter-panel--label,
.filter--value-tree .option--container:hover .filter-panel--label {
  color: #b61934;
}
.filter--multi-selection .option--container:hover .filter-panel--input,
.filter--value .option--container:hover .filter-panel--input,
.filter--value-tree .option--container:hover .filter-panel--input {
  border-color: #b61934;
}
.filter--multi-selection .option--container:hover .filter-panel--input.is--disabled,
.filter--value .option--container:hover .filter-panel--input.is--disabled,
.filter--value-tree .option--container:hover .filter-panel--input.is--disabled {
  border-color: #dadae5;
}
.filter--multi-selection .filter-panel--checkbox,
.filter--value .filter-panel--checkbox,
.filter--value-tree .filter-panel--checkbox,
.filter--multi-selection .filter-panel--radio,
.filter--value .filter-panel--radio,
.filter--value-tree .filter-panel--radio {
  top: 5px;
  top: 0.3125rem;
  left: 0px;
  left: 0rem;
  position: absolute;
}
.filter--multi-selection .filter-panel--checkbox.is--disabled ~ .filter-panel--label,
.filter--value .filter-panel--checkbox.is--disabled ~ .filter-panel--label,
.filter--value-tree .filter-panel--checkbox.is--disabled ~ .filter-panel--label,
.filter--multi-selection .filter-panel--radio.is--disabled ~ .filter-panel--label,
.filter--value .filter-panel--radio.is--disabled ~ .filter-panel--label,
.filter--value-tree .filter-panel--radio.is--disabled ~ .filter-panel--label {
  color: #dadae5;
}
.filter--multi-selection .filter-panel--checkbox.is--disabled:hover,
.filter--value .filter-panel--checkbox.is--disabled:hover,
.filter--value-tree .filter-panel--checkbox.is--disabled:hover,
.filter--multi-selection .filter-panel--radio.is--disabled:hover,
.filter--value .filter-panel--radio.is--disabled:hover,
.filter--value-tree .filter-panel--radio.is--disabled:hover {
  border-color: #dadae5;
}
.filter-panel--star-rating {
  height: 90px;
  height: 5.625rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  position: relative;
}
.filter-panel--star-rating:after {
  content: "";
  display: table;
  clear: both;
}
.filter-panel--star-rating .rating-star--outer-container {
  width: 220px;
  width: 13.75rem;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
.filter-panel--star-rating .rating-star--outer-container:after {
  content: "";
  display: table;
  clear: both;
}
.filter-panel--star-rating .rating-star--outer-container .icon--star,
.filter-panel--star-rating .rating-star--outer-container .icon--star-empty {
  font-size: 18px;
  font-size: 1.125rem;
}
.filter-panel--star-rating .rating-star--outer-container .icon--star {
  color: #f1c40f;
}
.filter-panel--star-rating .rating-star--outer-container .icon--star-empty {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: #dadae5;
}
.filter-panel--star-rating .rating-star--outer-container .rating-star--suffix {
  margin-left: 5px;
  margin-left: 0.3125rem;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.filter-panel--star-rating .rating-star--outer-container.is--active .icon--star-empty {
  color: #5f7285;
}
.filter-panel--star-rating .rating-star--outer-container.is--active .rating-star--suffix {
  font-weight: 700;
}
.filter-panel--star-rating .rating-star--outer-container.is--disabled {
  opacity: 0.3;
}
.filter-panel--star-rating .rating-star--outer-container:hover .icon--star-empty {
  color: #5f7285;
}
.filter-panel--star-rating .rating-star--outer-container:hover .rating-star--suffix {
  color: #b61934;
}
.filter-panel--star-rating .rating-star--outer-container:hover .is--disabled ~ .icon--star-empty {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: #dadae5;
}
.filter-panel--star-rating .rating-star--outer-container:hover .is--disabled ~ .rating-star--suffix {
  color: #5f7285;
}
.filter--set-title {
  margin: 30px 0px 10px 0px;
  margin: 1.875rem 0rem 0.625rem 0rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-left: 1%;
  margin-right: 1%;
  border-bottom: 1px solid #dadae5;
  clear: both;
}
.filter--value {
  background: #fff;
}
.filter--value .filter-panel--input {
  top: 10px;
  top: 0.625rem;
  left: 10px;
  left: 0.625rem;
}
.filter--value .filter-panel--title {
  padding: 0px 30px 0px 40px;
  padding: 0rem 1.875rem 0rem 2.5rem;
}
.filter--value.is--disabled .filter-panel--input:hover {
  border-color: #dadae5;
}
.filter--range .filter-panel--content {
  padding: 10px 20px 10px 20px;
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
}
.filter--active-container {
  padding: 20px 0px 0px 0px;
  padding: 1.25rem 0rem 0rem 0rem;
}
.filter--active,
.search--cat-filter .cat-filter--reset {
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.625rem 0rem 0.625rem;
  margin: 0px 10px 10px 0px;
  margin: 0rem 0.625rem 0.625rem 0rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-size: 13px;
  font-size: 0.8125rem;
  border-radius: 3px;
  background-clip: padding-box;
  display: inline-block;
  border: 1px solid #dadae5;
  color: #5f7285;
  background: #FFF;
  cursor: pointer;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter--active .filter--active-icon {
  margin: 0px 10px 0px 0px;
  margin: 0rem 0.625rem 0rem 0rem;
  font-size: 8px;
  font-size: 0.5rem;
  top: -1px;
  top: -0.0625rem;
  position: relative;
  font-family: 'shopware';
  color: #5f7285;
}
.filter--active .filter--active-icon:before {
  content: "\e60d";
}
.filter--active .icon--star {
  color: #f1c40f;
}
.filter--active .icon--star-empty {
  color: #5f7285;
}
.filter--active:hover,
.filter--active[data-filter-param="reset"] {
  color: #b61934;
  border-color: #b61934;
}
.filter--active:hover .filter--active-icon,
.filter--active[data-filter-param="reset"] .filter--active-icon {
  color: #b61934;
}
.action--filter-options.off-canvas.is--open .filter--active {
  max-width: 100%;
}
.filter--actions {
  padding: 10px 0px 10px 0px;
  padding: 0.625rem 0rem 0.625rem 0rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  clear: both;
}
.filter--btn-apply {
  position: relative;
  font-weight: 700;
  width: 100%;
}
.filter--btn-apply.is--icon-right [class^="icon--"] {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  line-height: 1rem;
  margin: -8px 0px 0px 0px;
  margin: -0.5rem 0rem 0rem 0rem;
}
.filter--btn-apply.is--loading [class^="icon--"] {
  -webkit-animation: keyframe--spin-reverse 1s linear infinite;
  animation: keyframe--spin-reverse 1s linear infinite;
}
.filter--btn-apply .filter--count {
  font-weight: 700;
}
.filter--facet-container {
  padding: 10px 0px 0px 0px;
  padding: 0.625rem 0rem 0rem 0rem;
}
.filter--facet-container:after {
  content: "";
  display: table;
  clear: both;
}
.action--filter-options.is--active-filter .filter--active-container {
  padding: 15px 0px 5px 0px;
  padding: 0.9375rem 0rem 0.3125rem 0rem;
  display: block;
}
.filter--active-container {
  display: none;
}
.listing--wrapper {
  width: 100%;
}
.listing--wrapper.has--sidebar-filter .listing--paging {
  clear: both;
}
.listing--wrapper.has--sidebar-filter .action--filter-btn {
  display: block;
}
.listing--wrapper.has--sidebar-filter .action--sort {
  line-height: 32px;
  line-height: 2rem;
  margin: 0px 10px 10px 0px;
  margin: 0rem 0.625rem 0.625rem 0rem;
  width: 100%;
}
.listing--wrapper.has--sidebar-filter .action--sort .sort--label {
  display: none;
}
.listing--wrapper.has--sidebar-filter .action--sort .sort--select {
  width: 100%;
  vertical-align: top;
}
.listing--wrapper .filter--actions.filter--actions-top {
  margin: 0;
}
@media screen and (min-width: 48em) {
  .filter-panel {
    width: 49%;
    margin-left: 1%;
    float: left;
  }
  .filter-panel.is--collapsed {
    height: 38px;
    height: 2.375rem;
  }
  .filter-panel .flatpickr-wrapper {
    position: static;
  }
  .filter-panel .flatpickr-wrapper .flatpickr-calendar.static {
    top: 100%;
  }
  .is--no-sidebar .filter-panel {
    width: 32%;
  }
  .filter-panel--flyout {
    position: absolute;
    top: 0;
    left: 0;
  }
  .filter-panel--content {
    max-height: 200px;
    max-height: 12.5rem;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .filter--active-container {
    padding: 0;
    margin-left: 1%;
    margin-right: 1%;
  }
  .filter--active-container.is--disabled .filter--active:not([data-filter-param="reset"]),
  .filter--active-container.is--disabled .filter--active:not([data-filter-param="reset"]):hover {
    color: #5f7285;
    border-color: #dadae5;
    cursor: default;
  }
  .filter--active-container.is--disabled .filter--active:not([data-filter-param="reset"]) .filter--active-icon,
  .filter--active-container.is--disabled .filter--active:not([data-filter-param="reset"]):hover .filter--active-icon {
    color: #5f7285;
  }
  .filter--active-container.is--disabled .filter--active:not([data-filter-param="reset"]) .filter--active-icon:before,
  .filter--active-container.is--disabled .filter--active:not([data-filter-param="reset"]):hover .filter--active-icon:before {
    content: "\e60c";
  }
  .filter--actions {
    margin-left: 1%;
    margin-right: 1%;
  }
  .filter--btn-apply {
    width: auto;
  }
  .filter--facet-container,
  .filter--actions-bottom {
    display: none;
  }
  .filter--actions.filter--actions-top {
    display: none;
  }
  .listing--wrapper.has--sidebar-filter .action--filter-btn {
    display: none;
  }
  .listing--wrapper.has--sidebar-filter .action--sort .sort--select {
    max-width: 200px;
    max-width: 12.5rem;
    vertical-align: top;
  }
}
@media screen and (min-width: 64em) {
  .filter-panel {
    width: 32%;
  }
}
@media screen and (min-width: 78.75em) {
  .filter-panel--star-rating .rating-star--input {
    width: 20px;
    width: 1.25rem;
    height: 20px;
    height: 1.25rem;
  }
  .filter-panel--star-rating .rating-star--label {
    width: 20px;
    width: 1.25rem;
    height: 20px;
    height: 1.25rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .listing--wrapper.has--sidebar-filter .action--sort .sort--label {
    margin: 0px 10px 0px 0px;
    margin: 0rem 0.625rem 0rem 0rem;
    display: inline-block;
    font-weight: 700;
  }
}
/*
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.
```
<div class="range-slider" data-range-slider="true" data-startmin="37.99" data-startmax="349.99" data-rangemin="37.99" data-rangemax="349.99">
    <div class="range-slider--container">
        <div class="range-slider--range-bar" style="left: 0%; width: 100%;">
            <div class="range-slider--handle is--min"></div>
            <div class="range-slider--handle is--max"></div>
        </div>
    </div>
    <input type="hidden" id="min" name="min" data-range-input="min" value="37.99" disabled="disabled">
    <input type="hidden" id="max" name="max" data-range-input="max" value="349.99" disabled="disabled">
    <div class="range-slider--currency" data-range-currency="0,00&nbsp;€"></div>
    <div class="filter-panel--range-info">
        <span class="range-info--min">von</span>
        <label class="range-info--label" for="min" data-range-label="min">35,00&nbsp;€</label>
        <span class="range-info--max">bis</span>
        <label class="range-info--label" for="max" data-range-label="max">350,00&nbsp;€</label>
    </div>
</div>
```
*/
.range-slider {
  -webkit-touch-callout: none;
}
.range-slider--container {
  height: 12px;
  height: 0.75rem;
  border-radius: 6px;
  background-clip: padding-box;
  display: block;
  width: 100%;
  background: #e9e9f0;
  box-shadow: inset 0 1px 1px #f0f0f0;
  border: 1px solid #dadae5;
  -ms-touch-action: none;
}
.range-slider--range-bar {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 3px #b21933;
  height: 100%;
  width: 100%;
  position: relative;
  background: #b61934;
}
.range-slider--handle {
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  border-radius: 3px;
  background-clip: padding-box;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff 0%, #e9e9f0 100%);
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  border: 1px solid #dadae5;
  cursor: pointer;
}
.range-slider--handle.is--min {
  left: -10px;
  left: -0.625rem;
  top: -4px;
  top: -0.25rem;
}
.range-slider--handle.is--max {
  right: -10px;
  right: -0.625rem;
  top: -4px;
  top: -0.25rem;
}
.range-slider--handle:hover,
.range-slider--handle.is--dragging {
  border-color: #b61934;
}
.range-slider--format {
  display: none;
}
/*
Datepicker
=========================================
The datepicker is a calendar overlay tool that simplyfies the selection of dates for input elements.
It creates a calendar widget that simplifies the selection of dates for date input elements.

The datepicker is based on the jQuery Plugin [flatpickr](https://github.com/chmln/flatpickr).
*/
.flatpickr-calendar {
  width: 315px;
  width: 19.6875rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  border-radius: 5px;
  background-clip: padding-box;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  padding: 0;
  animation: none;
  direction: ltr;
  border: 0;
  position: absolute;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 1px 0 0 #dadae5, -1px 0 0 #dadae5, 0 1px 0 #dadae5, 0 -1px 0 #dadae5, 0 3px 13px rgba(0, 0, 0, 0.2);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  max-height: 640px;
  max-height: 40rem;
  opacity: 1;
  visibility: visible;
  overflow: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  animation: flatpickrFadeInDown 300ms cubic-bezier(0, 1, 0.5, 1);
  z-index: 8100;
}
.flatpickr-calendar.inline {
  top: 2px;
  top: 0.125rem;
  display: block;
  position: relative;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(102%);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.hasWeeks {
  width: auto;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  height: 2.5rem;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  left: 22px;
  left: 1.375rem;
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  right: 22px;
  right: 1.375rem;
  left: auto;
}
.flatpickr-calendar:before {
  margin: 0px -5px 0px -5px;
  margin: 0rem -0.3125rem 0rem -0.3125rem;
  border-width: 5px;
}
.flatpickr-calendar:after {
  margin: 0px -4px 0px -4px;
  margin: 0rem -0.25rem 0rem -0.25rem;
  border-width: 4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-month {
  height: 40px;
  height: 2.5rem;
  line-height: 24px;
  line-height: 1.5rem;
  -webkit-user-select: none;
  user-select: none;
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  text-align: center;
  position: relative;
}
.flatpickr-prev-month,
.flatpickr-next-month {
  height: 16px;
  height: 1rem;
  line-height: 16px;
  line-height: 1rem;
  top: 15px;
  top: 0.9375rem;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
}
.flatpickr-prev-month i,
.flatpickr-next-month i {
  position: relative;
}
.flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-next-month.flatpickr-prev-month {
  /*rtl:begin:ignore*/
  left: calc(2.07%);
  /*rtl:end:ignore*/
}
.flatpickr-prev-month.flatpickr-next-month,
.flatpickr-next-month.flatpickr-next-month {
  /*rtl:begin:ignore*/
  right: calc(2.07%);
  /*rtl:end:ignore*/
}
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  width: 14px;
  width: 0.875rem;
}
.flatpickr-prev-month svg path,
.flatpickr-next-month svg path {
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear,
.numInputWrapper input::-ms-expand {
  display: none;
}
.numInputWrapper span {
  width: 14px;
  width: 0.875rem;
  padding: 0px 4px 0px 2px;
  padding: 0rem 0.25rem 0rem 0.125rem;
  position: absolute;
  right: 0;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.05);
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
  top: 33%;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  top: 10px;
  top: 0.625rem;
  font-size: 135%;
  line-height: inherit;
  font-weight: 500;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  display: inline-block;
  text-align: center;
}
.flatpickr-current-month span.cur-month {
  margin-right: 10px;
  margin-right: 0.625rem;
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  padding: 0;
  max-width: 50%;
}
.flatpickr-current-month .numInputWrapper {
  width: 70px;
  width: 4.375rem;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  cursor: default;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline;
  font-size: inherit;
  font-family: inherit;
  font-weight: 500;
  line-height: inherit;
  height: initial;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
}
.flatpickr-days,
.flatpickr-weeks {
  padding: 1px 0px 0px 0px;
  padding: 0.0625rem 0rem 0rem 0rem;
}
.flatpickr-days {
  width: 315px;
  width: 19.6875rem;
  padding: 0;
  outline: 0;
  text-align: left;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-around;
}
.flatpickr-day {
  line-height: 40px;
  line-height: 2.5rem;
  height: 40px;
  height: 2.5rem;
  border-radius: 3px;
  background-clip: padding-box;
  background: none;
  border: 0 none;
  margin: 0;
  box-sizing: border-box;
  color: #5f7285;
  cursor: pointer;
  font-weight: 500;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange {
  cursor: pointer;
  outline: 0;
  background: #f5f5f8;
  border-color: #f5f5f8;
}
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #f5f5f8;
  border-color: #f5f5f8;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #b61934;
  color: #fff;
  border-color: #b61934;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 3px;
  background-clip: padding-box;
}
.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #f5f5f8, 5px 0 0 #f5f5f8;
}
.flatpickr-day.inRange.endRange {
  box-shadow: -5px 0 0 #f5f5f8;
}
.flatpickr-day.inRange.startRange {
  box-shadow: 5px 0 0 #f5f5f8;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  pointer-events: none;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
span.flatpickr-weekday {
  line-height: 24px;
  line-height: 1.5rem;
  cursor: default;
  font-size: 90%;
  color: #3f4c58;
  height: 27.333333333333332px;
  margin: 0;
  background: transparent;
  text-align: center;
  display: block;
  float: left;
  width: 14.28%;
  font-weight: 700;
  padding-top: 3.333333333333333px;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
  margin-top: 0.0625rem;
}
.flatpickr-weekwrapper {
  display: inline-block;
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 1px 12px 0px 12px;
  padding: 0.0625rem 0.75rem 0rem 0.75rem;
  box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
}
.flatpickr-weekwrapper span.flatpickr-day {
  display: block;
  width: 100%;
  max-width: none;
}
.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}
.flatpickr-time {
  line-height: 40px;
  line-height: 2.5rem;
  max-height: 40px;
  max-height: 2.5rem;
  -webkit-transition: height 0.33s cubic-bezier(0, 1, 0.5, 1);
  transition: height 0.33s cubic-bezier(0, 1, 0.5, 1);
  display: block;
  display: flex;
  text-align: center;
  outline: 0;
  height: 0;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  height: 40px;
  height: 2.5rem;
  flex: 1;
  width: 40%;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #5f7285;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #5f7285;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  font-size: 14px;
  font-size: 0.875rem;
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  cursor: pointer;
  color: #5f7285;
  position: relative;
  box-sizing: border-box;
  text-align: center;
}
.flatpickr-time input::-ms-clear,
.flatpickr-time input::-ms-expand {
  display: none;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: 700;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 500;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  -webkit-user-select: none;
  user-select: none;
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #5f7285;
  font-weight: 700;
  width: 2%;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 500;
}
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #f0f0f0;
}
.hasWeeks .flatpickr-days,
.hasTime .flatpickr-days {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.hasWeeks .flatpickr-days {
  border-left: 0;
}
@media all and (-ms-high-contrast: none) {
  .flatpickr-month svg {
    top: 0 !important;
  }
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-moz-keyframes flatpickrFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes flatpickrFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@-o-keyframes flatpickrFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes flatpickrFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/*
Collapse cart
=======================================
The collapse cart element is an alternative to the offcanvas shopping cart inside Shopware 5. The collapse cart displays a shopping cart dropdown element similar to the default Shopware 4 cart.

The Settings can be modified in the backend theme manager.

The collapse cart element contains the current items in the users shopping cart and the subtotal price amount.
*/
.container--ajax-cart {
  top: 50px;
  top: 3.125rem;
  margin-right: 10px;
  margin-right: 0.625rem;
  padding: 15px 0px 0px 0px;
  padding: 0.9375rem 0rem 0rem 0rem;
  position: absolute;
  text-align: left;
  right: 0;
  z-index: 3000;
  display: none;
}
.container--ajax-cart.off-canvas {
  width: 280px;
  width: 17.5rem;
  -webkit-transition: all 0.45s cubic-bezier(0.3, 0, 0.15, 1);
  transition: all 0.45s cubic-bezier(0.3, 0, 0.15, 1);
  margin-right: 0;
  display: block;
  height: 100%;
  left: auto;
  position: fixed;
  top: 0;
  padding: 0;
  background: #fff;
  z-index: 8000;
}
.container--ajax-cart.off-canvas .icon--loading-indicator {
  width: 38px;
  width: 2.375rem;
  height: 38px;
  height: 2.375rem;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.container--ajax-cart .icon--loading-indicator {
  width: 21px;
  width: 1.3125rem;
  height: 21px;
  height: 1.3125rem;
  padding: 20px 0px 20px 0px;
  padding: 1.25rem 0rem 1.25rem 0rem;
  margin: 0 auto;
  display: block;
  position: relative;
  box-sizing: content-box;
}
.container--ajax-cart .icon--loading-indicator:before {
  border-radius: 100%;
  background-clip: padding-box;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: block;
  content: "";
  border: 2px solid #CCC;
  border-top: 2px solid #333;
}
.container--ajax-cart .product--essential-features {
  margin-left: 48px;
  margin-left: 3rem;
}
.ajax--cart {
  width: 450px;
  width: 28.125rem;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 14px;
  font-size: 0.875rem;
  border: 1px solid #dadae5;
  position: relative;
  background: #fff;
}
.ajax--cart:after,
.ajax--cart:before {
  right: 10px;
  right: 0.625rem;
  bottom: 100%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ajax--cart:after {
  right: 11px;
  right: 0.6875rem;
  border-width: 9px;
  border-width: 0.5625rem;
  border-bottom-color: #fff;
}
.ajax--cart:before {
  border-width: 10px;
  border-width: 0.625rem;
  border-bottom-color: #dadae5;
}
.ajax--cart .content--loader {
  width: 21px;
  width: 1.3125rem;
  height: 21px;
  height: 1.3125rem;
  padding: 20px 0px 20px 0px;
  padding: 1.25rem 0rem 1.25rem 0rem;
  box-sizing: content-box;
  margin: 0 auto;
}
.ajax--cart .item--container {
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.625rem 0rem 0.625rem;
  max-height: 353px;
  max-height: 22.0625rem;
  overflow-y: auto;
}
.ajax--cart .alert {
  border-radius: 0;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.ajax--cart .alert .alert--icon,
.ajax--cart .alert .icon--element {
  width: 15%;
}
.ajax--cart .alert .alert--icon .is--warning,
.ajax--cart .alert .icon--element .is--warning {
  color: #f1c40f;
  background: #f9f3dd;
}
.ajax--cart .alert .alert--icon .is--success,
.ajax--cart .alert .icon--element .is--success {
  color: #008a39;
  background: #71efa5;
}
.ajax--cart .alert .alert--content {
  width: 85%;
}
.ajax--cart .cart--item {
  padding: 10px 0px 10px 0px;
  padding: 0.625rem 0rem 0.625rem 0rem;
  line-height: 38px;
  line-height: 2.375rem;
  border-bottom: 1px solid #dadae5;
  overflow: hidden;
}
.ajax--cart .cart--item:last-child {
  border: 0 none;
}
.ajax--cart .cart--item.is--empty {
  padding-bottom: 0;
}
.ajax--cart .cart--item .thumbnail--container {
  margin: 0px 10px 0px 0px;
  margin: 0rem 0.625rem 0rem 0rem;
  width: 38px;
  width: 2.375rem;
  height: 38px;
  height: 2.375rem;
  border-radius: 3px;
  background-clip: padding-box;
  float: left;
  position: relative;
}
.ajax--cart .cart--item .thumbnail--container.has--image {
  border: 1px solid #dadae5;
  background: #FFFFFF;
}
.ajax--cart .cart--item .thumbnail--container .cart--badge {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  width: 14px;
  width: 0.875rem;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  background: #b61934;
}
.ajax--cart .cart--item .thumbnail--container .cart--badge .badge--free {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-size: 8px;
  font-size: 0.5rem;
  line-height: 12px;
  line-height: 0.75rem;
  width: 40px;
  width: 2.5rem;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  display: block;
  position: absolute;
  padding: 0;
  margin: 0;
  top: 0;
  bottom: 0;
}
.ajax--cart .cart--item .thumbnail--container .basket--badge {
  line-height: 37px;
  line-height: 2.3125rem;
  font-size: 12px;
  font-size: 0.75rem;
  border-radius: 100%;
  background-clip: padding-box;
  height: 35px;
  height: 2.1875rem;
  width: 35px;
  width: 2.1875rem;
  margin: 0 auto;
  text-align: center;
  font-weight: 700;
  background: #5f7285;
  color: #fff;
}
.ajax--cart .cart--item .thumbnail--container .basket--badge .icon--arrow-right {
  font-size: 10px;
  font-size: 0.625rem;
}
.ajax--cart .cart--item .thumbnail--container .basket--badge .icon--coupon {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 37px;
  line-height: 2.3125rem;
}
.ajax--cart .cart--item .thumbnail--image {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.ajax--cart .cart--item .item--link {
  color: #5f7285;
}
.ajax--cart .cart--item .item--quantity {
  margin: 0px 5px 0px 0px;
  margin: 0rem 0.3125rem 0rem 0rem;
  font-weight: 700;
}
.ajax--cart .cart--item .item--price {
  font-weight: 700;
  float: right;
}
.ajax--cart .cart--item .action--container {
  width: 21px;
  width: 1.3125rem;
  height: 21px;
  height: 1.3125rem;
  margin: 10px 0px 0px 10px;
  margin: 0.625rem 0rem 0rem 0.625rem;
  line-height: 1;
  float: right;
}
.ajax--cart .cart--item .action--container .btn {
  height: 21px;
  height: 1.3125rem;
  width: 21px;
  width: 1.3125rem;
  padding: 4px 5px 4px 5px;
  padding: 0.25rem 0.3125rem 0.25rem 0.3125rem;
  font-size: 8px;
  font-size: 0.5rem;
  line-height: 14px;
  line-height: 0.875rem;
}
.ajax--cart .cart--item .action--container *[class*="icon--"] {
  margin: 0;
  padding: 0;
}
.ajax--cart .prices--container {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  border-top: 1px solid #dadae5;
}
.ajax--cart .prices--container .prices--articles-amount {
  float: right;
}
.ajax--cart .prices--container .prices--articles {
  color: #3f4c58;
  font-weight: 700;
}
.ajax--cart .prices--container .prices--tax {
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0;
}
.ajax--cart .button--container {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  overflow: hidden;
}
.ajax--cart .button--container *[class*="button--"] {
  width: 210px;
  width: 13.125rem;
  border-radius: 3px;
  background-clip: padding-box;
  text-align: center;
}
.ajax--cart .button--container .button--checkout {
  float: right;
}
.ajax--cart .button--container .button--open-basket *[class^="icon--"] {
  display: none;
}
.ajax--cart .small--information {
  font-size: 12px;
  font-size: 0.75rem;
}
.ajax--cart .small--information .small--prices {
  float: right;
}
.ajax--cart .context--shipping-costs {
  margin-left: 10px;
  margin-left: 0.625rem;
}
.ajax--cart .table--shipping-costs-trigger {
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0px 0px 5px 0px;
  margin: 0rem 0rem 0.3125rem 0rem;
  font-weight: 700;
}
.ajax--cart .table--shipping-costs {
  font-size: 12px;
  font-size: 0.75rem;
}
.ajax--cart .table--shipping-costs .select-field {
  max-height: 40px;
  max-height: 2.5rem;
  margin: 5px 10px 5px 0px;
  margin: 0.3125rem 0.625rem 0.3125rem 0rem;
}
.ajax--cart .table--shipping-costs label {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  margin: 5px 100px 0px 0px;
  margin: 0.3125rem 6.25rem 0rem 0rem;
  float: left;
}
.off-canvas .ajax--cart {
  font-size: 14px;
  font-size: 0.875rem;
  background: #fff;
  width: auto;
  position: absolute;
  left: 0;
  right: 0;
  border: 0 none;
  min-height: 100%;
}
.off-canvas .ajax--cart .item--container {
  max-height: none;
}
.off-canvas .ajax--cart .cart--item {
  line-height: 19px;
  line-height: 1.1875rem;
}
.off-canvas .ajax--cart .cart--item .item--link {
  width: 149px;
  width: 9.3125rem;
  display: inline-block;
}
.off-canvas .ajax--cart .cart--item .item--price {
  float: none;
  display: block;
}
.off-canvas .ajax--cart .prices--container {
  background: #fff;
  border-bottom: 0 none;
}
.off-canvas .ajax--cart .action--container,
.off-canvas .ajax--cart .action--container .action--remove {
  width: 38px;
  width: 2.375rem;
  height: 38px;
  height: 2.375rem;
}
.off-canvas .ajax--cart .action--container {
  margin: 0;
}
.off-canvas .ajax--cart .action--container .action--remove {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
  vertical-align: middle;
}
.off-canvas .ajax--cart .action--container .icon--loading-indicator {
  width: 21px;
  width: 1.3125rem;
  height: 21px;
  height: 1.3125rem;
  margin: 9px 0px 0px 0px;
  margin: 0.5625rem 0rem 0rem 0rem;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.off-canvas .ajax--cart .action--container *[class*="icon--"] {
  line-height: 28px;
  line-height: 1.75rem;
  margin: 0;
  padding: 0;
}
.off-canvas .ajax--cart .button--container {
  text-align: left;
}
.off-canvas .ajax--cart .button--container *[class*="button--"] {
  margin: 10px 0px 0px 0px;
  margin: 0.625rem 0rem 0rem 0rem;
  width: 100%;
}
.off-canvas .ajax--cart .button--container .button--checkout {
  margin: 0;
}
.off-canvas .ajax--cart .button--container .button--open-basket {
  padding-right: 30px;
  padding-right: 1.875rem;
}
.off-canvas .ajax--cart .button--container .button--open-basket *[class^="icon--"] {
  display: block;
  right: 10px;
  right: 0.625rem;
}
.off-canvas .ajax--cart .product--essential-features {
  margin-top: 5px;
  margin-top: 0.3125rem;
}
.product--essential-features {
  line-height: 18px;
  line-height: 1.125rem;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 48em) {
  .container--ajax-cart.is--shown {
    display: block;
  }
}
@media screen and (min-width: 78.75em) {
  .container--ajax-cart {
    margin-right: 0;
  }
}
/*
Table
=========================
Defines the basic table styles.
```
<table>
 <th>
    <tr>
        <th>Heading</th>
        <th>Heading</th>
        <th>Heading</th>
        <th>Heading</th>
    </tr>
 </th>
 <tb>
    <tr>
        <td>Table Content</td>
        <td>Table Content</td>
        <td>Table Content</td>
        <td>Table Content</td>
    </tr>
    <tr>
        <td>Table Content</td>
        <td>Table Content</td>
        <td>Table Content</td>
        <td>Table Content</td>
    </tr>
 </tb>
</table>
```
*/
table {
  border-collapse: separate;
  border-spacing: 1px;
}
table th,
table thead td {
  background: #5f7285;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
}
table td {
  padding: 5px 10px 5px 10px;
  padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
  background: #ffffff;
  color: #5f7285;
  border: 1px solid #ffffff;
}
table tr:nth-child(even) td {
  background: #f5f5f5;
}
/*
Checkboxes
==========================================
######Checkboxes elements
Changes the default Checkboxes to custom-themed ones that contain the Shopware color variables.

The checkboxes can be used in a `span` element containing an `input` tag or inside a anchor element. (Example inside a panel element)

```

<div class="panel">
    <div class="panel--body">

        <span class="checkbox">
            <input type="checkbox" />
            <span class="checkbox--state"></span>
        </span> Option (actual checkbox)<br/>

        <span class="checkbox">
            <input type="checkbox" />
            <span class="checkbox--state"></span>
        </span> Option (actual checkbox)<br/>

        <a href="#">
            <span class="checkbox">
                <span class="checkbox--state"></span>
            </span>
        </a> Option (inside a link)<br/>

        <a href="#">
            <span class="checkbox">
                <span class="checkbox--state"></span>
            </span>
        </a> Option (inside a link)<br/>

    </div>
</div>

```
*/
.checkbox {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  padding: 1px 1px 1px 1px;
  padding: 0.0625rem 0.0625rem 0.0625rem 0.0625rem;
  line-height: 16px;
  line-height: 1rem;
  border-radius: 3px;
  background-clip: padding-box;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  border: 1px solid #dadae5;
  cursor: pointer;
}
.checkbox .checkbox--state {
  border-radius: 3px;
  background-clip: padding-box;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 60;
}
.checkbox input[type="checkbox"] {
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0 none;
  background: none;
  cursor: pointer;
  z-index: 65;
}
.checkbox input[type="checkbox"]:checked ~ .checkbox--state {
  background-color: #e82446;
  background-image: linear-gradient(to bottom, #e82446 0%, #b61934 100%);
}
.checkbox input[type="checkbox"]:checked ~ .checkbox--state:before {
  width: 12px;
  width: 0.75rem;
  height: 12px;
  height: 0.75rem;
  line-height: 12px;
  line-height: 0.75rem;
  font-size: 7px;
  font-size: 0.4375rem;
  display: inline-block;
  font-family: 'shopware';
  font-weight: 500;
  text-align: center;
  vertical-align: top;
  color: #fff;
  content: "\e60c";
}
.checkbox input[type="checkbox"]:disabled ~ .checkbox--state {
  background: #e9e9f0;
}
.checkbox.is--active .checkbox--state,
a:hover .checkbox .checkbox--state {
  background-color: #e82446;
  background-image: linear-gradient(to bottom, #e82446 0%, #b61934 100%);
}
.checkbox.is--active .checkbox--state:before,
a:hover .checkbox .checkbox--state:before {
  width: 12px;
  width: 0.75rem;
  height: 12px;
  height: 0.75rem;
  line-height: 12px;
  line-height: 0.75rem;
  font-size: 7px;
  font-size: 0.4375rem;
  display: inline-block;
  font-family: 'shopware';
  font-weight: 500;
  text-align: center;
  vertical-align: top;
  color: #fff;
  content: "\e60c";
}
/*
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: #b61934;
}
/*
Tab-menu
==========================================
The Shopware tab-menu allows the creation of multiple tabs filled with content that the user can swtich between.

The functionality is provided by the `jquery.tab-menu.js` file.

    <div class="tab-menu--product js--tab-menu">

        <div class="tab--navigation">
            <a href="#" class="tab--link is--active" title="Tab-1">First Tab</a>
            <a href="#" class="tab--link" title="Tab-2">Second Tab</a>
        </div>

        <div class="tab--container-list">
            <div class="tab--container is--active">
            </div>
            <div class="tab--container">
            </div>
        </div>

    </div>
*/
.js--tab-menu .tab--navigation {
  list-style: none;
}
.js--tab-menu .tab--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: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8fa 100%);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  top: 1px;
  top: 0.0625rem;
  display: none;
  position: relative;
  font-weight: 700;
  text-align: center;
  color: #5f7285;
  border: 1px solid #dadae5;
  white-space: nowrap;
}
.js--tab-menu .tab--link:hover {
  color: #b61934;
  background: #fff;
}
.js--tab-menu .tab--link:focus {
  outline: none;
}
.js--tab-menu .tab--link.is--active {
  color: #3f4c58;
  border-bottom-color: #fff;
  background: #fff;
}
.js--tab-menu .tab--link.is--active:hover {
  color: #3f4c58;
}
.js--tab-menu .tab--link.has--content {
  display: inline-block;
}
.js--tab-menu.js--menu-scroller .tab--navigation {
  overflow: hidden;
}
.js--tab-menu.js--menu-scroller .tab--navigation .js--menu-scroller--item {
  top: 0;
}
.js--tab-menu.js--menu-scroller .js--menu-scroller--arrow {
  line-height: 46px;
  line-height: 2.875rem;
  height: 46px;
  height: 2.875rem;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid #dadae5;
}
.js--tab-menu.js--menu-scroller .js--menu-scroller--arrow:hover {
  border-color: #b61934;
}
.js--tab-menu .tab--container-list .tab--container {
  border: 1px solid #dadae5;
  display: none;
}
.js--tab-menu .tab--container-list .tab--container.has--content.is--active {
  display: block;
}
/*
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: 10px 0px 10px 0px;
  padding: 0.625rem 0rem 0.625rem 0rem;
  height: 90px;
  height: 5.625rem;
  background: #fff;
  top: auto;
  bottom: 0;
  width: 100%;
  margin: 0;
  position: absolute;
  display: block;
}
.image--gallery .image-slider--thumbnails .thumbnails--arrow {
  top: 10px;
  top: 0.625rem;
}
.image--gallery .image-slider--thumbnails .thumbnails--arrow.is--left {
  border-left: 0 none;
}
.image--gallery .image-slider--thumbnails .thumbnails--arrow.is--right {
  border-right: 0 none;
}
.image--gallery .image-slider--thumbnails-slide {
  margin: 0px 10px 0px 10px;
  margin: 0rem 0.625rem 0rem 0.625rem;
  left: auto;
  top: auto;
}
.image--gallery .thumbnail--link {
  margin: 0px 10px 0px 0px;
  margin: 0rem 0.625rem 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%;
  }
}
/*
Product quick-view
======================================
Defines the styling of the product quick-view page.

The product quick-view is an element during the checkout process in Shopware 5 that displays the user the important information of his product without having to switch to the product detail page and interrupt the checkout.
*/
.product--quick-view {
  padding: 20px 20px 20px 20px;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
}
.product--quick-view .quick-view--image {
  height: 200px;
  height: 12.5rem;
  border-radius: 3px;
  background-clip: padding-box;
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
  border: 1px solid #dadae5;
  width: 100%;
  display: block;
  position: relative;
  float: left;
}
.product--quick-view .quick-view--image img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.product--quick-view .quick-view--title {
  font-size: 18px;
  font-size: 1.125rem;
  color: #3f4c58;
  display: block;
  font-weight: 700;
}
.product--quick-view .quick-view--title:hover {
  color: #b61934;
}
.product--quick-view .quick-view--supplier {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 10px 0px 5px 0px;
  padding: 0.625rem 0rem 0.3125rem 0rem;
  font-weight: 700;
}
.product--quick-view .quick-view--description-title {
  font-size: 16px;
  font-size: 1rem;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  margin-top: 15px;
  margin-top: 0.9375rem;
  color: #3f4c58;
  border-bottom: 1px solid #dadae5;
  font-weight: 700;
  clear: both;
}
.product--quick-view .quick-view--description {
  font-size: 14px;
  font-size: 0.875rem;
  padding-top: 10px;
  padding-top: 0.625rem;
  color: #5f7285;
}
.product--quick-view .quick-view--description,
.product--quick-view .quick-view--description > p {
  margin: 0;
}
@media screen and (min-width: 30em) {
  .product--quick-view {
    padding: 20px 20px 20px 20px;
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  }
  .product--quick-view .quick-view--image {
    width: 50%;
  }
  .product--quick-view .quick-view--header {
    padding-left: 20px;
    padding-left: 1.25rem;
    width: 50%;
    float: right;
  }
  .product--quick-view .quick-view--description-title {
    margin-top: 0;
  }
}
/*
Hidden Captcha
======================================
Hides a form field so a human will omit it while
a bot still fills it in and thus identifies as bot.

Is used to hide the label as well.
*/
.c-firstname-confirmation {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/*
Modules
==================================================
The `modules.less` file contains the imports to all module elements of Shopware.

Mixin specific documentation can be found inside each mixin file.
*/
/*
Global
==========================================
Defines the global styles of Shopware.

It contains the global modifier classes that help working with the Shopware elements and the typographic styles.

######Global modifier classes
Add a `is--` class to an element to easily change the properties.

`.is--rounded` - changes the border-radius to 3pxgi<br/>
`.is--block` - sets element to display: block<br/>
`.is--inline` - sets element to display: inline<br/>
`.is--inline-block` - sets element to display: inline-block<br/>
`.is--hidden` - sets element to display: none<br/>
`.is--invisible` - sets element to  visibility: none<br/>

`.is--align-left` - sets element to text-align: left;<br/>
`.is--align-right` - sets element to text-align: right<br/>
`.is--align-center` - sets element to text-align: center<br/>
`.is--underline` - sets element to text-decoration: underline<br/>
`.is--line-through` - sets element to text-decoration: line-through<br/>
`.is--uppercase` - sets element to text-transform: uppercase<br/>
`.is--strong` - sets element to font-weight: @font-bold-weight<br/>
`.is--bold` - sets element to font-weight: @font-bold-weight<br/>
`.is--italic` - sets element to font-style: italic<br/>
`.is--nowrap` - sets element to white-space: nowrap<br/>

`.is--dark` - changes color to @text-color-dark<br/>
`.is--light` - changes color to darken(@gray-dark, 20%)<br/>
`.is--soft` - changes color to @gray-dark<br/>
*/
* {
  box-sizing: border-box;
}
html {
  width: 100%;
  height: 100%;
}
html.no--scroll {
  position: relative;
  overflow: hidden;
}
html.no--scroll body {
  overflow: hidden;
}
body {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  color: #5f7285;
  background: #e9e9f0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
a {
  color: #b61934;
  text-decoration: none;
}
ul {
  margin: 0;
  padding: 0;
}
.product--rating i[class^=icon] {
  color: #f1c40f;
}
.product--rating i.icon--star-empty {
  color: #dadae5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 26px;
  line-height: 1.625rem;
  margin: 28px 0px 10px 0px;
  margin: 1.75rem 0rem 0.625rem 0rem;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
  color: #3f4c58;
}
h1 {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 28px;
  line-height: 1.75rem;
  margin: 34px 0px 20px 0px;
  margin: 2.125rem 0rem 1.25rem 0rem;
  color: #3f4c58;
}
h2 {
  font-size: 21px;
  font-size: 1.3125rem;
}
h3 {
  font-size: 18px;
  font-size: 1.125rem;
}
h4 {
  font-size: 16px;
  font-size: 1rem;
}
h5 {
  font-size: 14px;
  font-size: 0.875rem;
}
h6 {
  font-size: 12px;
  font-size: 0.75rem;
}
p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
}
blockquote {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  border-radius: 3px;
  background-clip: padding-box;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  background: #f5f5f8;
  text-align: left;
  margin: 0;
}
.ajax-loader {
  display: none;
}
.is--rounded {
  border-radius: 3px;
  background-clip: padding-box;
}
.is--block {
  display: block !important;
}
.is--inline {
  display: inline !important;
}
.is--inline-block {
  display: inline-block !important;
}
.is--hidden {
  display: none !important;
}
.is--invisible {
  visibility: hidden !important;
}
.is--align-left {
  text-align: left !important;
}
.is--align-right {
  text-align: right !important;
}
.is--align-center {
  text-align: center !important;
}
.is--underline {
  text-decoration: underline !important;
}
.is--line-through {
  text-decoration: line-through !important;
}
.is--uppercase {
  text-transform: uppercase !important;
}
.is--strong {
  font-weight: 700 !important;
}
.is--bold {
  font-weight: 700 !important;
}
.is--italic {
  font-style: italic;
}
.is--nowrap {
  white-space: nowrap !important;
}
.is--dark {
  color: #3f4c58 !important;
}
.is--light {
  color: #9e9ebb !important;
}
.is--soft {
  color: #dadae5 !important;
}
.is--fluid {
  width: 100% !important;
}
.left {
  float: left;
}
.right {
  float: right;
}
::-moz-placeholder {
  color: #8798a9;
}
::-webkit-input-placeholder {
  color: #8798a9;
}
:-ms-input-placeholder {
  color: #8798a9;
}
.page-wrap {
  min-width: 320px;
  min-width: 20rem;
}
.content-main:after,
.content--wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.content-main--inner {
  padding: 0px 10px 16px 10px;
  padding: 0rem 0.625rem 1rem 0.625rem;
}
.content-main--inner:after {
  content: "";
  display: table;
  clear: both;
}
.content {
  width: 100%;
  float: left;
}
@media screen and (min-width: 48em) {
  .content-main {
    box-shadow: 0 0 4px 1px #dadae5;
  }
  .content-main:not(.is--small) {
    min-height: 750px;
    min-height: 46.875rem;
  }
  .content-main--inner {
    padding: 0px 30px 16px 30px;
    padding: 0rem 1.875rem 1rem 1.875rem;
    width: 100%;
  }
}
@media screen and (min-width: 78.75em) {
  .content-main {
    margin-top: 20px;
    margin-top: 1.25rem;
    margin-bottom: 45px;
    margin-bottom: 2.8125rem;
  }
  .content-main:not(.is--small) {
    min-height: 700px;
    min-height: 43.75rem;
  }
  .content-main--inner {
    padding: 0px 50px 50px 50px;
    padding: 0rem 3.125rem 3.125rem 3.125rem;
  }
}
/*
Header
==========================================
Defines the styles of the Shopware storeview header and its components.

It contains the viewport specific styles inside media queries.

The header sizes are defined by the unitize mixin.

More precise designations are commented inside the document.
*/
.header-main {
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  background: #fff;
  border-bottom: 1px solid #b61934;
}
.header-main .top-bar {
  display: none;
}
.header-main .logo-main {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
}
.header-main .logo-main .logo--link {
  height: 35px;
  height: 2.1875rem;
  display: inline-block;
  max-width: 100%;
}
.header-main .logo-main .logo--shop {
  height: 35px;
  height: 2.1875rem;
  width: 50%;
}
.header-main .logo-main .logo--supportinfo {
  display: none;
}
.header-main .header--navigation {
  position: relative;
}
.is--ctl-checkout.is--minimal-header .header-main,
.is--ctl-register.is--minimal-header .header-main,
.is--ctl-register.is--minimal-header.is--target-checkout .header-main {
  border-bottom: 1px solid #b61934;
}
.is--ctl-checkout.is--minimal-header .header-main .logo-main,
.is--ctl-register.is--minimal-header .header-main .logo-main,
.is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo-main {
  width: 100%;
}
.is--ctl-checkout.is--minimal-header .header-main .logo--shop,
.is--ctl-register.is--minimal-header .header-main .logo--shop,
.is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--shop {
  width: 50%;
}
.is--ctl-checkout.is--minimal-header .header-main .logo--link,
.is--ctl-register.is--minimal-header .header-main .logo--link,
.is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--link {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.is--ctl-checkout.is--minimal-header .header-main .logo--supportinfo,
.is--ctl-register.is--minimal-header .header-main .logo--supportinfo,
.is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--supportinfo {
  display: none;
}
.is--ctl-checkout.is--minimal-header .header-main .btn--back-top-shop,
.is--ctl-register.is--minimal-header .header-main .btn--back-top-shop,
.is--ctl-register.is--minimal-header.is--target-checkout .header-main .btn--back-top-shop {
  margin-top: 10px;
  margin-top: 0.625rem;
  width: 40%;
  float: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shop--navigation {
  position: relative;
}
.shop--navigation .navigation--list {
  width: 100%;
  text-align: right;
}
.shop--navigation .navigation--entry {
  margin-right: 5px;
  margin-right: 0.3125rem;
  display: inline-block;
}
.shop--navigation .navigation--entry .btn {
  height: 40px;
  height: 2.5rem;
  width: 40px;
  width: 2.5rem;
  vertical-align: middle;
}
.shop--navigation .navigation--entry .cart--link {
  padding: 2px 10px 2px 6px;
  padding: 0.125rem 0.625rem 0.125rem 0.375rem;
}
.shop--navigation .navigation--entry .account--link {
  padding: 2px 10px 2px 8px;
  padding: 0.125rem 0.625rem 0.125rem 0.5rem;
}
.shop--navigation .navigation--entry .account--link.account--user-loggedin:after {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  top: -5px;
  top: -0.3125rem;
  right: -5px;
  right: -0.3125rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-size: 8px;
  font-size: 0.5rem;
  border-radius: 50%;
  background-clip: padding-box;
  content: "\e60c";
  display: inline-block;
  position: absolute;
  background: #008a39;
  font-family: 'shopware';
  color: #fff;
}
.shop--navigation .navigation--entry .icon--basket,
.shop--navigation .navigation--entry .icon--account {
  font-size: 21px;
  font-size: 1.3125rem;
  display: inline;
  position: relative;
  vertical-align: middle;
  top: 0;
  left: 0;
}
.shop--navigation .navigation--entry .icon--heart {
  font-size: 18px;
  font-size: 1.125rem;
  vertical-align: middle;
}
.shop--navigation .navigation--entry .icon--search {
  font-size: 22px;
  font-size: 1.375rem;
  vertical-align: middle;
}
.shop--navigation .cart--quantity,
.shop--navigation .notes--quantity {
  top: -4px;
  top: -0.25rem;
  left: 23px;
  left: 1.4375rem;
  position: absolute;
  margin: 0;
}
.shop--navigation .entry--link {
  text-align: center;
  text-decoration: none;
}
.shop--navigation .main-search--form,
.shop--navigation .account--display,
.shop--navigation .cart--display,
.shop--navigation .cart--amount,
.shop--navigation .search--display {
  display: none;
}
.shop--navigation .entry--search .is--active.btn {
  background: #ffffff;
  color: #b61934;
  border-color: #b61934;
}
.shop--navigation .entry--account {
  position: relative;
}
.shop--navigation .entry--cart {
  margin-right: 12px;
  margin-right: 0.75rem;
  position: relative;
}
.shop--navigation .entry--menu-left {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  font-weight: 700;
  text-align: left;
}
.shop--navigation .entry--menu-left .btn {
  padding-left: 48px;
  padding-left: 3rem;
  line-height: 35px;
  line-height: 2.1875rem;
  font-size: 17px;
  font-size: 1.0625rem;
  height: 40px;
  height: 2.5rem;
  color: #5f7285;
  width: auto;
  background: 0 none;
  border: 0 none;
}
.shop--navigation .entry--menu-left .icon--menu {
  font-size: 20px;
  font-size: 1.25rem;
}
.main-search--form {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 3000;
}
.main-search--form .main-search--field {
  padding: 9px 38px 9px 9px;
  padding: 0.5625rem 2.375rem 0.5625rem 0.5625rem;
  height: 40px;
  height: 2.5rem;
  background: #fff;
  vertical-align: middle;
  width: 100%;
  position: relative;
}
.main-search--form .main-search--button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  top: 10px;
  top: 0.625rem;
  bottom: 10px;
  bottom: 0.625rem;
  right: 10px;
  right: 0.625rem;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.625rem 0rem 0.625rem;
  line-height: 1;
  position: absolute;
  z-index: 2;
  border: 0 none;
  background: transparent;
  color: #5f7285;
  outline: none;
}
.main-search--form .main-search--text {
  display: none;
}
.account--menu.is--personalized .navigation--logout-personalized {
  display: inline-block;
}
.account--menu.is--personalized .navigation--logout {
  display: block;
}
.account--menu.is--personalized .navigation--link.navigation--personalized {
  padding-top: 9px;
  padding-top: 0.5625rem;
  padding-left: 23px;
  padding-left: 1.4375rem;
  padding-bottom: 9px;
  padding-bottom: 0.5625rem;
  line-height: 20px;
  line-height: 1.25rem;
  position: relative;
  color: #5f7285;
  font-weight: 500;
}
.account--menu.is--personalized .navigation--link.navigation--personalized:before,
.account--menu.is--personalized .navigation--link.navigation--personalized::before {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  left: 2px;
  left: 0.125rem;
  content: "\e614";
  font-family: 'shopware';
  position: absolute;
}
.account--menu.is--personalized .navigation--link.navigation--personalized [class^="icon--"] {
  margin: 0px 5px 0px 0px;
  margin: 0rem 0.3125rem 0rem 0rem;
  display: inline-block;
}
.account--menu.is--personalized .navigation--link.navigation--personalized .icon--logout {
  position: relative;
  top: 10px;
  top: 0.625rem;
}
.account--menu.is--personalized .navigation--link.navigation--personalized:hover {
  color: #b61934;
}
.off-canvas .account--menu.is--personalized .navigation--signin {
  border-bottom: none;
}
.account--dropdown-navigation {
  display: none;
  text-align: left;
}
.account--dropdown-navigation .navigation--logout-personalized {
  display: inline-block;
}
.account--dropdown-navigation .navigation--logout {
  display: block;
}
.account--dropdown-navigation .navigation--signin {
  padding-top: 15px;
  padding-top: 0.9375rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
  margin-top: 7px;
  margin-top: 0.4375rem;
  border-bottom: 1px solid #dadae5;
  display: block;
  text-align: center;
}
.account--dropdown-navigation .navigation--signin .navigation--signin-btn.btn {
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  width: 95%;
  text-align: center;
}
.account--dropdown-navigation .navigation--register {
  font-size: 13px;
  font-size: 0.8125rem;
}
.account--dropdown-navigation .navigation--link.link--logout.navigation--personalized {
  line-height: 20px;
  line-height: 1.25rem;
  padding-left: 33px;
  padding-left: 2.0625rem;
  color: #5f7285;
  font-weight: 500;
}
.account--dropdown-navigation .navigation--link.link--logout.navigation--personalized:before,
.account--dropdown-navigation .navigation--link.link--logout.navigation--personalized::before {
  left: 10px;
  left: 0.625rem;
}
.account--dropdown-navigation .navigation--link.link--logout.navigation--personalized:hover {
  color: #b61934;
}
.account--dropdown-navigation.off-canvas {
  background: #f5f5f8;
}
.account--dropdown-navigation.off-canvas .account--menu,
.account--dropdown-navigation.off-canvas .sidebar--navigation {
  text-align: left;
}
.account--dropdown-navigation.off-canvas .account--menu .navigation--entry,
.account--dropdown-navigation.off-canvas .sidebar--navigation .navigation--entry {
  display: block;
  margin: 0;
}
.account--dropdown-navigation.off-canvas .account--menu .navigation--entry .navigation--link.link--logout.navigation--personalized,
.account--dropdown-navigation.off-canvas .sidebar--navigation .navigation--entry .navigation--link.link--logout.navigation--personalized {
  padding-top: 9px;
  padding-top: 0.5625rem;
  padding-bottom: 9px;
  padding-bottom: 0.5625rem;
}
.account--dropdown-navigation.off-canvas .account--menu .navigation--entry .navigation--link.link--logout.navigation--personalized [class^="icon--"],
.account--dropdown-navigation.off-canvas .sidebar--navigation .navigation--entry .navigation--link.link--logout.navigation--personalized [class^="icon--"] {
  margin: 0px 5px 0px 0px;
  margin: 0rem 0.3125rem 0rem 0rem;
  display: inline-block;
}
.account--dropdown-navigation.off-canvas .account--close-off-canvas {
  color: #fff;
  font-weight: 700;
}
.has--csstransforms .entry--search .entry--trigger.is--active::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 15px;
  width: 0.9375rem;
  height: 15px;
  height: 0.9375rem;
  margin-top: 8px;
  margin-top: 0.5rem;
  margin-left: 1px;
  margin-left: 0.0625rem;
  background: #efeff4;
  content: '';
  display: block;
}
.entry--search.is--active .main-search--form {
  top: 50px;
  top: 3.125rem;
  background: #efeff4;
  left: 0;
  display: block;
  position: absolute;
}
.header-main.is--active-searchfield {
  padding-bottom: 70px;
  padding-bottom: 4.375rem;
}
.has--cssanimations .form--ajax-loader {
  top: 20px;
  top: 1.25rem;
  right: 55px;
  right: 3.4375rem;
  position: absolute;
  display: none;
}
.has--cssanimations .form--ajax-loader::before {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  border-radius: 100%;
  background-clip: padding-box;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  border: 2px solid #dadae5;
  border-top: 2px solid #4f4f71;
  display: block;
  content: "";
}
.has--no-cssanimations .form--ajax-loader {
  top: 24px;
  top: 1.5rem;
  right: 55px;
  right: 3.4375rem;
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  position: absolute;
  display: none;
  background-image: url('../../themes/Frontend/Responsive/frontend/_public/src/img/icons/loading-indicator.gif');
}
.main-search--results {
  top: 110px;
  top: 6.875rem;
  position: absolute;
  width: 100%;
  left: 0;
  text-align: left;
  z-index: 3500;
  display: none;
}
.main-search--results:after {
  content: "";
  display: table;
  clear: both;
}
.results--list {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  box-shadow: 0 10px 25px -15px #000000;
  border-top: 1px solid #dadae5;
  border-bottom: 1px solid #dadae5;
  background: #fff;
  -ms-touch-action: manipulation;
}
.results--list::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 12px;
  width: 0.75rem;
  height: 12px;
  height: 0.75rem;
  top: -6px;
  top: -0.375rem;
  content: '';
  display: block;
  position: absolute;
  background: #fff;
  left: 48%;
  border: 1px solid #dadae5;
  border-top: 0 none;
  border-right: 0 none;
}
.results--list .list--entry,
.results--list .entry--all-results {
  display: block;
}
.results--list .entry--all-results.is--active {
  font-weight: 700;
}
.results--list .entry--all-results.is--active .entry--all-results-number {
  font-weight: 700;
}
.results--list .list--entry {
  line-height: 30px;
  line-height: 1.875rem;
  border-bottom: 1px solid #dadae5;
}
.results--list .list--entry:last-child {
  border: 0 none;
}
.results--list .entry--no-results {
  width: 100%;
  text-align: center;
  list-style: none;
  font-weight: 500;
}
.results--list .is--active,
.results--list .list--entry:hover {
  color: #b61934;
}
.results--list .is--active .entry--name,
.results--list .list--entry:hover .entry--name,
.results--list .is--active .entry--price,
.results--list .list--entry:hover .entry--price {
  color: #b61934;
}
.results--list .search-result--link {
  padding: 6px 0px 6px 0px;
  padding: 0.375rem 0rem 0.375rem 0rem;
  display: block;
}
.results--list .search-result--link:after {
  content: "";
  display: table;
  clear: both;
}
.results--list .entry--name,
.results--list .entry--all-results-link,
.results--list .entry--all-results-number {
  height: 30px;
  height: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  display: block;
}
.results--list .price--unit {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 18px;
  line-height: 1.125rem;
  float: right;
}
.results--list .entry--media {
  height: 30px;
  height: 1.875rem;
  width: 10%;
  min-width: 10%;
  position: relative;
  text-align: center;
}
.results--list .entry--media .media--image {
  display: inline-block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.results--list .entry--name {
  padding-left: 10px;
  padding-left: 0.625rem;
  width: 60%;
  color: #5f7285;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.results--list .entry--price,
.results--list .entry--all-results-number {
  width: 30%;
  text-align: right;
  color: #5f7285;
  white-space: nowrap;
}
.results--list .entry--all-results {
  padding: 6px 5px 6px 5px;
  padding: 0.375rem 0.3125rem 0.375rem 0.3125rem;
  font-weight: 500;
}
.results--list .entry--all-results-link {
  width: 70%;
  padding: 0;
}
.results--list .entry--all-results-link .icon--arrow-right {
  top: -1px;
  top: -0.0625rem;
  margin: 0px 8px 0px 0px;
  margin: 0rem 0.5rem 0rem 0rem;
  position: relative;
}
.results--list .entry--all-results-number {
  font-weight: 500;
  color: #b61934;
}
.off-canvas .mobile--switches .navigation--entry {
  padding: 0;
  border: none;
  background: none;
}
@media screen and (min-width: 30em) {
  .is--ctl-checkout.is--minimal-header .header-main .btn--back-top-shop,
  .is--ctl-register.is--minimal-header .header-main .btn--back-top-shop,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .btn--back-top-shop {
    width: auto;
  }
  .entry--search {
    display: inline-block;
    position: absolute;
    left: 26%;
    width: 40%;
  }
  .entry--search.is--active .main-search--form {
    top: 0;
    display: inline-block;
  }
  .entry--search .entry--trigger {
    display: none;
  }
  .entry--search .main-search--form {
    box-shadow: 0 0 0 transparent;
    border-bottom: 0 none;
    padding: 0;
    display: inline-block;
    position: relative;
  }
  .entry--search .main-search--form .main-search--field {
    background: #f8f8fa;
  }
  .entry--search .main-search--form .main-search--field:focus {
    background: #fff;
  }
  .entry--search .main-search--form .main-search--button {
    top: 0px;
    top: 0rem;
    bottom: 0px;
    bottom: 0rem;
    right: 0px;
    right: 0rem;
    padding: 0px 10px 0px 10px;
    padding: 0rem 0.625rem 0rem 0.625rem;
    height: 40px;
    height: 2.5rem;
  }
  .main-search--results {
    top: 50px;
    top: 3.125rem;
    width: 450px;
    width: 28.125rem;
    margin-left: -110px;
    margin-left: -6.875rem;
  }
  .main-search--results:after {
    content: "";
    display: table;
    clear: both;
  }
  .results--list {
    border-radius: 3px;
    background-clip: padding-box;
    border: 1px solid #dadae5;
    background: #fff;
  }
  .header-main.is--active-searchfield {
    padding-bottom: 10px;
    padding-bottom: 0.625rem;
  }
  .has--cssanimations .form--ajax-loader {
    top: 10px;
    top: 0.625rem;
    right: 45px;
    right: 2.8125rem;
    position: absolute;
  }
  .has--no-cssanimations .form--ajax-loader {
    top: 14px;
    top: 0.875rem;
    right: 45px;
    right: 2.8125rem;
    position: absolute;
  }
}
@media screen and (min-width: 48em) {
  .header-main.is--active-searchfield {
    padding-bottom: 0;
  }
  .header-main {
    padding-bottom: 0;
    border-bottom: 0 none;
  }
  .header-main .container:after {
    content: "";
    display: table;
    clear: both;
  }
  .header-main .top-bar {
    padding: 4px 0px 4px 0px;
    padding: 0.25rem 0rem 0.25rem 0rem;
    display: block;
  }
  .header-main .top-bar--navigation {
    width: auto;
    float: right;
  }
  .header-main .top-bar--navigation .navigation--entry {
    padding: 0px 15px 0px 15px;
    padding: 0rem 0.9375rem 0rem 0.9375rem;
    line-height: 25px;
    line-height: 1.5625rem;
    float: left;
    display: block;
  }
  .header-main .top-bar--navigation .navigation--entry li {
    line-height: normal;
  }
  .header-main .top-bar--navigation .navigation--entry,
  .header-main .top-bar--navigation .navigation--link {
    color: #5f7285;
    cursor: pointer;
  }
  .header-main .top-bar--navigation .navigation--entry:hover,
  .header-main .top-bar--navigation .navigation--link:hover {
    color: #b61934;
  }
  .header-main .top-bar--navigation .field--select,
  .header-main .top-bar--navigation .navigation--entry {
    height: 25px;
    height: 1.5625rem;
  }
  .header-main .top-bar--navigation .field--select {
    position: relative;
  }
  .header-main .top-bar--navigation .select-field {
    height: 25px;
    height: 1.5625rem;
  }
  .header-main .top-bar--navigation .select-field select {
    border-radius: 0;
    padding: 0px 18px 0px 0px;
    padding: 0rem 1.125rem 0rem 0rem;
    line-height: 25px;
    line-height: 1.5625rem;
    background: none;
    border: 0 none;
  }
  .header-main .top-bar--navigation .select-field:after {
    height: 25px;
    height: 1.5625rem;
    line-height: 24px;
    line-height: 1.5rem;
    width: auto;
    border: 0 none;
  }
  .header-main .top-bar--navigation .top-bar--language .select-field {
    width: 32px;
    width: 2rem;
  }
  .header-main .top-bar--navigation .top-bar--language .select-field select {
    text-indent: -9999px;
  }
  .header-main .top-bar--navigation .top-bar--language .language--flag {
    margin-top: -6px;
    margin-top: -0.375rem;
    position: absolute;
    z-index: 900;
    top: 50%;
    left: 0;
    pointer-events: none;
  }
  .header-main .top-bar--navigation .entry--service {
    position: relative;
  }
  .header-main .top-bar--navigation .entry--service:after,
  .header-main .top-bar--navigation .entry--service::after {
    top: -3px;
    top: -0.1875rem;
    margin-left: 5px;
    margin-left: 0.3125rem;
    content: "\e612";
    font-family: 'shopware';
    position: relative;
  }
  .header-main .top-bar--navigation .entry--service.js--is--dropdown-active {
    color: #b61934;
  }
  .header-main .top-bar--navigation .service--list {
    min-width: 150px;
    min-width: 9.375rem;
    padding: 5px 0px 5px 0px;
    padding: 0.3125rem 0rem 0.3125rem 0rem;
    top: 32px;
    top: 2rem;
    right: 12px;
    right: 0.75rem;
    text-align: left;
    position: absolute;
    display: none;
    list-style: none;
    background: #fff;
    z-index: 3500;
    border: 1px solid #dadae5;
  }
  .header-main .top-bar--navigation .service--list::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 8px;
    width: 0.5rem;
    height: 8px;
    height: 0.5rem;
    top: -5px;
    top: -0.3125rem;
    right: 18px;
    right: 1.125rem;
    content: '';
    display: block;
    position: absolute;
    background: #fff;
    border-color: #dadae5;
    border-width: 0 0 1px 1px;
    border-style: solid;
  }
  .header-main .top-bar--navigation .service--list .service--link {
    padding: 5px 10px 5px 10px;
    padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
    display: block;
    color: #5f7285;
  }
  .header-main .top-bar--navigation .service--list .service--link:hover {
    color: #b61934;
  }
  .header-main .top-bar--navigation .js--is--dropdown-active .service--list {
    display: block;
  }
  .header-main .header--navigation {
    padding: 10px 0px 10px 0px;
    padding: 0.625rem 0rem 0.625rem 0rem;
  }
  .header-main .logo-main {
    padding: 0px 0px 0px 10px;
    padding: 0rem 0rem 0rem 0.625rem;
    width: 35%;
  }
  .header-main .logo-main .logo--link {
    height: 50px;
    height: 3.125rem;
  }
  .header-main .logo-main .logo--shop {
    height: 50px;
    height: 3.125rem;
    width: 82%;
  }
  .is--ctl-checkout.is--minimal-header .header-main,
  .is--ctl-register.is--minimal-header .header-main,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main {
    box-shadow: 0 1px 2px 0 #dadae5;
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo-main,
  .is--ctl-register.is--minimal-header .header-main .logo-main,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo-main {
    padding-right: 10px;
    padding-right: 0.625rem;
    width: 100%;
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--shop,
  .is--ctl-register.is--minimal-header .header-main .logo--shop,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--shop {
    width: 35%;
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--link,
  .is--ctl-register.is--minimal-header .header-main .logo--link,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--link {
    margin-top: 0;
    width: 80%;
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--supportinfo,
  .is--ctl-register.is--minimal-header .header-main .logo--supportinfo,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--supportinfo {
    padding: 5px 0px 5px 0px;
    padding: 0.3125rem 0rem 0.3125rem 0rem;
    display: block;
    width: 35%;
  }
  .logo-main,
  .shop--navigation {
    float: left;
  }
  .shop--navigation {
    width: 65%;
  }
  .shop--navigation .navigation--list {
    background-image: none;
    text-align: right;
  }
  .shop--navigation .navigation--entry {
    border-radius: 3px;
    background-clip: padding-box;
    border: 0 none;
    width: auto;
    float: none;
    display: inline-block;
  }
  .shop--navigation .entry--cart .entry--link {
    padding: 0;
    display: inline-block;
  }
  .shop--navigation .entry--link {
    font-weight: 500;
  }
  .shop--navigation .entry--menu-left {
    display: none;
  }
  .shop--navigation .cart--quantity,
  .shop--navigation .search--display,
  .shop--navigation .entry--account {
    display: inline-block;
  }
  .shop--navigation .entry--search {
    font-size: 14px;
    font-size: 0.875rem;
    position: absolute;
    left: 3%;
    margin-right: 10%;
    background: #fff;
    padding: 0;
    border: 0 none;
    width: 50%;
  }
  .shop--navigation .entry--search .entry--trigger {
    display: none;
  }
  .shop--navigation .main-search--form {
    box-shadow: 0 0 0 transparent;
    display: block;
    padding: 0;
    border: 0 none;
  }
  .main-search--form {
    left: auto;
  }
  .account--dropdown-navigation {
    min-width: 200px;
    min-width: 12.5rem;
    max-width: 250px;
    max-width: 15.625rem;
    padding: 5px 0px 5px 0px;
    padding: 0.3125rem 0rem 0.3125rem 0rem;
    top: 45px;
    top: 2.8125rem;
    display: none;
    position: absolute;
    right: 0;
    z-index: 3500;
    text-align: left;
  }
  .js--is--dropdown-active .account--dropdown-navigation {
    display: block;
  }
  .account--dropdown-navigation .navigation--signin {
    padding-bottom: 6px;
    padding-bottom: 0.375rem;
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
    margin-top: 5px;
    margin-top: 0.3125rem;
    padding-top: 0;
  }
  .account--dropdown-navigation .navigation--signin .navigation--signin-btn.btn {
    width: 100%;
    margin-bottom: 0;
  }
  .account--dropdown-navigation .navigation--smartphone {
    display: none;
  }
  .account--dropdown-navigation .account--menu {
    text-align: left;
    background: #fff;
  }
  .account--dropdown-navigation .account--menu::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 8px;
    width: 0.5rem;
    height: 8px;
    height: 0.5rem;
    right: 18px;
    right: 1.125rem;
    content: '';
    display: block;
    position: absolute;
    background: #fff;
    border-color: #dadae5;
    border-width: 0 0 1px 1px;
    border-style: solid;
    top: 0;
  }
  .account--dropdown-navigation .account--menu .sidebar--navigation {
    text-align: left;
  }
  .account--dropdown-navigation .account--menu .sidebar--navigation .navigation--entry {
    display: block;
  }
  .account--dropdown-navigation .account--menu .sidebar--navigation .navigation--link {
    padding: 3px 0px 3px 0px;
    padding: 0.1875rem 0rem 0.1875rem 0rem;
  }
  .account--dropdown-navigation .account--menu .sidebar--navigation .link--logout {
    padding: 10px 0px 0px 23px;
    padding: 0.625rem 0rem 0rem 1.4375rem;
  }
  .account--dropdown-navigation .account--menu .sidebar--navigation .link--logout:before {
    left: 2px;
    left: 0.125rem;
  }
  .account--dropdown-navigation .account--menu .sidebar--navigation .link--abort {
    padding-top: 0px;
    padding-top: 0rem;
    margin-top: 0px;
    margin-top: 0rem;
    border-top: 0 none;
    white-space: nowrap;
  }
  .main-search--results {
    width: 450px;
    width: 28.125rem;
    margin-left: -225px;
    margin-left: -14.0625rem;
    top: 55px;
    top: 3.4375rem;
    left: 50%;
  }
  .main-search--results:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media screen and (min-width: 64em) {
  .header-main .logo-main {
    width: 30%;
  }
  .header-main .shop--navigation {
    width: 70%;
  }
  .shop--navigation .entry--search {
    width: 40%;
    margin-right: 8%;
  }
  .is--ctl-checkout.is--minimal-header .header-main,
  .is--ctl-register.is--minimal-header .header-main,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main {
    box-shadow: 0 1px 2px 0 #dadae5;
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--shop,
  .is--ctl-register.is--minimal-header .header-main .logo--shop,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--shop {
    width: 30%;
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--supportinfo,
  .is--ctl-register.is--minimal-header .header-main .logo--supportinfo,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--supportinfo {
    width: 35%;
  }
  .is--ctl-checkout.is--minimal-header .header-main .btn--back-top-shop,
  .is--ctl-register.is--minimal-header .header-main .btn--back-top-shop,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .btn--back-top-shop {
    display: inline-block;
    float: right;
  }
  .navigation--list .navigation--entry .btn {
    width: auto;
  }
  .navigation--list .entry--cart .cart--link {
    padding-left: 50px;
    padding-left: 3.125rem;
  }
  .navigation--list .entry--cart .cart--link .cart--quantity {
    display: inline-block;
  }
  .navigation--list .entry--cart .cart--link .cart--amount {
    display: inline-block;
    color: #b61934;
    font-weight: 700;
  }
  .navigation--list .entry--cart .icon--basket {
    left: 8px;
    left: 0.5rem;
    display: block;
    position: absolute;
    top: 50%;
  }
  .navigation--list .entry--account .account--link {
    padding-left: 36px;
    padding-left: 2.25rem;
  }
  .navigation--list .entry--account .account--link.account--user-loggedin:after {
    content: none;
    display: none;
  }
  .navigation--list .entry--account .icon--account {
    left: 8px;
    left: 0.5rem;
    display: block;
    position: absolute;
    top: 50%;
  }
  .navigation--list .account--display {
    display: inline-block;
  }
  .navigation--list .account--display.navigation--personalized {
    line-height: 16px;
    line-height: 1rem;
    font-size: 12px;
    font-size: 0.75rem;
    max-width: 90px;
    max-width: 5.625rem;
    margin-top: 2px;
    margin-top: 0.125rem;
    text-align: left;
  }
  .navigation--list .account--display.navigation--personalized .account--display-greeting {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 700;
  }
}
@media screen and (min-width: 78.75em) {
  .header-main .top-bar {
    margin-bottom: 2px;
    margin-bottom: 0.125rem;
  }
  .header-main .logo--shop {
    width: 75%;
  }
  .is--ctl-checkout.is--minimal-header .header-main,
  .is--ctl-register.is--minimal-header .header-main,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main {
    box-shadow: 0 1px 2px 0 #dadae5;
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo-main,
  .is--ctl-register.is--minimal-header .header-main .logo-main,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo-main {
    padding-right: 0;
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--shop,
  .is--ctl-register.is--minimal-header .header-main .logo--shop,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--shop {
    width: 30%;
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--supportinfo,
  .is--ctl-register.is--minimal-header .header-main .logo--supportinfo,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--supportinfo {
    width: 35%;
  }
  .is--ctl-checkout.is--minimal-header .header-main .btn--back-top-shop,
  .is--ctl-register.is--minimal-header .header-main .btn--back-top-shop,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .btn--back-top-shop {
    display: inline-block;
    float: right;
  }
  .shop--navigation {
    width: 75%;
  }
  .shop--navigation .navigation--link {
    padding: 8px 16px 16px 16px;
    padding: 0.5rem 1rem 1rem 1rem;
  }
  .shop--navigation .entry--link {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .shop--navigation .entry--trigger {
    margin-right: 14px;
    margin-right: 0.875rem;
  }
  .shop--navigation .entry--search {
    width: 40%;
  }
  .shop--navigation .entry--cart {
    margin-right: 0;
  }
  .account--menu.is--personalized .navigation--link.navigation--personalized {
    padding-bottom: 0;
  }
  .header-main .top-bar--navigation .service--list {
    right: 0;
  }
  .header-main .top-bar--navigation .navigation--entry:last-child {
    padding-right: 0;
  }
  .cart--display {
    margin: 0px 25px 0px 5px;
    margin: 0rem 1.5625rem 0rem 0.3125rem;
    font-weight: 700;
    color: #5f7285;
  }
}
/*
Main navigation
==========================================
Contains the styles of the main navigation of the Shopware storefront.

The main navigation is positioned above the content section.

It contains the viewport specific styles inside media queries.
*/
.navigation-main {
  background: #fff;
  display: none;
}
@media screen and (min-width: 48em) {
  .navigation-main {
    border-bottom: 1px solid #b61934;
    display: block;
    position: relative;
  }
  .navigation-main .navigation--list {
    padding: 0px 10px 0px 10px;
    padding: 0rem 0.625rem 0rem 0.625rem;
    margin: 0;
    position: relative;
    white-space: nowrap;
  }
  .navigation-main .navigation--list:after {
    content: "";
    display: table;
    clear: both;
  }
  .navigation-main .navigation--entry {
    display: inline-block;
    -ms-touch-action: none;
  }
  .navigation-main .navigation--link {
    -webkit-transition: none;
    transition: none;
    padding: 8px 14px 8px 14px;
    padding: 0.5rem 0.875rem 0.5rem 0.875rem;
    font-size: 16px;
    font-size: 1rem;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-clip: padding-box;
    margin: 0;
    display: block;
    cursor: pointer;
    color: #5f7285;
  }
  .navigation-main .navigation--link:hover {
    color: #b61934;
  }
  .navigation-main .is--active .navigation--link {
    background-color: #e82446;
    background-image: linear-gradient(to bottom, #e82446 0%, #b61934 100%);
    font-weight: 700;
    color: #fff;
  }
  .navigation-main .is--active .navigation--link:hover {
    color: #fff;
  }
}
@media screen and (min-width: 78.75em) {
  .navigation-main .navigation--list {
    padding: 0;
  }
}
/*
Breadcrumb
=================================
Defines the styling for the content breadcrumb elements that display the page location.

Every breadcrumb entry is followed by a breadcrumb separator list-entry with an arrow icon.

The main breadcrumb is positioned below the main navigation bar.

```
<nav class="content--breadcrumb">
    <ul class="breadcrumb--list" role="menu">
        <li class="breadcrumb--entry" role="menuitem" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
            <a class="breadcrumb--link" href="" itemprop="url">
                <span class="breadcrumb--title" itemprop="title">
                     Breadcrumb entry 1
                </span>
            </a>
        </li>

        <li class="breadcrumb--separator">
            <i class="icon--arrow-right"></i>
        </li>

        <li class="breadcrumb--entry" role="menuitem" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
            <a class="breadcrumb--link" href="" itemprop="url">
                <span class="breadcrumb--title" itemprop="title">
                     Breadcrumb entry 2
                </span>
            </a>
        </li>
    </ul>
</nav>
```
*/
.content--breadcrumb {
  font-size: 14px;
  font-size: 0.875rem;
  display: block;
  float: none;
  border-bottom: 1px solid #dadae5;
}
.content--breadcrumb:after {
  content: "";
  display: table;
  clear: both;
}
.content--breadcrumb .breadcrumb--list {
  overflow: hidden;
}
.content--breadcrumb .breadcrumb--entry,
.content--breadcrumb .breadcrumb--separator {
  display: none;
  float: left;
  list-style: none;
  white-space: nowrap;
  overflow: hidden;
}
.content--breadcrumb .breadcrumb--entry:last-child,
.content--breadcrumb .breadcrumb--separator:last-child {
  display: list-item;
}
.content--breadcrumb .breadcrumb--link,
.content--breadcrumb .breadcrumb--separator {
  line-height: 24px;
  line-height: 1.5rem;
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
}
.content--breadcrumb .breadcrumb--separator {
  font-size: 9px;
  font-size: 0.5625rem;
}
.content--breadcrumb .breadcrumb--link {
  display: block;
  color: #5f7285;
}
.content--breadcrumb .breadcrumb--link:hover {
  color: #b61934;
}
.content--breadcrumb .is--active .breadcrumb--link {
  color: #b61934;
}
.content--breadcrumb .breadcrumb--button {
  padding: 10px 0px 10px 10px;
  padding: 0.625rem 0rem 0.625rem 0.625rem;
  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: 10px;
  margin-right: 0.625rem;
}
@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--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;
  }
}
/*
Detail
=======================================
Defines the styling for the Shopware 5 detail page elements.

It contains the product actions, the product information such as pictures and details and the user ratings of the product.
*/
.product--details .product--actions {
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
  padding: 0px 0px 10px 0px;
  padding: 0rem 0rem 0.625rem 0rem;
  border-top: 0 none;
  border-bottom: 1px solid #dadae5;
}
.product--details .product--actions:after {
  content: "";
  display: table;
  clear: both;
}
.product--details .product--actions .js--off-canvas-button {
  display: inline-block;
}
.product--details .product--header {
  padding: 10px 0px 10px 0px;
  padding: 0.625rem 0rem 0.625rem 0rem;
  min-height: 70px;
  min-height: 4.375rem;
  box-sizing: content-box;
}
.product--details .product--header:after {
  content: "";
  display: table;
  clear: both;
}
.product--details .product--header .product--title {
  font-size: 21px;
  font-size: 1.3125rem;
  margin: 0;
  padding: 0;
  font-weight: 700;
  color: #3f4c58;
}
.product--details .product--supplier,
.product--details .product--rating-container {
  width: 50%;
}
.product--details .product--rating-link {
  display: inline-block;
}
.product--details .product--rating {
  font-size: 19px;
  font-size: 1.1875rem;
  display: block;
  letter-spacing: -1px;
  color: #5f7285;
}
.product--details .product--rating:after {
  content: "";
  display: table;
  clear: both;
}
.product--details .product--rating .rating--count-wrapper {
  font-size: 16px;
  font-size: 1rem;
  margin-left: 10px;
  margin-left: 0.625rem;
  line-height: 25px;
  line-height: 1.5625rem;
  vertical-align: text-top;
  letter-spacing: 1px;
}
.product--details .product--supplier {
  height: 35px;
  height: 2.1875rem;
  text-align: right;
  float: right;
  margin: 0;
}
.product--details .product--supplier .product--supplier-link {
  height: 35px;
  height: 2.1875rem;
  display: inline-block;
  max-width: 100%;
}
.product--details .product--rating-container {
  margin: 5px 0px 0px 0px;
  margin: 0.3125rem 0rem 0rem 0rem;
  float: left;
}
.product--details .product--image-container {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
  width: 100%;
}
.product--details .product--image-container .image-slider--slide {
  margin-right: -0.5px;
}
.product--details .alert {
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
}
.product--details .product--tax {
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0;
}
.product--details .product--buybox {
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
  width: 100%;
}
.product--details .product--buybox .product--price {
  margin: 0;
}
.product--details .product--buybox .price--label {
  font-weight: 700;
}
.product--details .product--buybox .price--line-through {
  text-decoration: line-through;
}
.product--details .product--buybox .price--discount .price--content {
  color: #e74c3c;
}
.product--details .product--buybox .price--content {
  font-size: 28px;
  font-size: 1.75rem;
  white-space: nowrap;
  color: #3f4c58;
  font-weight: 700;
  display: inline-block;
  line-height: 1;
}
.product--details .product--buybox .content--discount {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 4px 0px 4px 0px;
  padding: 0.25rem 0rem 0.25rem 0rem;
  white-space: nowrap;
  display: inline-block;
}
.product--details .product--buybox .price--discount-icon {
  padding: 6px 7px 6px 7px;
  padding: 0.375rem 0.4375rem 0.375rem 0.4375rem;
  margin: 0px 5px 0px 5px;
  margin: 0rem 0.3125rem 0rem 0.3125rem;
  font-size: 13px;
  font-size: 0.8125rem;
  border-radius: 3px;
  border-radius: 0.1875rem;
  display: inline-block;
  position: relative;
  background: #e74c3c;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  vertical-align: top;
}
.product--details .product--configurator .reset--configuration {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
  white-space: nowrap;
}
.product--details .product--configurator .alert {
  margin: 10px 0px 0px 0px;
  margin: 0.625rem 0rem 0rem 0rem;
}
.product--details .buybox--form {
  padding: 10px 0px 10px 0px;
  padding: 0.625rem 0rem 0.625rem 0rem;
}
.product--details .buybox--quantity {
  margin: 0 2% 0 0;
  width: 35%;
}
.product--details .buybox--quantity .select-field select {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
}
.product--details .buybox--button {
  font-size: 16px;
  font-size: 1rem;
  white-space: nowrap;
  width: 63%;
}
.product--details .product--base-info {
  margin: 10px 0px 10px 0px;
  margin: 0.625rem 0rem 0.625rem 0rem;
  font-size: 14px;
  font-size: 0.875rem;
}
.product--details .product--base-info .entry--label {
  margin: 0px 8px 0px 0px;
  margin: 0rem 0.5rem 0rem 0rem;
  width: 35%;
  display: inline-block;
}
.product--details .content--description,
.product--details .content--product-reviews,
.product--details .content--related-products,
.product--details .content--similar-products {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
}
.product--details .product--properties {
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
}
.product--details .product--properties .product--properties-table {
  width: 100%;
  background: #ffffff;
}
.product--details .product--properties td {
  padding: 5px 10px 5px 10px;
  padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
  width: 50%;
  border: 0 none;
}
.product--details .product--properties tr:nth-child(even) td {
  background: #f5f5f5;
}
.product--details .content--title {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 10px 0px 5px 0px;
  margin: 0.625rem 0rem 0.3125rem 0rem;
  font-weight: 700;
  color: #3f4c58;
}
.product--details .content--title.title--description-supplier {
  margin-top: 25px;
  margin-top: 1.5625rem;
}
.product--details .content--link [class^=icon] {
  font-size: 10px;
  font-size: 0.625rem;
  margin: -2px 8px 0px 0px;
  margin: -0.125rem 0.5rem 0rem 0rem;
}
.product--details .block-prices--container {
  margin: 0px 0px 12px 0px;
  margin: 0rem 0rem 0.75rem 0rem;
  display: block;
}
.product--details .block-prices--container .block-prices--table {
  width: 100%;
}
.product--details .block-prices--container .block-prices--table td,
.product--details .block-prices--container .block-prices--table th {
  padding: 4px 10px 4px 10px;
  padding: 0.25rem 0.625rem 0.25rem 0.625rem;
}
.product--details .block-prices--container .block-prices--table th {
  color: #fff;
  text-align: left;
}
.product--details .listing .product--box .panel--body {
  border-left: 1px solid #dadae5;
  border-right: 1px solid #dadae5;
}
.product--details .action--form {
  float: left;
}
.product--details .action--link {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0px 35px 5px 0px;
  margin: 0rem 2.1875rem 0.3125rem 0rem;
  color: #5f7285;
  white-space: nowrap;
}
.product--details .action--link.action--compare {
  display: none;
}
.product--details .action--link:last-child {
  margin-right: 0;
}
.product--details .action--link:hover {
  color: #b61934;
}
.product--details .action--link *[class^="icon"] {
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0px 5px 0px 0px;
  margin: 0rem 0.3125rem 0rem 0rem;
}
.product--details .action--link *[class="icon--star"] {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0px 5px 0px 0px;
  margin: 0rem 0.3125rem 0rem 0rem;
}
.product--details .action--compare {
  display: none;
}
.product--details .link--notepad:focus {
  outline: none;
}
.product--details .link--notepad.js--is-saved {
  color: #008a39;
}
.product--details .price--unit {
  font-size: 12px;
  font-size: 0.75rem;
}
.product--details .delivery--text {
  font-size: 14px;
  font-size: 0.875rem;
}
.product--details .similar--content .product-slider,
.product--details .viewed--content .product-slider,
.product--details .bought--content .product-slider,
.product--details .related--content .product-slider,
.product--details .product-streams--content .product-slider {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  min-height: 270px;
  min-height: 16.875rem;
}
.product--details .similar--content .product-slider--arrow.arrow--prev,
.product--details .viewed--content .product-slider--arrow.arrow--prev,
.product--details .bought--content .product-slider--arrow.arrow--prev,
.product--details .related--content .product-slider--arrow.arrow--prev,
.product--details .product-streams--content .product-slider--arrow.arrow--prev {
  border-left: 0 none;
}
.product--details .similar--content .product-slider--arrow.arrow--next,
.product--details .viewed--content .product-slider--arrow.arrow--next,
.product--details .bought--content .product-slider--arrow.arrow--next,
.product--details .related--content .product-slider--arrow.arrow--next,
.product--details .product-streams--content .product-slider--arrow.arrow--next {
  border-right: 0 none;
}
.product--navigation {
  display: none;
}
.review--form .review--field {
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
  width: 100%;
}
.review--form .review--field.select-field {
  max-width: 100%;
}
.review--form .review--notice {
  font-size: 12px;
  font-size: 0.75rem;
}
.product--description ol,
.product--description ul {
  margin: 0px 16px 16px 16px;
  margin: 0rem 1rem 1rem 1rem;
  padding: 0;
}
.product--description ol li,
.product--description ul li {
  margin: 0px 0px 0px 6px;
  margin: 0rem 0rem 0rem 0.375rem;
}
.review--entry {
  border-radius: 3px;
  background-clip: padding-box;
  margin: 0px 0px 25px 0px;
  margin: 0rem 0rem 1.5625rem 0rem;
  padding: 20px 20px 20px 20px;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  font-size: 14px;
  font-size: 0.875rem;
  background: #fff;
  border: 1px solid #dadae5;
}
.review--entry.is--last {
  margin: 0px 0px 30px 0px;
  margin: 0rem 0rem 1.875rem 0rem;
}
.review--entry.has--answer {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  margin: 0;
}
.review--entry .entry--header,
.review--entry .product--rating {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.review--entry .content--label {
  margin: 0px 8px 0px 0px;
  margin: 0rem 0.5rem 0rem 0rem;
  float: left;
}
.review--entry .content--field:after {
  content: "";
  display: table;
  clear: both;
}
.review--entry .content--title {
  font-size: 16px;
  font-size: 1rem;
}
.review--entry .review--content {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0;
}
.review--entry.is--answer {
  margin: 0px 10px 30px 10px;
  margin: 0rem 0.625rem 1.875rem 0.625rem;
  padding: 20px 10px 20px 10px;
  padding: 1.25rem 0.625rem 1.25rem 0.625rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  background: #f5f5f8;
  border-top: 0;
}
.review--entry.is--answer .entry--header {
  position: relative;
  border: 0 none;
}
.review--entry.is--answer .entry--header::after {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  top: -9px;
  top: -0.5625rem;
  background: #f5f5f8;
}
.content--product-reviews .alert {
  margin: 0px 0px 16px 0px;
  margin: 0rem 0rem 1rem 0rem;
}
.content--product-reviews .captcha--notice {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2;
}
.product--rating-count {
  margin-left: 8px;
  margin-left: 0.5rem;
  padding: 2px 7px 2px 7px;
  padding: 0.125rem 0.4375rem 0.125rem 0.4375rem;
  border-radius: 3px;
  background-clip: padding-box;
  background: #5f7285;
  color: #fff;
  font-weight: 700;
}
.product--notification {
  margin: 0px 0px 16px 0px;
  margin: 0rem 0rem 1rem 0rem;
}
.product--notification .alert {
  margin: 0px 0px 8px 0px;
  margin: 0rem 0rem 0.5rem 0rem;
  word-wrap: break-word;
}
.product--notification .notification--field {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
  position: relative;
  width: 80%;
}
.product--notification .notification--field:focus {
  z-index: 1;
}
.product--notification .notification--button {
  padding: 3px 10px 3px 10px;
  padding: 0.1875rem 0.625rem 0.1875rem 0.625rem;
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  margin-left: -1px;
  margin-left: -0.0625rem;
  position: relative;
  width: 20%;
}
.product--notification .notification--button .icon--mail {
  font-size: 12px;
  font-size: 0.75rem;
}
.product--notification .privacy-information {
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem;
}
.configurator--form {
  padding: 10px 0px 10px 0px;
  padding: 0.625rem 0rem 0.625rem 0rem;
}
.configurator--form .select-field {
  max-width: 100%;
}
.configurator--label {
  margin: 6px 0px 4px 0px;
  margin: 0.375rem 0rem 0.25rem 0rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
}
.is--ctl-detail .content-main--inner {
  background: #fff;
  position: relative;
}
.link--prev-button,
.link--next-button {
  display: none;
}
.base-info--entry {
  margin: 0px 0px 5px 0px;
  margin: 0rem 0rem 0.3125rem 0rem;
}
.tab--navigation {
  display: none;
}
.tab--title {
  color: #5f7285;
  font-weight: 700;
}
.tab--title:hover {
  color: #b61934;
}
.tab--title:after {
  right: 10px;
  right: 0.625rem;
  font-size: 18px;
  font-size: 1.125rem;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  content: "";
  font-family: 'shopware';
}
.tab-menu--cross-selling .tab--container {
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid #dadae5;
  display: none;
}
.tab-menu--cross-selling .tab--container.has--content {
  display: block;
}
.tab-menu--cross-selling .tab--container:last-child {
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem;
}
.tab-menu--cross-selling .tab--header.is--active {
  border-bottom: 1px solid #dadae5;
}
.tab-menu--cross-selling .tab--header.is--active .tab--title:after {
  content: "\e68e";
}
.tab-menu--cross-selling .tab--title {
  padding: 10px 38px 10px 10px;
  padding: 0.625rem 2.375rem 0.625rem 0.625rem;
  line-height: 20px;
  line-height: 1.25rem;
  position: relative;
  display: block;
}
.tab-menu--cross-selling .tab--title:after {
  content: "\e68f";
}
@media screen and (min-width: 30em) {
  .product--details .configurator--form .select-field {
    height: 38px;
    height: 2.375rem;
    max-width: 80%;
  }
  .product--details .configurator--form .select-field select {
    line-height: 36px;
    line-height: 2.25rem;
  }
  .product--details .configurator--form .select-field:after {
    height: 36px;
    height: 2.25rem;
  }
  .product--details .configurator--form,
  .product--details .buybox--form {
    width: 80%;
  }
  .tab-menu--product {
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 0.625rem 0rem;
  }
  .tab-menu--product .tab--navigation {
    display: block;
  }
  .tab-menu--product .tab--header,
  .tab-menu--product .tab--preview {
    display: none;
  }
}
@media screen and (min-width: 48em) {
  .product--details .product--header {
    padding: 30px 0px 20px 0px;
    padding: 1.875rem 0rem 1.25rem 0rem;
  }
  .product--details .product--header .product--title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 30px;
    line-height: 1.875rem;
    width: 80%;
    float: left;
    border: 0 none;
  }
  .product--details .product--supplier {
    height: 70px;
    height: 4.375rem;
    width: 20%;
    float: right;
  }
  .product--details .product--supplier .product--supplier-link {
    height: 70px;
    height: 4.375rem;
  }
  .product--details .action--link.action--compare {
    display: inline-block;
  }
  .product--details .product--rating-container {
    width: 80%;
    float: left;
  }
  .product--details .product--image-container {
    width: 100%;
  }
  .product--details .product--base-info .entry--label {
    margin: 0px 8px 0px 0px;
    margin: 0rem 0.5rem 0rem 0rem;
  }
  .product--details .content--description,
  .product--details .content--product-reviews {
    padding: 30px 30px 30px 30px;
    padding: 1.875rem 1.875rem 1.875rem 1.875rem;
  }
  .product--details .content--related-products,
  .product--details .content--similar-products {
    padding: 20px 35px 20px 35px;
    padding: 1.25rem 2.1875rem 1.25rem 2.1875rem;
  }
  .product--details .product--properties {
    margin: 0px 0px 20px 0px;
    margin: 0rem 0rem 1.25rem 0rem;
  }
  .product--details .block-prices--container {
    margin-top: 12px;
    margin-top: 0.75rem;
  }
  .product--details .tab--navigation {
    display: block;
  }
  .product--details .tab--header,
  .product--details .tab--preview {
    display: none;
  }
  .product--details .review--entry {
    padding: 30px 30px 30px 30px;
    padding: 1.875rem 1.875rem 1.875rem 1.875rem;
  }
  .product--details .review--entry.is--answer {
    padding: 30px 20px 30px 20px;
    padding: 1.875rem 1.25rem 1.875rem 1.25rem;
  }
  .product--details .tab--container {
    margin: 0px 0px 0px 0px;
    margin: 0rem 0rem 0rem 0rem;
  }
  .product--details .tab-menu--product {
    margin: 0px 0px 30px 0px;
    margin: 0rem 0rem 1.875rem 0rem;
  }
  .product--details .tab-menu--cross-selling .tab--container {
    display: none;
  }
  .product--details .review--form-container {
    width: 80%;
  }
}
@media screen and (min-width: 64em) {
  .product--details .product--image-container {
    width: 58%;
    margin-right: 4%;
    float: left;
  }
  .product--details .product--buybox {
    width: 38%;
  }
  .product--details .configurator--form {
    padding: 10px 0px 10px 0px;
    padding: 0.625rem 0rem 0.625rem 0rem;
  }
  .product--details .buybox--inner {
    width: 100%;
    float: none;
  }
  .product--details .product--base-info {
    margin: 10px 0px 20px 0px;
    margin: 0.625rem 0rem 1.25rem 0rem;
    padding: 0;
    width: 100%;
    float: none;
  }
  .product--details .product--properties {
    width: 50%;
  }
  .product--details .action--link {
    margin-right: 25px;
    margin-right: 1.5625rem;
  }
  .product--details .review--form-container {
    width: 70%;
  }
  .product--details .product--actions {
    padding: 0px 0px 5px 0px;
    padding: 0rem 0rem 0.3125rem 0rem;
    border-bottom: 1px solid #dadae5;
  }
  .product--details .product--buybox {
    border-bottom: 0 none;
  }
  .product--details .configurator--form,
  .product--details .buybox--form {
    width: 100%;
  }
}
@media screen and (min-width: 78.75em) {
  .is--ctl-detail .page-wrap {
    overflow-x: hidden;
  }
  .product--details .product--header {
    padding-top: 45px;
    padding-top: 2.8125rem;
  }
  .product--details .review--form-container {
    width: 60%;
  }
  .product--navigation {
    display: block;
    position: relative;
  }
  .product--navigation .navigation--link {
    top: 140px;
    top: 8.75rem;
    display: none;
    position: absolute;
  }
  .product--navigation .link--prev-button,
  .product--navigation .link--next-button {
    width: 40px;
    width: 2.5rem;
    height: 255px;
    height: 15.9375rem;
    line-height: 255px;
    line-height: 15.9375rem;
    font-size: 25px;
    font-size: 1.5625rem;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    background: rgba(95, 114, 133, 0.1);
    text-align: center;
    color: #fff;
    display: block;
  }
  .product--navigation .link--prev-button .link--prev-inner,
  .product--navigation .link--next-button .link--prev-inner,
  .product--navigation .link--prev-button .link--next-inner,
  .product--navigation .link--next-button .link--next-inner {
    display: none;
  }
  .product--navigation .image--wrapper {
    padding: 15px 15px 15px 15px;
    padding: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
    width: 200px;
    width: 12.5rem;
    height: 255px;
    height: 15.9375rem;
    float: left;
    background: #fff;
    position: relative;
  }
  .product--navigation .image--container {
    -webkit-transition: all 0.45s cubic-bezier(0.16, 0.04, 0.14, 1);
    transition: all 0.45s cubic-bezier(0.16, 0.04, 0.14, 1);
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
  }
  .product--navigation .link--prev-button {
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
    background-clip: padding-box;
    float: left;
  }
  .product--navigation .link--prev-button:before {
    font-family: 'shopware';
    content: "\e611";
  }
  .product--navigation .link--next-button {
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
    background-clip: padding-box;
    float: right;
  }
  .product--navigation .link--next-button:before {
    font-family: 'shopware';
    content: "\e60f";
  }
  .product--navigation .link--prev,
  .product--navigation .link--next {
    -webkit-transition: all 0.38s cubic-bezier(0.16, 0.04, 0.14, 1);
    transition: all 0.38s cubic-bezier(0.16, 0.04, 0.14, 1);
  }
  .product--navigation .link--prev:hover .link--prev-button,
  .product--navigation .link--next:hover .link--prev-button,
  .product--navigation .link--prev:hover .link--next-button,
  .product--navigation .link--next:hover .link--next-button {
    background: rgba(95, 114, 133, 0.2);
  }
  .product--navigation .link--prev {
    left: -40px;
    left: -2.5rem;
  }
  .product--navigation .link--prev .image--container {
    left: 50px;
    left: 3.125rem;
  }
  .product--navigation .link--prev.can--slide:hover {
    left: -140px;
    left: -8.75rem;
  }
  .product--navigation .link--prev.can--slide:hover .image--container {
    left: 0;
  }
  .product--navigation .link--next {
    right: -40px;
    right: -2.5rem;
  }
  .product--navigation .link--next .image--container {
    right: 50px;
    right: 3.125rem;
  }
  .product--navigation .link--next.can--slide:hover {
    right: -140px;
    right: -8.75rem;
  }
  .product--navigation .link--next.can--slide:hover .image--container {
    right: 0;
  }
  .product--supplier {
    height: 70px;
    height: 4.375rem;
  }
  .product--supplier .product--supplier-link {
    height: 70px;
    height: 4.375rem;
  }
  .content--description,
  .content--product-reviews {
    padding: 10px 45px 45px 45px;
    padding: 0.625rem 2.8125rem 2.8125rem 2.8125rem;
  }
  .content--related-products,
  .content--similar-products {
    padding: 30px 45px 20px 45px;
    padding: 1.875rem 2.8125rem 1.25rem 2.8125rem;
  }
  .product--notification {
    margin: 0px 0px 20px 0px;
    margin: 0rem 0rem 1.25rem 0rem;
  }
  .product--notification .alert {
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 0.625rem 0rem;
  }
}
/*
Footer
==========================================
Defines the styles for the storefront footer and its components.

Contains the footer columns, the navigation elements and the vat notice/logo at the bottom of the page.

It contains the viewport specific styles inside media queries.

The footer element sizes are defined with the unitize mixin.
*/
.footer-main {
  background: #fff;
}
.footer-main .footer--phone-link {
  font-size: 19px;
  font-size: 1.1875rem;
  font-weight: 700;
  color: #5f7285;
}
.footer-main .footer--column {
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.625rem 0rem 0.625rem;
  border-top: 1px solid #dadae5;
}
.footer-main .footer--column.is--last {
  border-bottom: 1px solid #dadae5;
}
.footer-main .column--headline {
  -webkit-user-select: none;
  user-select: none;
  padding: 8px 0px 8px 0px;
  padding: 0.5rem 0rem 0.5rem 0rem;
  margin: 0;
  font-weight: 700;
  color: #b61934;
  cursor: pointer;
  font-size: 16px;
  font-size: 1rem;
  line-height: 26px;
  line-height: 1.625rem;
}
.footer-main .column--headline.is--active::after {
  content: "\e68e";
}
.footer-main .column--headline::after {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: 'shopware';
  color: #5f7285;
  font-weight: 700;
  content: "\e68f";
  float: right;
}
.footer-main .column--content {
  display: none;
}
.footer-main .column--content.is--active {
  display: block;
}
.footer-main .footer--bottom {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 16px 12px 0px 12px;
  padding: 1.33333333rem 1rem 0rem 1rem;
  text-align: center;
}
.footer-main .footer--copyright {
  font-size: 13px;
  font-size: 0.8125rem;
}
.footer-main .footer--logo {
  font-size: 28px;
  font-size: 1.75rem;
  color: #009fe3;
}
.footer-main .navigation--list {
  padding: 0px 0px 16px 0px;
  padding: 0rem 0rem 1rem 0rem;
}
.footer-main .navigation--list .is--level1 {
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}
.footer-main .navigation--list .is--level1 .navigation--entry {
  margin-left: 10px;
  margin-left: 0.625rem;
}
.footer-main .navigation--link {
  padding: 10px 0px 10px 0px;
  padding: 0.625rem 0rem 0.625rem 0rem;
  display: block;
  color: #5f7285;
}
.footer-main .navigation--link:hover {
  color: #b61934;
}
.footer-main .newsletter--form {
  padding: 0px 0px 16px 0px;
  padding: 0rem 0rem 1rem 0rem;
}
.footer-main .newsletter--form:after {
  content: "";
  display: table;
  clear: both;
}
.footer-main .newsletter--field {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
  position: relative;
  width: 87.5%;
  float: left;
}
.footer-main .newsletter--field:focus {
  z-index: 1;
}
.footer-main .newsletter--button {
  box-shadow: 0 0 0 transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
  padding: 3px 5px 3px 5px;
  padding: 0.1875rem 0.3125rem 0.1875rem 0.3125rem;
  margin-left: -1px;
  margin-left: -0.0625rem;
  position: relative;
  width: 12.5%;
  text-align: center;
  float: left;
}
.footer-main .newsletter--button .icon--mail {
  font-size: 14px;
  font-size: 0.875rem;
  margin-right: 0px;
  margin-right: 0rem;
}
.footer-main .newsletter--button .button--text {
  display: none;
}
.footer-main .footer--logo {
  padding: 10px 0px 10px 0px;
  padding: 0.625rem 0rem 0.625rem 0rem;
}
.footer-vat {
  margin-top: 10px;
  margin-top: 0.625rem;
  padding: 0px 5px 0px 5px;
  padding: 0rem 0.3125rem 0rem 0.3125rem;
  background: transparent;
}
.footer--vat-info .vat-info--text {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  text-align: center;
}
.footer-minimal {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 40px 10px 20px 10px;
  padding: 2.5rem 0.625rem 1.25rem 0.625rem;
  background: transparent;
  text-align: center;
}
.footer-main .footer-minimal {
  padding: 0;
}
.footer-minimal .footer--service-menu .service--list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.footer-minimal .footer--service-menu .service--list .service--link {
  padding: 8px 2px 8px 2px;
  padding: 0.5rem 0.125rem 0.5rem 0.125rem;
  display: inline-block;
}
.footer-minimal .footer--service-menu .service--list .service--entry {
  display: inline-block;
}
.footer-minimal .footer--service-menu .service--list .service--entry:after {
  height: 10px;
  height: 0.625rem;
  width: 1px;
  width: 0.0625rem;
  margin: 0px 5px 0px 5px;
  margin: 0rem 0.3125rem 0rem 0.3125rem;
  border-left: 1px solid #bcbcd0;
  display: inline-block;
  content: '';
}
.footer-minimal .footer--service-menu .service--list .service--entry:last-child:after {
  display: none;
}
.footer-minimal .footer--vat-info {
  margin: 15px 0px 10px 0px;
  margin: 0.9375rem 0rem 0.625rem 0rem;
}
.footer-minimal .footer--vat-info .vat-info--text {
  line-height: 18px;
  line-height: 1.125rem;
  margin: 0;
}
@media screen and (min-width: 48em) {
  .footer-main .footer-minimal {
    display: none;
  }
}
@media screen and (min-width: 48em) {
  .footer-main {
    border-top: 1px solid #dadae5;
  }
  .footer-main .column--headline {
    margin: 28px 0px 10px 0px;
    margin: 1.75rem 0rem 0.625rem 0rem;
    padding: 0;
    cursor: text;
  }
  .footer-main .column--headline::after {
    display: none;
  }
  .footer-main .footer--column {
    padding: 0px 10px 0px 0px;
    padding: 0rem 0.625rem 0rem 0rem;
    width: 25%;
    border: 0 none;
  }
  .footer-main .footer--column.is--last {
    padding-right: 0;
    border-bottom: 0 none;
  }
  .footer-main .footer--columns {
    padding: 0px 30px 0px 30px;
    padding: 0rem 1.875rem 0rem 1.875rem;
    border-bottom: 1px solid #dadae5;
  }
  .footer-main .column--content {
    display: block;
  }
  .footer-main .navigation--list .is--level1 {
    display: none;
  }
  .footer-main .navigation--entry {
    padding: 0;
  }
  .footer-main .navigation--link {
    line-height: 1.7;
    padding: 0;
  }
  .footer-main .newsletter--field {
    width: 80%;
  }
  .footer-main .newsletter--button {
    width: 20%;
  }
  .footer-main .newsletter--button .icon--mail {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .footer-vat {
    padding: 0;
  }
  .footer--vat-info .vat-info--text {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
}
@media screen and (min-width: 78.75em) {
  .footer-main .footer--columns {
    padding: 0px 0px 20px 0px;
    padding: 0rem 0rem 1.25rem 0rem;
  }
  .footer-main .footer--bottom {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .footer-minimal {
    padding-top: 0;
  }
}
/*
Sidebar
==============================================
Defines the styling of the storefront sidebar navigation and its components.

The sidebar is displayed inside the off-canvas menu on small devices.

```
<ul class="sidebar--navigation">
    <li class="navigation--entry is--active has--sub-categories has--sub-children">
        <a class="navigation--link is--active has--sub-categories">
            Sidebar Head
        </a>
        <ul class="sidebar--navigation is--level1">
            <li class="navigation--entry has--sub-children" role="menuitem">
                <a class="navigation--link">
                    Navigation entry
                </a>
                <a class="navigation--link">
                    Navigation entry
                </a>
                <a class="navigation--link">
                    Navigation entry
                </a>
            </li>
        </ul>
    </li>
</ul>
```
*/
body > .sidebar-main {
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  border-right: #dadae5;
}
body > .sidebar-main:after {
  content: "";
  display: table;
  clear: both;
}
.sidebar-main.off-canvas,
#cookie-consent {
  background: #f5f5f8;
}
.mobile--switches {
  padding: 6px 10px 6px 10px;
  padding: 0.375rem 0.625rem 0.375rem 0.625rem;
  height: 43px;
  height: 2.6875rem;
  display: block;
}
.mobile--switches:after {
  content: "";
  display: table;
  clear: both;
}
.mobile--switches .navigation--entry {
  margin-right: 20px;
  margin-right: 1.25rem;
  float: left;
}
.mobile--switches .field--select,
.mobile--switches .navigation--entry {
  height: 30px;
  height: 1.875rem;
}
.mobile--switches .field--select {
  position: relative;
}
.mobile--switches .select-field {
  height: 30px;
  height: 1.875rem;
}
.mobile--switches .select-field select {
  border-radius: 0;
  padding: 0px 18px 0px 0px;
  padding: 0rem 1.125rem 0rem 0rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-size: 16px;
  font-size: 1rem;
  background: none;
  border: 0 none;
}
.mobile--switches .select-field:after {
  height: 25px;
  height: 1.5625rem;
  line-height: 28px;
  line-height: 1.75rem;
  width: auto;
  border: 0 none;
}
.mobile--switches .top-bar--language .select-field {
  width: 32px;
  width: 2rem;
}
.mobile--switches .top-bar--language .select-field select {
  text-indent: -9999px;
}
.mobile--switches .top-bar--language .language--flag {
  margin-top: -6px;
  margin-top: -0.375rem;
  position: absolute;
  z-index: 900;
  top: 50%;
  left: 0;
  pointer-events: none;
}
.campaign--box {
  display: none;
}
.sidebar--navigation {
  border-radius: 0;
  margin: 0;
  border-left: 0 none;
  border-right: 0 none;
}
.sidebar--navigation .navigation--entry {
  position: relative;
}
.sidebar--navigation .navigation--link {
  padding: 10px 20px 10px 20px;
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  width: 100%;
  height: 100%;
  display: block;
}
.sidebar--navigation .navigation--link .is--icon-right {
  margin-top: 5px;
  margin-top: 0.3125rem;
  font-size: 10px;
  font-size: 0.625rem;
  display: inline-block;
  float: right;
}
.sidebar--navigation .navigation--link:hover {
  color: #b61934;
}
.sidebar--navigation.show--active-items .navigation--link.is--active {
  color: #b61934;
  font-weight: 700;
}
.offcanvas--overlay {
  width: 280px;
  width: 17.5rem;
  top: 42px;
  top: 2.625rem;
  background: #f5f5f8;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  left: 0;
  padding: 0;
  z-index: 1200;
  bottom: 0;
}
.offcanvas--overlay.background {
  z-index: 1100;
}
.offcanvas--overlay .overlay--headline {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  border-bottom: 1px solid #dadae5;
  width: 100%;
  background: #fff;
}
.offcanvas--overlay .overlay--category {
  margin: 16px 10px 6px 10px;
  margin: 1rem 0.625rem 0.375rem 0.625rem;
  line-height: 26px;
  line-height: 1.625rem;
}
.offcanvas--overlay .overlay--category .category--headline {
  font-size: 14px;
  font-size: 0.875rem;
  color: #3f4c58;
  margin: 0;
  padding: 0;
  font-weight: 700;
}
.offcanvas--overlay .is--icon-left {
  margin-top: 5px;
  margin-top: 0.3125rem;
  margin-right: 5px;
  margin-right: 0.3125rem;
  font-size: 10px;
  font-size: 0.625rem;
  display: inline-block;
}
.offcanvas--overlay .is--icon-right {
  margin-top: 5px;
  margin-top: 0.3125rem;
  font-size: 10px;
  font-size: 0.625rem;
  display: inline-block;
  float: right;
}
.offcanvas--overlay .is--back-button {
  font-weight: 700;
}
.offcanvas--overlay .is--display-button {
  color: #b61934;
  font-weight: 700;
}
.has--cssanimations .sidebar--ajax-loader {
  top: 12px;
  top: 0.75rem;
  right: 15px;
  right: 0.9375rem;
  position: absolute;
  display: none;
}
.has--cssanimations .sidebar--ajax-loader::before {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  border-radius: 100%;
  background-clip: padding-box;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  display: block;
  content: "";
  border: 2px solid #dadae5;
  border-top: 2px solid #4f4f71;
}
.sidebar--ajax-loader {
  top: 12px;
  top: 0.75rem;
  right: 15px;
  right: 0.9375rem;
  position: absolute;
  display: none;
}
.sidebar--ajax-loader::before {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  border-radius: 100%;
  background-clip: padding-box;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  display: block;
  content: "";
  border: 2px solid #dadae5;
  border-top: 2px solid #4f4f71;
}
.listing--sidebar {
  overflow: hidden;
  width: 0;
  height: 0;
}
.listing--sidebar .sidebar-filter .off-canvas.is--open.is--ajax-reload {
  overflow: hidden;
}
.listing--sidebar .sidebar-filter .off-canvas.is--open.is--ajax-reload .filter--container {
  overflow: auto;
  position: absolute;
  top: 43px;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
}
.listing--sidebar .sidebar-filter .off-canvas.is--open.is--ajax-reload .filter--close-btn {
  position: absolute;
  width: 100%;
  z-index: 10;
}
.listing--sidebar .sidebar-filter .action--filter-options {
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid #dadae5;
}
.listing--sidebar .sidebar-filter .filter--active {
  max-width: 100%;
}
.listing--sidebar .sidebar-filter .filter--container {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  margin: 0;
}
.listing--sidebar .sidebar-filter .filter--container .filter-panel {
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
  float: none;
  width: auto;
}
.listing--sidebar .sidebar-filter .filter--actions {
  width: auto;
  padding: 0;
  margin: 0;
}
.listing--sidebar .sidebar-filter .filter--actions.filter--actions-top {
  margin: 0;
}
.listing--sidebar .sidebar-filter .filter--actions .filter--btn-apply {
  width: 100%;
}
.listing--sidebar .sidebar-filter #filter {
  display: block;
  padding: 0;
}
@media screen and (min-width: 48em) {
  .listing--sidebar {
    width: 230px;
    width: 14.375rem;
    height: auto;
    display: block;
    float: left;
  }
  .listing--sidebar + .content--wrapper {
    margin-left: 260px;
    margin-left: 16.25rem;
  }
  .is--no-sidebar .listing--sidebar {
    display: none;
  }
  .is--no-sidebar .listing--sidebar + .content--wrapper {
    margin: 0;
  }
  .offcanvas--overlay {
    display: none;
  }
  .sidebar-main {
    width: 230px;
    width: 14.375rem;
    margin: 0px 0px 0px 0px;
    margin: 0rem 0rem 0rem 0rem;
    padding-top: 30px;
    padding-top: 1.875rem;
    display: none;
    float: left;
  }
  .is--ctl-listing .sidebar-main,
  .is--ctl-forms .sidebar-main,
  .is--ctl-tellafriend .sidebar-main,
  .is--ctl-newsletter .sidebar-main,
  .is--ctl-sitemap .sidebar-main,
  .is--ctl-custom .sidebar-main,
  .is--ctl-note.is--user .sidebar-main,
  .is--ctl-address .sidebar-main,
  .is--ctl-account.is--user .sidebar-main {
    display: block;
  }
  .is--ctl-listing .sidebar-main + .content--wrapper,
  .is--ctl-forms .sidebar-main + .content--wrapper,
  .is--ctl-tellafriend .sidebar-main + .content--wrapper,
  .is--ctl-newsletter .sidebar-main + .content--wrapper,
  .is--ctl-sitemap .sidebar-main + .content--wrapper,
  .is--ctl-custom .sidebar-main + .content--wrapper,
  .is--ctl-note.is--user .sidebar-main + .content--wrapper,
  .is--ctl-address .sidebar-main + .content--wrapper,
  .is--ctl-account.is--user .sidebar-main + .content--wrapper {
    margin-left: 260px;
    margin-left: 16.25rem;
  }
  .is--ctl-blog .sidebar-main,
  .is--ctl-note .sidebar-main,
  .is--ctl-note.is--user.is--one-time-account .sidebar-main,
  .is--ctl-index .sidebar-main,
  .is--ctl-detail .sidebar-main,
  .is--ctl-search .sidebar-main,
  .is--ctl-checkout .sidebar-main,
  .is--ctl-register .sidebar-main,
  .is--ctl-campaign .sidebar-main,
  .is--ctl-account.is--act-logout .sidebar-main,
  .is--ctl-account.is--act-abort .sidebar-main,
  .is--ctl-account.is--act-password .sidebar-main,
  .is--ctl-account.is--act-resetpassword .sidebar-main,
  .is--ctl-listing.is--no-sidebar .sidebar-main {
    display: none;
  }
  .is--ctl-blog .sidebar-main + .content--wrapper,
  .is--ctl-note .sidebar-main + .content--wrapper,
  .is--ctl-note.is--user.is--one-time-account .sidebar-main + .content--wrapper,
  .is--ctl-index .sidebar-main + .content--wrapper,
  .is--ctl-detail .sidebar-main + .content--wrapper,
  .is--ctl-search .sidebar-main + .content--wrapper,
  .is--ctl-checkout .sidebar-main + .content--wrapper,
  .is--ctl-register .sidebar-main + .content--wrapper,
  .is--ctl-campaign .sidebar-main + .content--wrapper,
  .is--ctl-account.is--act-logout .sidebar-main + .content--wrapper,
  .is--ctl-account.is--act-abort .sidebar-main + .content--wrapper,
  .is--ctl-account.is--act-password .sidebar-main + .content--wrapper,
  .is--ctl-account.is--act-resetpassword .sidebar-main + .content--wrapper,
  .is--ctl-listing.is--no-sidebar .sidebar-main + .content--wrapper {
    margin: 0;
  }
  .is--ctl-note .sidebar-main .categories--headline,
  .is--ctl-address .sidebar-main .categories--headline,
  .is--ctl-account .sidebar-main .categories--headline,
  .is--ctl-note .sidebar-main .categories--navigation,
  .is--ctl-address .sidebar-main .categories--navigation,
  .is--ctl-account .sidebar-main .categories--navigation,
  .is--ctl-note .sidebar-main .shop-sites--container,
  .is--ctl-address .sidebar-main .shop-sites--container,
  .is--ctl-account .sidebar-main .shop-sites--container {
    display: none;
  }
  .sidebar-main .mobile--switches,
  .sidebar-main .filter--container,
  .sidebar-main .navigation--smartphone {
    display: none;
  }
  .sidebar-main .sidebar--categories-wrapper {
    display: block;
  }
  .navigation--headline {
    margin: 20px 10px 10px 10px;
    margin: 1.25rem 0.625rem 0.625rem 0.625rem;
  }
  .campaign--box {
    margin: 0px 0px 20px 0px;
    margin: 0rem 0rem 1.25rem 0rem;
    display: block;
  }
  .categories--headline {
    display: none;
  }
  .categories--navigation.is--level0 .navigation--entry:first-child .navigation--link.is--active {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-clip: padding-box;
  }
  .categories--navigation.is--level1 .navigation--entry:first-child .navigation--link.is--active {
    border-radius: 0;
  }
  .sidebar--categories-navigation {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  .sidebar--navigation {
    border-radius: 3px;
    background-clip: padding-box;
    border: 1px solid #dadae5;
  }
  .sidebar--navigation .navigation--entry {
    padding: 0px 0px 0px 0px;
    padding: 0rem 0rem 0rem 0rem;
    margin: 0px 10px 0px 10px;
    margin: 0rem 0.625rem 0rem 0.625rem;
  }
  .sidebar--navigation ul.sidebar--navigation {
    border-radius: 0;
  }
  .sidebar--navigation ul.sidebar--navigation .navigation--entry {
    margin: 0px 0px 0px 10px;
    margin: 0rem 0rem 0rem 0.625rem;
  }
  .sidebar--navigation .navigation--link {
    padding: 10px 10px 10px 10px;
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
    display: block;
  }
  .sidebar--navigation .navigation--link:hover {
    color: #b61934;
  }
  .sidebar--navigation .navigation--link.is--active {
    color: #b61934;
    font-weight: 700;
  }
  .sidebar--navigation .navigation--link .is--icon-right {
    display: none;
  }
  .sidebar--navigation .is--level1 {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    border: 0 none;
  }
  .sidebar--navigation .is--level1 .navigation--entry {
    margin: 0px 0px 0px 0px;
    margin: 0rem 0rem 0rem 0rem;
    border: 0 none;
  }
  .sidebar--navigation .is--level1 .navigation--link {
    padding: 5px 10px 5px 10px;
    padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
  }
  .sidebar--navigation .is--level1 .navigation--link.is--active {
    font-weight: 700;
    text-shadow: none;
    color: #b61934;
    background: transparent;
    border: 0 none;
  }
  .sidebar--navigation .is--level2 {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .sidebar--navigation .navigation--level-high {
    border: 0 none;
  }
  .shop-sites--container {
    padding: 15px 10px 15px 10px;
    padding: 0.9375rem 0.625rem 0.9375rem 0.625rem;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    border: 1px solid #dadae5;
  }
  .shop-sites--container .shop-sites--headline {
    padding-bottom: 10px;
    padding-bottom: 0.66666667rem;
    font-size: 16px;
    font-size: 1rem;
    margin-top: 0;
    border-bottom: 1px solid #dadae5;
    color: #3f4c58;
    font-weight: 700;
  }
  .shop-sites--container .shop-sites--navigation,
  .shop-sites--container .navigation--entry {
    border: 0 none;
  }
  .shop-sites--container .shop-sites--navigation .navigation--link,
  .shop-sites--container .navigation--entry .navigation--link {
    padding: 5px 10px 5px 10px;
    padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
  }
  .sidebar-filter .filter--active-container {
    margin: 0;
    padding: 0;
  }
  .sidebar-filter .is--instant-filter .filter--facet-container .filter-panel:last-child {
    margin-bottom: 0;
  }
  .sidebar-filter .filter--facet-container,
  .sidebar-filter .filter--actions-bottom,
  .sidebar-filter .filter--active-container {
    display: block;
  }
  .sidebar-filter .filter--facet-container {
    padding: 0;
  }
  .listing--sidebar .sidebar-filter .filter-panel.is--collapsed {
    height: auto;
  }
  .listing--sidebar .sidebar-filter .filter-panel.is--collapsed .filter-panel--flyout {
    position: relative;
  }
  .listing--sidebar + .search--results {
    margin-left: 260px;
    margin-left: 16.25rem;
  }
  .listing--sidebar + .search--results .listing--wrapper {
    float: left;
  }
}
@media screen and (min-width: 48em) {
  .is--ctl-forms .sidebar-main .sidebar--categories-navigation,
  .is--ctl-custom .sidebar-main .sidebar--categories-navigation {
    display: none;
  }
  .is--ctl-forms .sidebar-main .shop-sites--container,
  .is--ctl-custom .sidebar-main .shop-sites--container {
    display: block;
  }
  .sidebar-main .shop-sites--container {
    display: none;
  }
  .sidebar-main.off-canvas,
  #cookie-consent {
    background: transparent;
  }
}
@media screen and (min-width: 78.75em) {
  .sidebar-main {
    padding-top: 45px;
    padding-top: 2.8125rem;
    display: block;
  }
  .sidebar-main.off-canvas,
  #cookie-consent {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1000;
  }
}
/*
Listing
==========================================
Contains the styles of the product listing and its components.

The styling defines the listing components such as the product filter element.

It contains the viewport specific styles inside media queries.
*/
.listing--content {
  margin: 20px 0px 20px 0px;
  margin: 1.25rem 0rem 1.25rem 0rem;
}
.banner--container {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
}
.category--teaser {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
}
.category--teaser .hero--text {
  padding: 10px 20px 10px 20px;
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
}
.category--teaser .offcanvas--content {
  padding: 20px;
  padding: 1.25rem;
}
.category--teaser .offcanvas--content .content--title {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 10px 0px 15px 0px;
  margin: 0.625rem 0rem 0.9375rem 0rem;
  font-weight: 700;
  color: #3f4c58;
}
.vendor--info {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
}
.vendor--info:after {
  content: "";
  display: table;
  clear: both;
}
.vendor--info .vendor--image-wrapper {
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
  max-width: 200px;
  max-width: 12.5rem;
  height: 70px;
  height: 4.375rem;
  margin-left: auto;
  margin-right: auto;
}
.vendor--info .vendor--image {
  margin: 0 auto;
}
.vendor--info .vendor--text {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
}
.listing--actions {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.listing--actions:after {
  content: "";
  display: table;
  clear: both;
}
.listing--wrapper.js--is-loading .js--loading-indicator {
  top: 150px;
  top: 9.375rem;
}
.listing {
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  opacity: 1;
}
.listing.is--loading {
  opacity: 0;
}
.action--filter-btn {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.action--filter-btn .filter--trigger {
  height: 34px;
  height: 2.125rem;
  padding: 4px 4px 4px 10px;
  padding: 0.25rem 0.25rem 0.25rem 0.625rem;
  line-height: 24px;
  line-height: 1.5rem;
  display: block;
  position: relative;
  overflow: hidden;
}
.action--filter-btn .filter--trigger .icon--filter {
  margin-right: 8px;
  margin-right: 0.5rem;
}
.action--filter-btn .filter--trigger .action--collapse-icon {
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.625rem 0rem 0.625rem;
  line-height: 24px;
  line-height: 1.5rem;
  background-color: #e82446;
  background-image: linear-gradient(to bottom, #e82446 0%, #b61934 100%);
  border-radius: 3px;
  background-clip: padding-box;
  display: inline-block;
  color: #fff;
  float: right;
}
.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-color: #5f7285;
  background-image: linear-gradient(to bottom, #5f7285 0%, #3f4c58 100%);
  display: block;
  color: #fff;
  font-weight: 700;
}
.action--filter-options .filter--close-btn:hover {
  color: #fff;
}
.action--filter-options .filter--close-btn .icon--arrow-right {
  margin: 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: #5f7285;
}
.action--filter-options .filter--link:hover {
  color: #b61934;
}
.action--sort {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  display: block;
}
.action--sort .sort--label {
  display: none;
}
.action--sort .sort--select {
  height: 34px;
  height: 2.125rem;
  max-width: 100%;
}
.action--sort .sort--select:after,
.action--sort .sort--select .sort--field {
  line-height: 34px;
  line-height: 2.125rem;
}
.action--per-page {
  display: none;
}
.listing--paging {
  padding: 10px 0px 10px 0px;
  padding: 0.625rem 0rem 0.625rem 0rem;
  display: block;
}
.listing--paging:after {
  content: "";
  display: table;
  clear: both;
}
.listing--paging .paging--label {
  display: none;
}
.listing--paging .paging--display {
  line-height: 30px;
  line-height: 1.875rem;
  margin-left: 10px;
  margin-left: 0.625rem;
}
.listing--bottom-paging {
  margin: 10px 0px 20px 0px;
  margin: 0.625rem 0rem 1.25rem 0rem;
}
.listing--container {
  overflow: hidden;
}
.listing {
  margin: -2% 0 0 -2%;
  padding: 0 0 2% 0;
}
.listing:after {
  content: "";
  display: table;
  clear: both;
}
.infinite--actions {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.infinite--actions .js--load-more,
.infinite--actions .js--load-previous {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 48em) {
  .category--teaser .hero--headline {
    font-size: 26px;
    font-size: 1.625rem;
    padding: 40px 0px 0px 0px;
    padding: 2.5rem 0rem 0rem 0rem;
    margin: 0px 40px 0px 40px;
    margin: 0rem 2.5rem 0rem 2.5rem;
  }
  .category--teaser .hero--text {
    padding: 25px 40px 10px 40px;
    padding: 1.5625rem 2.5rem 0.625rem 2.5rem;
  }
  .listing--content {
    margin: 30px 0px 30px 0px;
    margin: 1.875rem 0rem 1.875rem 0rem;
  }
  .listing--content:after {
    content: "";
    display: table;
    clear: both;
  }
  .vendor--info .vendor--image-wrapper {
    margin: 0px 20px 20px 0px;
    margin: 0rem 1.25rem 1.25rem 0rem;
    float: left;
  }
  .vendor--info .vendor--image-wrapper + .vendor--text {
    margin: 0px 0px 0px 250px;
    margin: 0rem 0rem 0rem 15.625rem;
  }
  .vendor--info .vendor--image-wrapper .vendor--image {
    margin: 0;
  }
  .listing--actions {
    border-radius: 3px;
    background-clip: padding-box;
    margin: 0px 0px 20px 0px;
    margin: 0rem 0rem 1.25rem 0rem;
    padding-top: 10px;
    padding-top: 0.625rem;
    border: 1px solid #dadae5;
    background: #f5f5f8;
  }
  .listing--actions .listing--paging {
    padding: 10px 10px 10px 10px;
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
    display: block;
    border-top: 1px solid #dadae5;
  }
  .listing--actions.without-facets.without-sortings.without-pagination {
    display: none;
  }
  .listing--actions.without-facets.without-sortings {
    padding-top: 0px;
    padding-top: 0rem;
    border-top: none;
  }
  .action--per-page {
    line-height: 32px;
    line-height: 2rem;
    display: inline-block;
    width: 30%;
    text-align: right;
    float: right;
  }
  .action--per-page .per-page--label {
    display: none;
  }
  .action--per-page .per-page--select {
    width: 80px;
    width: 5rem;
    height: 32px;
    height: 2rem;
    vertical-align: top;
  }
  .action--per-page .per-page--select:after,
  .action--per-page .per-page--select .per-page--field {
    line-height: 30px;
    line-height: 1.875rem;
    text-align: center;
  }
  .action--sort {
    width: 200px;
    width: 12.5rem;
    margin: 0px 10px 0px 0px;
    margin: 0rem 0.625rem 0rem 0rem;
    display: inline-block;
    text-align: right;
    float: right;
  }
  .action--sort .sort--select {
    max-width: 200px;
    max-width: 12.5rem;
  }
  .action--filter-btn {
    width: 190px;
    width: 11.875rem;
    margin: 0px 20px 10px 10px;
    margin: 0rem 1.25rem 0.625rem 0.625rem;
    float: left;
  }
  .action--filter-btn .filter--trigger .action--collapse-icon {
    display: none;
  }
  .action--filter-btn .filter--trigger:before,
  .action--filter-btn .filter--trigger:after {
    -webkit-transition: margin-top 0.4s cubic-bezier(0.02, 0.01, 0.47, 1);
    transition: margin-top 0.4s cubic-bezier(0.02, 0.01, 0.47, 1);
    width: 16px;
    width: 1rem;
    height: 16px;
    height: 1rem;
    right: 10px;
    right: 0.625rem;
    margin-top: -8px;
    margin-top: -0.5rem;
    font-size: 6px;
    font-size: 0.375rem;
    line-height: 16px;
    line-height: 1rem;
    font-family: 'shopware';
    content: "\e612";
    position: absolute;
    text-align: center;
    background: none;
    color: inherit;
    top: 50%;
  }
  .action--filter-btn .filter--trigger:after {
    margin-top: -48px;
    margin-top: -3rem;
    content: "\e610";
  }
  .action--filter-btn .filter--trigger.is--active {
    padding: 2px 12px 2px 12px;
    padding: 0.125rem 0.75rem 0.125rem 0.75rem;
    line-height: 34px;
    line-height: 2.125rem;
    background-color: #e82446;
    background-image: linear-gradient(to bottom, #e82446 0%, #b61934 100%);
    border: 0 none;
    color: #ffffff;
    /** State: Small button */
    /** State: Large button */
    background: #b61934;
  }
  .action--filter-btn .filter--trigger.is--active:hover {
    background: #b61934;
    color: #ffffff;
  }
  .action--filter-btn .filter--trigger.is--active.is--small {
    line-height: 30px;
    line-height: 1.875rem;
  }
  .action--filter-btn .filter--trigger.is--active.is--large {
    line-height: 38px;
    line-height: 2.375rem;
  }
  .action--filter-btn .filter--trigger.is--active:before {
    margin-top: 40px;
    margin-top: 2.5rem;
  }
  .action--filter-btn .filter--trigger.is--active:after {
    margin-top: -8px;
    margin-top: -0.5rem;
  }
  .action--filter-options {
    width: auto;
    height: auto;
    padding: 0;
    overflow: visible;
    position: relative;
    background: #fff;
    border: 0 none;
    clear: both;
  }
  .action--filter-options.is--collapsed,
  .action--filter-options.is--active-filter {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #dadae5;
  }
  .action--filter-options.is--active-filter .filter--active-container {
    display: block;
  }
  .action--filter-options.is--instant-filter-active .filter--active-container {
    display: block;
  }
  .action--filter-options .filter--close-btn {
    display: none;
  }
  .action--filter-options .filter--container {
    margin-left: -2%;
    padding-left: 3%;
  }
  .action--filter-options .filter--container:after {
    content: "";
    display: table;
    clear: both;
  }
  .action--filter-options .filter--group {
    height: 38px;
    height: 2.375rem;
    width: 31%;
    margin: 0 2% 2% 0;
    position: relative;
    float: left;
  }
  .action--filter-options .filter--header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1100;
  }
  .action--filter-options .filter--header.is--active {
    z-index: 1300;
  }
  .action--filter-options .filter--content {
    top: 38px;
    top: 2.375rem;
    width: 100%;
    position: absolute;
    left: 0;
  }
  .action--filter-options #filter:after {
    content: "";
    display: table;
    clear: both;
  }
  .listing--bottom-paging {
    padding: 0px 10px 0px 10px;
    padding: 0rem 0.625rem 0rem 0.625rem;
    border-radius: 3px;
    background-clip: padding-box;
    border: 1px solid #dadae5;
    background: #f5f5f8;
  }
}
@media screen and (min-width: 78.75em) {
  .listing--content {
    padding-top: 45px;
    padding-top: 2.8125rem;
    margin: 0px 0px 0px 0px;
    margin: 0rem 0rem 0rem 0rem;
  }
  .action--filter-btn {
    width: 20%;
    margin-right: 2%;
  }
  .action--filter-btn .filter--trigger {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .action--filter-btn .filter--trigger .action--collapse-icon {
    margin-top: -8px;
    margin-top: -0.5rem;
  }
  .action--filter-options {
    background: #fff;
  }
  .action--filter-options.is--collapsed,
  .action--filter-options.is--active-filter {
    border-width: 1px 0 0 0;
  }
  .action--sort {
    line-height: 32px;
    line-height: 2rem;
    margin: 0px 10px 10px 0px;
    margin: 0rem 0.625rem 0.625rem 0rem;
    width: 40%;
  }
  .action--sort .sort--label {
    margin: 0px 10px 0px 0px;
    margin: 0rem 0.625rem 0rem 0rem;
    display: inline-block;
    font-weight: 700;
  }
  .action--sort .sort--select {
    max-width: 200px;
    max-width: 12.5rem;
    vertical-align: top;
  }
  .action--per-page .per-page--label {
    margin: 0px 10px 0px 0px;
    margin: 0rem 0.625rem 0rem 0rem;
    display: inline-block;
    font-weight: 700;
  }
  .listing--paging {
    display: block;
    clear: both;
  }
  .listing--paging .paging--label {
    margin: 0px 10px 0px 0px;
    margin: 0rem 0.625rem 0rem 0rem;
    font-weight: 700;
  }
  .listing--paging .paging--display {
    line-height: 30px;
    line-height: 1.875rem;
  }
}
/*
Product-box
===============================
Defines the element styles of the Shopware product boxes.

Shopware provides 3 product box types:<br/>
`box-basic`<br/>
`box-minimal`<br/>
`box-image`

```
<div class="product--box">
    <div class="box--content is--rounded">
        <div class="product--info">

            <a href="" class="product--image">
                <!-- Article images -->
            </a>

            <div class="product--rating-container">
                <!-- Product rating stars -->
            </div>

            <a href="" class="product--title" title="">
                Product title
            </a>

            <div class="product--description">
                Dux texo propino, hic tres, casus Ubertas, pax Alumnus catena, ut,
                acer tero an, per edo in is arx Arma querul.
            </div>

            <div class="product--price-info">
                <div class="price--unit">
                </div>
                <div class="product--price">
                    <span class="price--default is--nowrap">
                        35,00 €
                    </span>
                </div>
            </div>

            <div class="product--btn-container"">
                <!-- Product buy button
            </div>

            <div class="product--actions">
                <!-- Product action links e.g. product compare
            </div>

        </div>
    </div>
</div>
```
*/
.product--box {
  display: block;
  width: 100%;
  padding: 2% 0 0 2%;
  float: left;
  /*
Product Badges
==========================================
Creates a corner product badge on a product-box.
```
<div class="product--box">
    <div class="product--badges">
        <div class="product--badge badge--discount">
            <i class="icon--percent2"></i>
        </div>
    </div>
</div>

```
*/
}
.product--box:after {
  content: "";
  display: table;
  clear: both;
}
.product--box .box--content {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  height: 100%;
  border: 1px solid #dadae5;
  position: relative;
}
.product--box .product--image {
  height: 180px;
  height: 11.25rem;
  margin: 0px 0px 5px 0px;
  margin: 0rem 0rem 0.3125rem 0rem;
  display: block;
  text-align: center;
}
.product--box .product--image .image--element {
  height: 100%;
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}
.product--box .product--image .image--element img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
  z-index: 500;
}
.product--box .product--rating-container {
  height: 25px;
  height: 1.5625rem;
  display: block;
}
.product--box .product--title {
  height: 40px;
  height: 2.5rem;
  margin: 0px 0px 5px 0px;
  margin: 0rem 0rem 0.3125rem 0rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  display: block;
  width: 100%;
  color: #3f4c58;
  font-weight: 700;
  overflow: hidden;
}
.product--box .product--title:hover {
  color: #b61934;
}
.product--box .variant--description {
  height: 40px;
  height: 2.5rem;
  margin: 0px 0px 5px 0px;
  margin: 0rem 0rem 0.3125rem 0rem;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px;
  line-height: 1.25rem;
  display: block;
  width: 100%;
  color: #3f4c58;
  overflow: hidden;
  font-weight: 500;
}
.product--box .variant--description .variant--groupName {
  font-weight: 700;
}
.product--box .variant--description .variant--description--line {
  white-space: nowrap;
}
.product--box .product--description {
  height: 72px;
  height: 4.5rem;
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  display: block;
  width: 100%;
  overflow: hidden;
}
.product--box .product--price-info {
  height: 40px;
  height: 2.5rem;
}
.product--box .product--price-info .price--unit {
  height: 20px;
  height: 1.25rem;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 16px;
  line-height: 1rem;
  display: block;
  overflow: hidden;
}
.product--box .product--price {
  height: 20px;
  height: 1.25rem;
}
.product--box .product--price .price--default {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 20px;
  line-height: 1.25rem;
  display: inline-block;
  color: #3f4c58;
  font-weight: 700;
}
.product--box .product--price .price--default.is--discount {
  color: #e74c3c;
}
.product--box .product--price .price--pseudo {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px;
  line-height: 1.25rem;
}
.product--box .product--price .price--discount {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px;
  line-height: 1.25rem;
  display: inline-block;
  text-decoration: line-through;
  vertical-align: baseline;
}
.product--box .buybox--form {
  height: 42px;
  height: 2.625rem;
  margin-top: 7px;
  margin-top: 0.4375rem;
}
.product--box .buybox--form i.icon--basket {
  display: none;
}
.product--box .product--detail-btn {
  height: 42px;
  height: 2.625rem;
  margin-top: 7px;
  margin-top: 0.4375rem;
}
.product--box .product--actions {
  margin: 15px 0px 0px 0px;
  margin: 0.9375rem 0rem 0rem 0rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  overflow: auto;
}
.product--box .product--actions form {
  display: inline-block;
}
.product--box .product--action {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  margin: 0px 20px 0px 0px;
  margin: 0rem 1.25rem 0rem 0rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  display: inline-block;
  color: #5f7285;
  word-break: keep-all;
  white-space: nowrap;
}
.product--box .product--action [class^="icon--"] {
  margin: 0px 5px 0px 0px;
  margin: 0rem 0.3125rem 0rem 0rem;
  font-size: 12px;
  font-size: 0.75rem;
}
.product--box .product--action:hover {
  color: #b61934;
}
.product--box .action--compare {
  display: none;
}
.product--box .action--note:focus {
  outline: none;
}
.product--box .action--note.js--is-saved {
  color: #008a39;
}
.product--box .product--badges {
  top: 20px;
  top: 1.25rem;
  left: -1px;
  left: -0.0625rem;
  position: absolute;
  z-index: 750;
}
.product--box .product--badges .product--badge {
  padding: 3px 10px 3px 10px;
  padding: 0.1875rem 0.625rem 0.1875rem 0.625rem;
  margin: 0px 0px 5px 0px;
  margin: 0rem 0rem 0.3125rem 0rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  line-height: 1rem;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  display: block;
  float: left;
  position: relative;
  text-align: center;
  font-weight: 700;
  clear: both;
}
.product--box .product--badges .badge--discount {
  color: #ffffff;
  background: #e74c3c;
}
.product--box .product--badges .badge--recommend {
  color: #ffffff;
  background: #008a39;
}
.product--box .product--badges .badge--newcomer {
  color: #ffffff;
  background: #f1c40f;
}
.product--box .product--badges .badge--esd {
  background: #4aa3df;
  color: #ffffff;
}
.box--minimal {
  width: 50%;
}
.box--minimal .product--image {
  height: 120px;
  height: 7.5rem;
}
.box--minimal .product--price-info {
  height: 70px;
  height: 4.375rem;
}
.box--minimal .product--price-info .price--unit {
  height: 30px;
  height: 1.875rem;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 14px;
  line-height: 0.875rem;
  display: block;
}
.box--minimal .product--price-outer {
  height: 40px;
  height: 2.5rem;
  position: relative;
}
.box--minimal .product--price {
  line-height: 20px;
  line-height: 1.25rem;
  position: absolute;
  bottom: 0;
  left: 0;
  height: auto;
}
.box--minimal .product--price .price--default {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin: 0px 5px 0px 0px;
  margin: 0rem 0.3125rem 0rem 0rem;
  vertical-align: bottom;
  float: left;
}
.box--minimal .product--price .price--pseudo,
.box--minimal .product--price .price--discount {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 14px;
  line-height: 0.875rem;
}
.box--minimal .buybox--form .buy-btn--cart-text {
  display: none;
}
.box--minimal .buybox--form i.icon--basket {
  left: 2px;
  left: 0.125rem;
  top: 1px;
  top: 0.0625rem;
  font-size: 14px;
  font-size: 0.875rem;
  display: inline-block;
  position: relative;
}
.box--image .product--image {
  margin: 0px 0px 5px 0px;
  margin: 0rem 0rem 0.3125rem 0rem;
  width: auto;
  position: relative;
  height: 200px;
  height: 12.5rem;
}
.box--image .product--info {
  padding: 0;
}
.box--slider {
  display: block;
  padding: 0;
  position: relative;
  text-align: center;
  float: none;
}
.box--slider:hover .product--title {
  color: #b61934;
}
.box--slider .box--content {
  border: 0 none;
  padding: 0;
}
.box--slider .product--price-info {
  height: auto;
}
.box--slider .product--price-info .price--unit {
  height: 14px;
  height: 0.875rem;
  font-size: 10px;
  font-size: 0.625rem;
}
.box--slider .product--price-info .price--default {
  font-size: 14px;
  font-size: 0.875rem;
}
.box--slider .product--price-info .is--discount {
  font-weight: 700;
}
.box--slider .product--image {
  height: 140px;
  height: 8.75rem;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  display: block;
  text-align: center;
  position: relative;
}
.box--slider .image--element {
  height: 100%;
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}
.box--slider .image--element img {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
  z-index: 500;
}
.box--slider .product--title {
  font-size: 14px;
  font-size: 0.875rem;
  height: 40px;
  height: 2.5rem;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  color: #5f7285;
  font-weight: 500;
  white-space: normal;
}
.box--list .buybox--form {
  max-width: 280px;
  max-width: 17.5rem;
}
.box--list .product--detail-btn {
  max-width: 280px;
  max-width: 17.5rem;
}
@media screen and (min-width: 30em) {
  .box--basic .product--image {
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    width: 10rem;
  }
  .box--basic .product--info {
    position: relative;
    padding: 0px 0px 0px 180px;
    padding: 0rem 0rem 0rem 11.25rem;
  }
  .box--minimal {
    width: 33.3%;
  }
  .box--image .product--image {
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
  }
  .box--image .product--info {
    position: relative;
    padding-left: 52%;
  }
  .box--image .product--price-info {
    height: 60px;
    height: 3.75rem;
  }
  .box--image .product--price-info .price--unit {
    height: 40px;
    height: 2.5rem;
  }
  .box--list .product--image {
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    width: 11.25rem;
  }
  .box--list .product--info {
    position: relative;
    padding: 0px 0px 0px 200px;
    padding: 0rem 0rem 0rem 12.5rem;
  }
}
@media screen and (min-width: 48em) {
  .product--box .action--compare {
    display: inline-block;
  }
  .box--basic .product--image {
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    width: 10rem;
  }
  .box--basic .product--info {
    position: relative;
    padding: 0px 0px 0px 180px;
    padding: 0rem 0rem 0rem 11.25rem;
  }
  .box--image .product--image {
    margin: 0px 0px 5px 0px;
    margin: 0rem 0rem 0.3125rem 0rem;
    width: auto;
    position: relative;
    height: 240px;
    height: 15rem;
  }
  .box--image .product--info {
    padding: 0;
  }
  .box--image .product--price-info {
    height: 40px;
    height: 2.5rem;
  }
  .box--image .product--price-info .price--unit {
    height: 20px;
    height: 1.25rem;
  }
  .is--ctl-search .box--basic,
  .is--ctl-listing.is--no-sidebar .box--basic {
    width: 50%;
  }
  .is--ctl-search .box--basic .product--image,
  .is--ctl-listing.is--no-sidebar .box--basic .product--image {
    margin: 0px 0px 5px 0px;
    margin: 0rem 0rem 0.3125rem 0rem;
    width: auto;
    position: relative;
    height: 180px;
    height: 11.25rem;
  }
  .is--ctl-search .box--basic .product--info,
  .is--ctl-listing.is--no-sidebar .box--basic .product--info {
    padding: 0;
  }
  .is--ctl-search .box--minimal,
  .is--ctl-listing.is--no-sidebar .box--minimal {
    width: 25%;
  }
  .is--ctl-search .box--minimal .product--image,
  .is--ctl-listing.is--no-sidebar .box--minimal .product--image {
    height: 180px;
    height: 11.25rem;
  }
  .is--ctl-search .box--image,
  .is--ctl-listing.is--no-sidebar .box--image {
    width: 50%;
  }
  .is--ctl-search .has--sidebar-filter .box--basic,
  .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic {
    width: 100%;
  }
  .is--ctl-search .has--sidebar-filter .box--basic .product--image,
  .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic .product--image {
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    width: 10rem;
  }
  .is--ctl-search .has--sidebar-filter .box--basic .product--info,
  .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic .product--info {
    position: relative;
    padding: 0px 0px 0px 180px;
    padding: 0rem 0rem 0rem 11.25rem;
  }
  .is--ctl-search .has--sidebar-filter .box--minimal,
  .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--minimal {
    width: 33.3%;
  }
}
@media screen and (min-width: 64em) {
  .box--basic {
    width: 50%;
  }
  .box--basic .product--image {
    margin: 0px 0px 5px 0px;
    margin: 0rem 0rem 0.3125rem 0rem;
    width: auto;
    position: relative;
    height: 180px;
    height: 11.25rem;
  }
  .box--basic .product--info {
    padding: 0;
  }
  .box--minimal {
    width: 25%;
  }
  .box--image {
    width: 50%;
  }
  .box--image .product--image {
    margin: 0px 0px 5px 0px;
    margin: 0rem 0rem 0.3125rem 0rem;
    width: auto;
    position: relative;
    height: 280px;
    height: 17.5rem;
  }
  .box--image .product--info {
    padding: 0;
  }
  .is--ctl-search .box--basic .product--image,
  .is--ctl-listing.is--no-sidebar .box--basic .product--image {
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
    width: 10.625rem;
  }
  .is--ctl-search .box--basic .product--info,
  .is--ctl-listing.is--no-sidebar .box--basic .product--info {
    position: relative;
    padding: 0px 0px 0px 190px;
    padding: 0rem 0rem 0rem 11.875rem;
  }
  .is--ctl-search .box--minimal,
  .is--ctl-listing.is--no-sidebar .box--minimal {
    width: 20%;
  }
  .is--ctl-search .box--image,
  .is--ctl-listing.is--no-sidebar .box--image {
    width: 33.3%;
  }
  .is--ctl-search .has--sidebar-filter .box--basic,
  .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic {
    width: 50%;
  }
  .is--ctl-search .has--sidebar-filter .box--basic .product--image,
  .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic .product--image {
    margin: 0px 0px 5px 0px;
    margin: 0rem 0rem 0.3125rem 0rem;
    width: auto;
    position: relative;
    height: 180px;
    height: 11.25rem;
  }
  .is--ctl-search .has--sidebar-filter .box--basic .product--info,
  .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic .product--info {
    padding: 0;
  }
  .is--ctl-search .has--sidebar-filter .box--minimal,
  .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--minimal {
    width: 25%;
  }
}
@media screen and (min-width: 78.75em) {
  .box--basic .product--image {
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
    width: 10.625rem;
  }
  .box--basic .product--info {
    position: relative;
    padding: 0px 0px 0px 190px;
    padding: 0rem 0rem 0rem 11.875rem;
  }
  .box--basic .box--content {
    padding: 20px 10px 20px 10px;
    padding: 1.25rem 0.625rem 1.25rem 0.625rem;
  }
  .box--minimal {
    width: 25%;
  }
  .box--minimal .buybox--form .buy-btn--cart-text {
    display: inline-block;
  }
  .box--minimal .buybox--form i.icon--basket {
    display: none;
  }
  .box--image .product--image {
    margin: 0px 0px 5px 0px;
    margin: 0rem 0rem 0.3125rem 0rem;
    width: auto;
    position: relative;
    height: 300px;
    height: 18.75rem;
  }
  .box--image .product--info {
    padding: 0;
  }
  .is--ctl-search .box--minimal,
  .is--ctl-listing.is--no-sidebar .box--minimal {
    width: 20%;
  }
  .is--ctl-search .has--sidebar-filter .box--basic .product--image,
  .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic .product--image {
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
    width: 10.625rem;
  }
  .is--ctl-search .has--sidebar-filter .box--basic .product--info,
  .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic .product--info {
    position: relative;
    padding: 0px 0px 0px 190px;
    padding: 0rem 0rem 0rem 11.875rem;
  }
}
/*
Last-viewed
==============================================
Defines the styling of the `.viewlast` element.

The viewlast element displays the users recently viewed products inside a slim element that is usually displayed at the bottom of the listing and detail pages.

It contains a thumbnail image and the product name.
*/
.viewlast {
  clear: both;
}
/*
Tell-a-friend
==========================================
Contains the tell-a-friend element styling that can be used to share products.

The option can be enabled in the Shopware backend and is disabled by default.
*/
.tellafriend--content {
  padding-top: 10px;
  padding-top: 0.625rem;
  width: 100%;
}
.tellafriend--content .tellafriend--field {
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
  width: 100%;
}
.tellafriend--content .tellafriend--buttons:after {
  content: "";
  display: table;
  clear: both;
}
.tellafriend--content .captcha--placeholder {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.tellafriend--content .captcha--notice {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  display: block;
}
.tellafriend--content .alert {
  margin-top: 30px;
  margin-top: 1.875rem;
}
.tellafriend--content .review--notice {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 48em) {
  .tellafriend--content {
    padding-top: 20px;
    padding-top: 1.25rem;
    width: 100%;
  }
  .tellafriend--content .tellafriend--field {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
  .tellafriend--content .alert {
    margin: 0px 0px 16px 0px;
    margin: 0rem 0rem 1rem 0rem;
  }
}
@media screen and (min-width: 78.75em) {
  .tellafriend--content {
    padding-top: 45px;
    padding-top: 2.8125rem;
  }
}
/*
Topseller
=========================

The topseller element is a modified product slider that is used to display a selection of best selling articles inside a slim slider element.

*/
.topseller {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
}
.topseller:after {
  content: "";
  display: table;
  clear: both;
}
.topseller .topseller--content {
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.625rem 0rem 0.625rem;
}
.topseller .product-slider--arrow.arrow--next {
  right: -1px;
  right: -0.0625rem;
}
.topseller .product-slider--arrow.arrow--prev {
  left: -1px;
  left: -0.0625rem;
}
.topseller--product {
  text-align: center;
}
.topseller--product:hover .badge {
  background-color: #e82446;
  background-image: linear-gradient(to bottom, #e82446 0%, #b61934 100%);
  color: #fff;
  text-shadow: 0 1px 1px #AD1200;
}
.topseller--product:hover .product--title {
  color: #b61934;
}
.topseller--number {
  margin: 10px 0px 5px 0px;
  margin: 0.625rem 0rem 0.3125rem 0rem;
}
/*
Register
==========================================
Contains the styles of the registration process form and its components.

The user can see the registration steps, advantages and required information.
*/
.register--content {
  margin: 10px 0px 10px 0px;
  margin: 0.625rem 0rem 0.625rem 0rem;
  width: 100%;
  display: none;
}
.register--content:after {
  content: "";
  display: table;
  clear: both;
}
.register--content.is--collapsed {
  display: block;
}
.register--content .alert {
  margin: 20px 18px 20px 18px;
  margin: 1.25rem 1.125rem 1.25rem 1.125rem;
}
.register--content .register--check {
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}
.register--content .register--action {
  margin: 20px 20px 20px 20px;
  margin: 1.25rem 1.25rem 1.25rem 1.25rem;
}
.register--content .register--action .register--submit {
  width: 100%;
  text-align: center;
}
.register--content .register--required-info {
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
  margin: 0px 26px 16px 26px;
  margin: 0rem 1.625rem 1rem 1.625rem;
  font-size: 14px;
  font-size: 0.875rem;
}
.register--content .select-field {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  max-width: 100%;
}
.register--content .register--field {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  width: 100%;
}
.register--content .register--customertype {
  display: block;
}
.register--content .register--zip-city .register--field-zipcode {
  width: 28%;
  float: left;
}
.register--content .register--zip-city .register--field-city {
  width: 70%;
  float: left;
}
.register--content .register--zip-city .register--field-city:after {
  content: "";
  display: table;
  clear: both;
}
.register--content .register--zip-city .register--spacer {
  margin-right: 2%;
}
.register--content .birthday--label {
  margin: 0px 0px 5px 0px;
  margin: 0rem 0rem 0.3125rem 0rem;
  display: block;
  font-weight: 700;
}
.register--content .birthday--label:after {
  content: "";
  display: table;
  clear: both;
}
.register--content .register--password-description {
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}
.register--content .register--birthdate .select-field {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  max-width: 100%;
  float: left;
}
.register--content .register--birthdate .register--birthyear,
.register--content .register--birthdate .register--birthyear.select-field {
  margin-right: 0px;
  margin-right: 0rem;
}
.register--content .register--privacy {
  padding: 20px 20px 20px 20px;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  margin: 0px 20px 20px 20px;
  margin: 0rem 1.25rem 1.25rem 1.25rem;
  font-size: 14px;
  font-size: 0.875rem;
  border: 1px solid #dadae5;
}
.register--content .register--privacy input[type="checkbox"] {
  margin: 0px 10px 0px 0px;
  margin: 0rem 0.625rem 0rem 0rem;
}
.register--content .register--personal {
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}
.register--content .register--personal:after {
  content: "";
  display: table;
  clear: both;
}
.register--login:after {
  content: "";
  display: table;
  clear: both;
}
.register--login .register--new-customer {
  margin: 20px 0px 20px 0px;
  margin: 1.25rem 0rem 1.25rem 0rem;
}
.register--login .register--new-customer .new-customer-btn {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
}
.register--login .register--new-customer .new-customer-btn:after {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  line-height: 16px;
  line-height: 1rem;
  margin-top: -8px;
  margin-top: -0.5rem;
  font-size: 6px;
  font-size: 0.375rem;
  right: 10px;
  right: 0.625rem;
  position: absolute;
  font-family: 'shopware';
  font-weight: 500;
  content: "\e612";
  color: inherit;
  top: 50%;
}
.register--login .register--new-customer .new-customer-btn.is--active:after {
  content: "\e610";
}
.register--login .register--login-field {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  width: 100%;
}
.register--login .register--login-description {
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}
.register--login .register--login-lostpassword {
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}
.register--login .register--login-btn {
  width: 100%;
  text-align: center;
}
.register--advantages {
  display: none;
}
.password--success {
  margin: 10px 0px 20px 0px;
  margin: 0.625rem 0rem 1.25rem 0rem;
}
.steps--container {
  background: transparent;
}
.steps--content {
  padding-top: 16px;
  padding-top: 1rem;
  display: table;
  border-top: 1px solid #dadae5;
  width: 100%;
}
.steps--content .steps--list {
  display: table-row;
}
.steps--content .steps--list:after {
  content: "";
  display: table;
  clear: both;
}
.steps--content .steps--entry {
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.625rem 0rem 0.625rem;
  display: table-cell;
  list-style: none;
  vertical-align: top;
  text-align: center;
}
.steps--content .steps--spacer {
  display: none;
  vertical-align: middle;
}
.steps--content .steps--entry .icon {
  background-color: #5f7285;
  background-image: linear-gradient(to bottom, #5f7285 0%, #3f4c58 100%);
  border-radius: 22px;
  background-clip: padding-box;
  padding: 10px 16px 10px 16px;
  padding: 0.625rem 1rem 0.625rem 1rem;
  width: 46px;
  width: 2.875rem;
  font-size: 20px;
  font-size: 1.25rem;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-weight: 700;
}
.steps--content .is--active .icon {
  background-color: #e82446;
  background-image: linear-gradient(to bottom, #e82446 0%, #b61934 100%);
  color: #fff;
}
.steps--content .steps--entry .text {
  margin: 0px 0px 0px 10px;
  margin: 0rem 0rem 0rem 0.625rem;
  height: 52px;
  height: 3.25rem;
  position: relative;
  top: -2px;
  display: none;
  vertical-align: middle;
}
.steps--content .steps--entry .text::after {
  content: '';
  height: 100%;
}
.steps--content .is--active .text {
  color: #b61934;
  display: inline-block;
  font-weight: 700;
}
.steps--content .steps--entry .text--inner,
.steps--content .steps--entry .text::after {
  display: inline-block;
  vertical-align: middle;
}
.account--change-payment .payment--method {
  padding: 10px 0px 10px 0px;
  padding: 0.625rem 0rem 0.625rem 0rem;
}
.account--change-payment .payment--selection-input {
  width: 40px;
  width: 2.5rem;
  float: left;
  text-align: center;
}
.account--change-payment .payment--selection-label,
.account--change-payment .payment--description,
.account--change-payment .payment--content {
  padding: 0px 0px 0px 40px;
  padding: 0rem 0rem 0rem 2.5rem;
  width: 100%;
}
.account--change-payment .payment--content input {
  max-width: 100%;
}
@media screen and (min-width: 48em) {
  .register--content {
    margin-top: 50px;
    margin-top: 3.125rem;
    width: 64%;
    float: right;
    display: block;
  }
  .register--content .select-field {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
  .register--content .select-field .register--birthday {
    margin-right: 2%;
  }
  .register--content .register--field {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
  .register--content .register--check {
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
  }
  .register--content .select-field {
    max-width: 290px;
    max-width: 18.125rem;
  }
  .register--content .register--birthdate .select-field {
    width: 32%;
    margin-right: 2%;
  }
  .register--content .register--action {
    text-align: right;
  }
  .register--content .register--action .register--submit {
    width: 35%;
  }
  .steps--content {
    padding: 30px 0px 24px 0px;
    padding: 1.875rem 0rem 1.5rem 0rem;
    background: transparent;
    border: none;
  }
  .steps--content .steps--spacer {
    width: 80px;
    width: 5rem;
    display: table-cell;
    text-align: center;
  }
  .steps--content .steps--entry .text {
    margin: 0px 10px 0px 10px;
    margin: 0rem 0.625rem 0rem 0.625rem;
    display: inline-block;
    font-weight: 700;
  }
  .register--login {
    margin-top: 50px;
    margin-top: 3.125rem;
    width: 34%;
    float: left;
  }
  .register--login .register--new-customer {
    display: none;
  }
  .register--login .register--login-field {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
  .register--login .register--login-btn {
    width: auto;
    text-align: left;
  }
  .register--advantages {
    display: block;
    width: 34%;
    float: left;
  }
  .register--advantages:after {
    content: "";
    display: table;
    clear: both;
  }
  .register--advantages .panel--title {
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 0.625rem 0rem;
  }
}
@media screen and (min-width: 78.75em) {
  .steps--content .steps--entry.step--payment {
    width: 30%;
  }
  .steps--content .steps--entry .text {
    margin: 0px 0px 0px 10px;
    margin: 0rem 0rem 0rem 0.625rem;
    width: 70%;
    text-align: left;
  }
  .steps--content .steps--spacer {
    width: 15%;
  }
}
/*
Shopping cart
==============================================
Defines the basic styling of the Shopware 5 shopping cart element.

Shopware offers two different shopping cart element options that can be selected in the Shopware backend.

**Shopping Cart options:**

[`off-canvas cart`](./_components-offcanvas-menu.html>)

[`collapse-cart`](./_components-collapse-cart.html>)

*/
.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%;
}
.is--act-shippingpayment .add-product--form {
  display: none;
}
.is--act-shippingpayment .product--table {
  margin-top: 0;
}
.is--act-shippingpayment .product--table .panel--body {
  padding: 20px 20px 0px 20px;
  padding: 1.25rem 1.25rem 0rem 1.25rem;
}
.is--act-shippingpayment .payment--method-list {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.product--table {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.product--table .alert {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.product--table .is--no-star {
  margin-left: -6px;
  margin-left: -0.375rem;
}
.product--table .panel {
  border: 0 none;
}
.product--table .panel--body {
  padding: 0;
}
.product--table .premium-product.panel {
  margin: 10px 0px 0px 0px;
  margin: 0.625rem 0rem 0rem 0rem;
  border: 1px solid #dadae5;
}
.product--table .delivery--status-icon {
  display: none;
}
.product--table .table--actions {
  margin-top: 10px;
  margin-top: 0.625rem;
  position: relative;
}
.product--table .table--actions:after {
  content: "";
  display: table;
  clear: both;
}
.product--table .table--actions .btn--checkout-proceed,
.product--table .table--actions .btn--checkout-continue {
  width: 100%;
  text-align: center;
  margin-bottom: 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 {
  padding: 10px 0px 8px 0px;
  padding: 0.625rem 0rem 0.5rem 0rem;
  position: relative;
  border-bottom: 1px solid #dadae5;
  width: 100%;
  height: 100%;
}
.product--table .table--tr:after {
  content: "";
  display: table;
  clear: both;
}
.product--table .table--media,
.product--table .table--content {
  float: left;
}
.product--table .column--product {
  padding-left: 0;
  width: 90%;
}
.product--table .column--product .column--image {
  padding: 10px 0px 10px 0px;
  padding: 0.625rem 0rem 0.625rem 0rem;
  float: left;
  width: 26%;
}
.product--table .table--media {
  width: 100%;
  position: relative;
}
.product--table .table--media .table--media-outer {
  border-radius: 2px;
  background-clip: padding-box;
  max-width: 70px;
  max-width: 4.375rem;
  max-height: 70px;
  max-height: 4.375rem;
  border: 1px solid #dadae5;
  margin: 0 auto;
}
.product--table .table--media .table--media-inner {
  width: 100%;
  position: relative;
  padding-bottom: 100%;
  height: 0;
}
.product--table .table--media img {
  padding: 5%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.product--table .table--content {
  font-size: 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: 700;
  color: #5f7285;
}
.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: #3f4c58;
  text-align: left;
  margin: 0%;
  float: left;
  font-weight: 700;
}
.product--table .column--label.quantity--label {
  margin-top: 11px;
  margin-top: 0.6875rem;
}
.product--table .row--rebate .column--label,
.product--table .row--premium-product .column--label,
.product--table .row--voucher .column--label {
  margin: 0;
}
.product--table .row--rebate .table--media,
.product--table .row--premium-product .table--media,
.product--table .row--voucher .table--media {
  width: 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 .row--rebate .table--content,
.product--table .row--premium-product .table--content {
  padding-top: 21px;
  padding-top: 1.3125rem;
}
.product--table .column--total-price {
  font-weight: 700;
}
.product--table .column--product:after {
  content: "";
  display: table;
  clear: both;
}
.product--table .column--product .column--image {
  float: left;
  width: 24%;
}
.product--table .column--quantity .select-field {
  min-width: 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 .product--delivery {
  margin: 0;
}
.product--table .cart--badge {
  border-radius: 3px 0 0 3px;
  background-clip: padding-box;
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  top: 0;
  left: 0;
  background: #b61934;
}
.product--table .cart--badge span {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  text-align: center;
  line-height: 20px;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  position: absolute;
  width: 70px;
  top: 0;
  bottom: 0;
}
.product--table .basket--badge {
  line-height: 48px;
  line-height: 3rem;
  font-size: 16px;
  font-size: 1rem;
  border-radius: 128px;
  background-clip: padding-box;
  height: 48px;
  height: 3rem;
  width: 48px;
  width: 3rem;
  margin: 0 auto;
  text-align: center;
  font-weight: 700;
  background: #5f7285;
  color: #fff;
}
.product--table .basket--badge .icon--arrow-right {
  font-size: 13px;
  font-size: 0.8125rem;
}
.product--table .basket--badge .icon--coupon {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 50px;
  line-height: 3.125rem;
}
.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 {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  height: 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;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  width: 10%;
}
.product--table .add-voucher--form {
  margin: 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;
  background: #f8f8fa;
  border-color: #dadae5;
  border-style: solid;
  border-width: 1px 0 0 0;
}
.product--table .table--shipping-costs label {
  font-weight: 700;
}
.product--table .table--shipping-costs .select-field {
  height: 38px;
  height: 2.375rem;
  line-height: 36px;
  line-height: 2.25rem;
  max-width: 100%;
}
.product--table .table--shipping-costs-trigger {
  font-weight: 700;
}
.product--table .main--actions:after {
  content: "";
  display: table;
  clear: both;
}
.product--table .table--footer {
  font-size: 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: #3f4c58;
  font-weight: 700;
}
.aggregation--list {
  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;
  background: #f8f8fa;
  border-bottom: 1px solid #dadae5;
}
.aggregation--list .list--entry {
  list-style: none;
}
.aggregation--list .entry--label {
  width: 70%;
}
.aggregation--list .entry--value {
  width: 30%;
  text-align: right;
}
.aggregation--list .entry--total {
  font-weight: 700;
  color: #3f4c58;
}
.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 {
  border-color: #dadae5;
  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 {
  border-radius: 3px;
  background-clip: padding-box;
  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;
  border: 1px solid #dadae5;
  position: relative;
  text-align: center;
}
.premium-product .product--inner .product--image .image--element {
  height: 100%;
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}
.premium-product .product--inner .product--image .image--element img {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
  z-index: 500;
}
.premium-product .product--inner .premium-product--badge {
  border-radius: 38px;
  background-clip: padding-box;
  height: 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: #b61934;
  position: absolute;
  color: #fff;
  font-weight: 700;
  z-index: 750;
}
.premium-product .product--inner .premium-product--free {
  color: #008a39;
  font-weight: 700;
  text-align: left;
}
.premium-product .product--inner .btn {
  width: 100%;
}
.premium-product .product--inner .premium--variant:after {
  content: "";
  display: table;
  clear: both;
}
.premium-product .product--inner .premium--variant .premium--button {
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  height: 38px;
  height: 2.375rem;
  margin-left: -2px;
  margin-left: -0.125rem;
  width: 20%;
}
.premium-product .product--inner .premium--variant .select-field {
  margin-right: 2px;
  margin-right: 0.125rem;
  max-width: 80%;
  float: left;
}
.premium-product .product--inner .premium--variant .select-field .premium--selection {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  line-height: 38px;
  line-height: 2.375rem;
  height: 38px;
  height: 2.375rem;
  font-weight: 700;
}
.premium-product .product--inner .premium--variant .select-field:after {
  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;
  border-bottom: 1px solid #dadae5;
}
.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;
}
.js--modal .modal--checkout-add-article .article--info:after {
  content: "";
  display: table;
  clear: both;
}
.js--modal .modal--checkout-add-article .article--image {
  padding: 5px;
  padding: 0.3125rem;
  width: 80px;
  width: 5rem;
  height: 80px;
  height: 5rem;
  border-radius: 3px;
  background-clip: padding-box;
  float: left;
  border: 1px solid #dadae5;
}
.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: #5f7285;
  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: #5f7285;
  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;
}
.js--modal .modal--checkout-add-article .modal--actions:after {
  content: "";
  display: table;
  clear: both;
}
.js--modal .modal--checkout-add-article .modal--actions .btn {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js--modal .modal--checkout-add-article .modal--actions .btn:last-child {
  margin-top: 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;
  border-bottom: 1px solid #dadae5;
  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: #3f4c58;
  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: #3f4c58;
  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 .has--border {
  border: 1px solid #dadae5;
}
.content--confirm .confirm--actions .main--actions {
  text-align: center;
  width: 100%;
}
.content--confirm .payment--method-list,
.content--confirm .dispatch--method-list {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.content--confirm .payment--method,
.content--confirm .dispatch--method {
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  border-bottom: 1px solid #dadae5;
}
.content--confirm .payment--method .method_last,
.content--confirm .dispatch--method .method_last {
  border: 0 none;
}
.content--confirm .payment--method.method_last,
.content--confirm .dispatch--method.method_last {
  border: 0 none;
}
.content--confirm .method--input {
  width: 40px;
  width: 2.5rem;
  text-align: center;
  float: left;
}
.content--confirm .method--label {
  padding-left: 40px;
  padding-left: 2.5rem;
  width: 100%;
}
.content--confirm .method--description {
  padding-left: 40px;
  padding-left: 2.5rem;
}
.content--confirm .payment--method-logo {
  margin-left: 40px;
  margin-left: 2.5rem;
}
.content--confirm .method--bankdata {
  padding-left: 40px;
  padding-left: 2.5rem;
}
.content--confirm .method--bankdata input[type="text"] {
  max-width: 100%;
}
.content--confirm .table--aggregation,
.content--confirm .add-product--form,
.content--confirm .add-product--field,
.content--confirm .add-product--button {
  display: none;
}
.content--confirm .aggregation--list {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin: 0px -10px 0px -10px;
  margin: 0rem -0.625rem 0rem -0.625rem;
  border-top: 1px solid #dadae5;
}
@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 .select-field {
    float: left;
    font-weight: 700;
  }
  .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-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;
  }
  .js--modal .modal--checkout-add-article .modal--actions:after {
    content: "";
    display: table;
    clear: both;
  }
  .js--modal .modal--checkout-add-article .modal--actions .btn {
    width: 49%;
  }
  .js--modal .modal--checkout-add-article .modal--actions .btn:last-child {
    margin-top: 0;
  }
  .js--modal .modal--checkout-add-article .modal--actions .is--left {
    padding-left: 35px;
    padding-left: 2.1875rem;
  }
}
@media screen and (min-width: 48em) {
  .is--ctl-checkout .basket--info-messages {
    margin: 20px 0px 4px 0px;
    margin: 1.25rem 0rem 0.25rem 0rem;
  }
  .is--ctl-checkout .account--change-billing.register--content,
  .is--ctl-checkout .account--change-shipping.register--content {
    width: 75%;
  }
  .is--act-shippingpayment .product--table .table--actions {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .is--act-shippingpayment .payment--method-list {
    margin-top: 0;
  }
  .is--act-shippingpayment .basket--footer .aggregation--list {
    padding-right: 20px;
    padding-right: 1.25rem;
  }
  .product--table {
    margin: 20px 0px 20px 0px;
    margin: 1.25rem 0rem 1.25rem 0rem;
  }
  .product--table .alert {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  .product--table .row--voucher,
  .product--table .row--premium-product {
    height: 100%;
  }
  .product--table .panel--body {
    padding: 20px 20px 20px 20px;
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
    border: 1px solid #dadae5;
  }
  .product--table .premium-product--content {
    height: 330px;
    height: 20.625rem;
    border: 0 none;
  }
  .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: right;
  }
  .product--table .column--label {
    display: none;
  }
  .product--table .table--header {
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 0.625rem 0rem;
    border-bottom: 1px solid #dadae5;
    display: block;
  }
  .product--table .table--header .table--column {
    font-size: 16px;
    font-size: 1rem;
    padding-bottom: 0;
    font-weight: 700;
    color: #3f4c58;
  }
  .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 {
    padding-left: 0;
    width: 52%;
  }
  .product--table .column--product {
    float: left;
    width: 52%;
  }
  .product--table .column--product .column--image {
    width: 8%;
  }
  .product--table .table--tr {
    padding: 0;
    border-bottom: 1px solid #dadae5;
  }
  .product--table .is--centered {
    display: inline-block;
    vertical-align: middle;
  }
  .product--table .column--actions {
    width: 8%;
    padding-right: 0;
  }
  .product--table .column--product .column--image {
    width: 20%;
  }
  .product--table .table--media,
  .product--table .table--content {
    float: left;
  }
  .product--table .table--media {
    width: 100%;
  }
  .product--table .table--media .table--media-outer {
    margin: 0;
  }
  .product--table .table--content {
    width: 74%;
  }
  .product--table .column--quantity {
    padding: 10px 10px 10px 10px;
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
    float: left;
    width: 11%;
    margin: 0;
  }
  .product--table .column--quantity .select-field {
    float: right;
    font-weight: 700;
    padding: 0px 0px 0px 16px;
    padding: 0rem 0rem 0rem 1rem;
  }
  .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: 700;
    color: #5f7285;
  }
  .product--table .column--total-price {
    float: left;
    font-weight: 700;
  }
  .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: left;
  }
  .product--table .row--rebate .column--tax-price,
  .product--table .row--premium-product .column--tax-price,
  .product--table .row--voucher .column--tax-price {
    margin: 0;
  }
  .product--table .row--rebate .column--actions,
  .product--table .row--premium-product .column--actions,
  .product--table .row--voucher .column--actions {
    padding-top: 13px;
    padding-top: 0.8125rem;
  }
  .product--table .row--rebate .table--content,
  .product--table .row--premium-product .table--content {
    padding-top: 21px;
    padding-top: 1.3125rem;
  }
  .product--table .row--rebate .column--total-price,
  .product--table .row--premium-product .column--total-price {
    padding-top: 22px;
    padding-top: 1.375rem;
  }
  .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;
    border-top: 1px solid #dadae5;
    background: #f8f8fa;
  }
  .product--table .basket--footer:after {
    content: "";
    display: table;
    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%;
    border: 0 none;
    background: transparent;
    margin: 0;
    float: left;
    width: 50%;
  }
  .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;
  }
  .content--confirm .alert {
    margin: 0;
  }
  .content--confirm .table--aggregation {
    visibility: hidden;
    display: block;
  }
  .content--confirm .confirm--inner-container .payment--method-list,
  .content--confirm .confirm--inner-container .dispatch--method-list {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  .content--confirm .confirm--inner-container .panel--body {
    border: 0 none;
  }
  .content--confirm .confirm--inner-container .has--border {
    border: 1px solid #dadae5;
  }
  .content--confirm .confirm--inner-container .basket--footer {
    border: 1px solid #dadae5;
    margin: 0;
  }
  .content--confirm .confirm--actions .main--actions {
    width: 25%;
  }
}
@media screen and (min-width: 64em) {
  .product--table .table--actions .btn--inquiry {
    left: 50%;
  }
  .product--table .column--product .column--image {
    width: 16%;
  }
  .product--table .column--product .table--content {
    width: 84%;
  }
  .product--table .row--premium-product .column--product .column--image,
  .product--table .row--rebate .column--product .column--image {
    width: 10.7%;
  }
  .product--table .add-product--form {
    width: 25%;
  }
  .product--table .aggregation--list {
    float: right;
    padding-right: 10.5%;
  }
  .product--table .table--aggregation {
    width: 45%;
  }
}
@media screen and (min-width: 78.75em) {
  .is--ctl-checkout .basket--info-messages {
    margin: 45px 0px 0px 0px;
    margin: 2.8125rem 0rem 0rem 0rem;
  }
  .is--act-shippingpayment .product--table {
    margin-top: 25px;
    margin-top: 1.5625rem;
  }
  .product--table {
    margin-top: 45px;
    margin-top: 2.8125rem;
  }
  .product--table .column--actions {
    width: 4%;
  }
  .product--table .table--header .column--product {
    width: 55%;
  }
  .product--table .column--product {
    width: 55%;
  }
  .product--table .column--product .column--image {
    width: 14%;
  }
  .product--table .column--product .table--content {
    width: 86%;
  }
  .product--table .row--rebate .column--actions,
  .product--table .row--premium-product .column--actions,
  .product--table .row--voucher .column--actions {
    padding-top: 21px;
    padding-top: 1.3125rem;
  }
  .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%;
  }
}
/*
Checkout finish
==========================================
Contains the styles for the finish page.

It is displayed after the Shopware checkout process is finished and contains the important order information, the users information and option to print the order confirmation.
*/
.is--act-finish .content-main {
  margin-top: 20px;
  margin-top: 1.25rem;
}
.finish--content {
  padding-top: 10px;
  padding-top: 0.625rem;
}
.finish--content .information--panel-item {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.finish--content .information--panel-item:after {
  content: "";
  display: table;
  clear: both;
}
.finish--content .information--panel-item .panel--body:after {
  content: "";
  display: table;
  clear: both;
}
.finish--content .information--panel-item.information--panel-address .shipping--panel {
  text-align: center;
}
.finish--content .product--table {
  margin-top: 0;
}
.finish--teaser {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
}
.teaser--btn-back {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
}
.teaser--btn-print,
.teaser--btn-back {
  text-align: center;
  width: 100%;
}
.teaser--btn-print *[class^="icon--"],
.teaser--btn-back *[class^="icon--"] {
  margin: 4px 0px 0px 0px;
  margin: 0.25rem 0rem 0rem 0rem;
  float: left;
}
.finish--table .panel--body {
  border: 1px solid #dadae5;
}
.finish--table .table--tr {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
}
.finish--table .column--quantity,
.finish--table .column--total-price {
  padding-right: 0;
}
.finish--table .table--aggregation {
  display: none;
}
.finish--table .aggregation--list {
  margin: 0;
  border-bottom: 0 none;
}
.finish--table .basket--footer {
  border-top: 1px solid #dadae5;
}
.finish--table .is--last-row {
  border-bottom: 0 none;
}
@media screen and (min-width: 30em) {
  .finish--table .table--tr .column--quantity {
    margin-left: 42.3%;
  }
  .finish--table .table--tr .column--quantity .column--label {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    text-align: right;
  }
}
@media screen and (min-width: 48em) {
  .teaser--btn-print {
    text-align: left;
    width: auto;
  }
  .is--act-finish .content-main {
    margin-top: 40px;
    margin-top: 2.5rem;
  }
  .finish--content {
    padding-top: 20px;
    padding-top: 1.25rem;
  }
  .finish--content .information--panel-wrapper {
    margin: -2% 0 0 -2%;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  .finish--content .information--panel-wrapper .information--panel-item.information--panel-item-billing {
    width: 50%;
  }
  .finish--content .information--panel-wrapper .information--panel-item.information--panel-item-billing .panel {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .finish--content .information--panel-wrapper .information--panel-item.information--panel-item-shipping {
    padding-left: 0;
    width: 50%;
  }
  .finish--content .information--panel-wrapper .information--panel-item.information--panel-item-shipping .panel {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .finish--content .information--panel-wrapper .information--panel {
    margin: 0;
  }
  .finish--content .information--panel-wrapper .information--panel-item {
    padding: 2% 0 0 2%;
    width: 100%;
    float: left;
    margin-bottom: 0;
  }
  .finish--content .information--panel-address .panel--body:after {
    content: "";
    display: table;
    clear: both;
  }
  .finish--content .information--panel-address .panel--body .billing--panel {
    float: left;
    width: 50%;
  }
  .finish--content .information--panel-address .panel--body .shipping--panel {
    float: right;
    width: 50%;
  }
  .teaser--btn-back {
    margin: 0px 20px 0px 0px;
    margin: 0rem 1.25rem 0rem 0rem;
    width: auto;
  }
  .finish--table {
    margin: 20px 0px 0px 0px;
    margin: 1.25rem 0rem 0rem 0rem;
  }
  .finish--table .table--header .panel--th {
    padding-right: 0;
  }
  .finish--table .panel--body {
    padding: 20px 20px 20px 20px;
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  }
  .finish--table .column--total-price {
    width: 37%;
  }
  .finish--table .table--tr {
    padding: 0;
  }
  .finish--table .table--tr:last-child {
    border: 0 none;
  }
  .finish--table .table--tr .column--quantity {
    line-height: 42px;
    line-height: 2.625rem;
    margin: 0;
  }
  .finish--table .row--rebate .column--total-price,
  .finish--table .row--premium-product .column--total-price {
    width: 22.5%;
  }
  .finish--table .row--voucher .column--total-price {
    margin-left: 0;
    width: 48%;
  }
  .finish--table .table--aggregation {
    display: block;
    width: 50%;
  }
  .finish--table .aggregation--list {
    padding: 20px 20px 20px 20px;
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  }
}
@media screen and (min-width: 64em) {
  .finish--content .information--panel-wrapper {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  .finish--content .information--panel-wrapper .information--panel-item {
    width: 33.3%;
  }
  .finish--content .information--panel-wrapper .information--panel-item.information--panel-item-billing,
  .finish--content .information--panel-wrapper .information--panel-item.information--panel-item-shipping {
    width: 33.3%;
  }
  .finish--content .information--panel-wrapper .information--panel-item.information--panel-address {
    width: 66.6%;
  }
  .finish--content .information--panel-wrapper .information--panel-item-billing .panel {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .finish--content .information--panel-wrapper .information--panel-item-shipping {
    padding-left: 0;
  }
  .finish--content .information--panel-wrapper .information--panel-item-shipping .panel {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 78.75em) {
  .finish--content {
    padding-top: 45px;
    padding-top: 2.8125rem;
  }
  .finish--content .column--total-price {
    width: 34%;
  }
  .finish--content .finish--table .table--header .column--product {
    width: 55%;
  }
  .finish--content .finish--table .row--premium-product .column--total-price,
  .finish--content .finish--table .row--rebate .column--total-price {
    width: 19.5%;
  }
  .finish--content .finish--table .row--voucher .column--total-price {
    width: 45%;
  }
}
@media print {
  body {
    width: auto;
    height: auto;
    overflow: auto;
    background: #ffffff;
  }
  .container {
    max-width: none;
  }
  .is--act-finish .content-main {
    margin-top: 0;
  }
  .finish--teaser,
  .navigation-main,
  .footer--columns,
  .shop--navigation,
  .top-bar,
  .btn--back-top-shop,
  .header-main .container--ajax-cart {
    display: none;
  }
  .is--ctl-checkout.is--minimal-header .header-main,
  .header-main {
    border-bottom: none;
    margin: 0;
    padding: 0;
  }
  .content-main {
    margin-bottom: 0;
  }
  .finish--table {
    clear: both;
  }
  .finish--table .table--tr {
    page-break-inside: avoid;
  }
  .finish--table .table--content {
    width: 85%;
  }
  .finish--table .column--product .column--image {
    width: 15%;
  }
  .finish--table .column--label.quantity--label {
    margin: 0;
  }
  .finish--table .column--product {
    width: 100%;
  }
  .finish--table .column--product:after {
    content: "";
    display: table;
    clear: both;
  }
  .finish--table .column--total-price,
  .finish--table .column--quantity {
    margin-left: 70%;
    width: 30%;
  }
  .footer-minimal .footer--service-menu,
  .footer-main .footer--service-menu,
  .footer-minimal .footer--copyright,
  .footer-main .footer--copyright,
  .footer-minimal .footer--logo,
  .footer-main .footer--logo {
    display: none;
  }
  .footer-minimal .vat-info--text,
  .footer-main .vat-info--text {
    font-size: 9px;
    font-size: 0.5625rem;
  }
  .footer-minimal a,
  .footer-main a {
    color: #5f7285;
  }
}
/*
Account
================================================
Defines the styles for the Shopware 5 user account page.

The my-account page displays a dashboard that shows an overview of the user information, payment methods, billing and shipping information inside panel elements.

It allows the user to directly see and change the important information of their account.
*/
.account--content {
  margin: 10px 0px 0px 0px;
  margin: 0.625rem 0rem 0rem 0rem;
}
.partner-statistic .panel--title {
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}
.account--content:after,
.payment_logo_debit:after,
.account-address--container:after,
.account-info--container:after {
  content: "";
  display: table;
  clear: both;
}
.account--logout .logout--headline {
  font-size: 24px;
  font-size: 1.5rem;
  margin: 10px 0px 20px 0px;
  margin: 0.625rem 0rem 1.25rem 0rem;
}
.account--logout .logout--actions {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.account--logout .logout-back-to-shop {
  display: block;
}
.account--menu .link--logout {
  font-weight: 700;
  color: #b61934;
}
.account--menu .navigation--logout-personalized {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.account--box {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
}
.account--password input[type="text"],
.account--email input[type="text"],
.account--password input[type="password"],
.account--email input[type="password"],
.account--password input[type="email"],
.account--email input[type="email"] {
  width: 100%;
}
.account--welcome {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.account--welcome .panel--body {
  padding: 0;
}
.account--welcome .panel--title {
  padding: 20px 0px 20px 0px;
  padding: 1.25rem 0rem 1.25rem 0rem;
  margin: 0;
}
.account--welcome .panel--actions {
  padding: 0;
}
.account--error,
.account--success {
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
}
.register--error-msg {
  color: #e74c3c;
}
.account--actions {
  margin: 0px 20px 20px 16px;
  margin: 0rem 1.25rem 1.25rem 1rem;
}
.account--actions:after {
  content: "";
  display: table;
  clear: both;
}
.account--change-payment.register--content {
  display: block;
  width: 100%;
}
.account--newsletter fieldset {
  border: 0;
  padding: 0;
}
.account--newsletter fieldset input[type="checkbox"] {
  margin: 0px 10px 0px 0px;
  margin: 0rem 0.625rem 0rem 0rem;
}
.account--paging {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  display: block;
  background: #ffffff;
}
.account--paging:after {
  content: "";
  display: table;
  clear: both;
}
.account--paging .paging--display {
  float: right;
}
.account--orders-overview {
  border: 1px solid #dadae5;
}
.account--orders-overview p {
  font-size: 14px;
  font-size: 0.875rem;
}
.account--orders-overview .orders--table-header {
  display: none;
  background: #ffffff;
}
.account--orders-overview .orders--table-header .panel--th {
  color: #3f4c58;
}
.account--orders-overview .panel--tr {
  padding: 10px 0px 10px 0px;
  padding: 0.625rem 0rem 0.625rem 0rem;
}
.account--orders-overview .panel--td {
  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 .column--info-labels,
.account--orders-overview .column--info-data {
  width: 50%;
  float: left;
  text-align: left;
}
.account--orders-overview .column--info-data {
  padding: 5px 10px 0px 0px;
  padding: 0.3125rem 0.625rem 0rem 0rem;
}
.account--orders-overview .column--summary-labels,
.account--orders-overview .column--summary-data {
  width: 50%;
  float: left;
  text-align: left;
}
.account--orders-overview .column--summary-data {
  padding: 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: 700;
}
.is--act-partnerStatistic .content-main--inner {
  padding: 0px 0px 16px 0px;
  padding: 0rem 0rem 1rem 0rem;
}
.is--act-partnerStatistic .account--welcome {
  padding: 0px 0px 0px 10px;
  padding: 0rem 0rem 0rem 0.625rem;
}
.is--act-partnerStatistic .listing--actions {
  padding: 10px 18px 24px 18px;
  padding: 0.625rem 1.125rem 1.5rem 1.125rem;
  border-bottom: 1px solid #dadae5;
}
.is--act-partnerStatistic .date-filter {
  font-size: 14px;
  font-size: 0.875rem;
  height: 50px;
  height: 3.125rem;
  display: block;
  width: 100%;
}
.is--act-partnerStatistic .date-filter--label {
  padding: 9px 0px 10px 0px;
  padding: 0.5625rem 0rem 0.625rem 0rem;
  width: 40px;
  width: 2.5rem;
  display: block;
  float: left;
}
.is--act-partnerStatistic .date-filter--input {
  margin: 0px 0px 0px 40px;
  margin: 0rem 0rem 0rem 2.5rem;
  width: auto;
}
.is--act-partnerStatistic .datepicker {
  padding-right: 35px;
  padding-right: 2.1875rem;
  width: 100%;
  float: left;
}
.is--act-partnerStatistic .ui-datepicker-trigger {
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  margin: 10px 0px 0px -30px;
  margin: 0.625rem 0rem 0rem -1.875rem;
  display: inline;
  border: 0;
  background: transparent;
  text-align: center;
  color: #5f7285;
  padding: 0;
}
.is--act-partnerStatistic .btn--filter {
  width: 100%;
  text-align: center;
  margin: 0;
}
.is--act-partnerStatistic .chart--holder {
  display: none;
}
.is--act-partnerStatistic .panel--th,
.is--act-partnerStatistic .panel--td {
  padding: 8px 10px 7px 10px;
  padding: 0.5rem 0.625rem 0.4375rem 0.625rem;
  width: 25%;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.is--act-partnerStatistic .panel--th:first-child,
.is--act-partnerStatistic .panel--td:first-child {
  text-align: left;
}
.is--act-partnerStatistic .panel--th {
  padding: 3px 10px 2px 10px;
  padding: 0.1875rem 0.625rem 0.125rem 0.625rem;
  font-size: 12px;
  font-size: 0.75rem;
  color: #5f7285;
}
.is--act-partnerStatistic .is--odd {
  padding: 0px 0px 9px 0px;
  padding: 0rem 0rem 0.5625rem 0rem;
  border-bottom: 1px solid #dadae5;
}
.is--act-partnerStatistic .is--odd .column--price,
.is--act-partnerStatistic .is--odd .column--total {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  width: 100%;
}
.is--act-partnerStatistic .column--label {
  text-align: left;
}
.is--act-partnerStatistic .column--value {
  text-align: right;
}
.is--act-partnerStatistic .column--label,
.is--act-partnerStatistic .column--value {
  width: 50%;
  float: left;
}
.is--act-partnerStatistic .column--item-sum .column--label {
  display: block !important;
}
.order--status-icon {
  width: 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: #008a39;
}
.order--status-icon.status--4,
.order--status-icon.status--8 {
  background: #e74c3c;
}
.order--name {
  color: #3f4c58;
}
.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 #dadae5;
}
.account--downloads p {
  font-size: 14px;
  font-size: 0.875rem;
}
.account--downloads .downloads--table-header {
  display: none;
}
.account--downloads .panel--tr {
  padding: 10px 0px 10px 0px;
  padding: 0.625rem 0rem 0.625rem 0rem;
}
.account--downloads .panel--td {
  padding: 5px 10px 5px 10px;
  padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
  display: block;
  float: none;
}
.account--downloads .panel--td:after {
  content: "";
  display: table;
  clear: both;
}
.account--password-reset {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.account--password-reset p {
  margin: 0;
}
.account--password-reset .password-reset--input {
  margin: 0px 0px 30px 0px;
  margin: 0rem 0rem 1.875rem 0rem;
  width: 100%;
}
.account--password-reset .password-reset--link {
  width: 100%;
  margin: 0;
}
.account--password-reset .password-reset--link:first-child {
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
}
.account--password-new {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.account--password-new .password-new--input {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  width: 100%;
}
.account--password-new .password-new--helptext {
  margin-bottom: 0;
}
.account--password-new .password-new--submit {
  display: block;
  width: 100%;
}
.account--profile {
  margin: 0px;
  margin: 0rem;
  padding-top: 30px;
  padding-top: 1.875rem;
}
.account--profile .profile--email-password-container:after {
  content: "";
  display: table;
  clear: both;
}
.account--profile .profile-password--container {
  float: right;
  width: 100%;
}
.account--profile .profile-email--container {
  float: left;
  width: 100%;
}
.account--profile .alert {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.account--profile .js--loading {
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
  border-radius: 100%;
  background-clip: padding-box;
  margin: 0px 0px 0px 5px;
  margin: 0rem 0rem 0rem 0.3125rem;
  top: 4px;
  top: 0.25rem;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  border: 2px solid #dadae5;
  border-top: 2px solid #4f4f71;
  display: inline-block;
  position: relative;
}
.account--profile .panel {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.account--profile .required-info {
  font-size: 14px;
  font-size: 0.875rem;
}
.account--profile .select-field {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  max-width: 100%;
}
.account--profile .profile--field {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  width: 100%;
}
.account--profile .profile--zip-city .profile--field-zipcode {
  width: 28%;
  float: left;
}
.account--profile .profile--zip-city .profile--field-city {
  width: 70%;
  float: left;
}
.account--profile .profile--zip-city .profile--field-city:after {
  content: "";
  display: table;
  clear: both;
}
.account--profile .birthday--label {
  margin: 0px 0px 5px 0px;
  margin: 0rem 0rem 0.3125rem 0rem;
  display: block;
  font-weight: 700;
}
.account--profile .profile--birthdate:after {
  content: "";
  display: table;
  clear: both;
}
.account--profile .profile--birthdate .select-field {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  max-width: 100%;
  float: left;
}
.account--profile .profile--birthdate .profile--birthyear,
.account--profile .profile--birthdate .profile--birthyear.select-field {
  margin-right: 0px;
  margin-right: 0rem;
}
@media screen and (max-width: 48em) {
  .column--info-wrapper:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media screen and (min-width: 30em) {
  .account--password-reset {
    margin-top: 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--password-new .password-new--submit {
    display: inline-block;
    width: auto;
  }
  .account--logout .logout-back-to-shop {
    display: inline-block;
  }
}
@media screen and (min-width: 48em) {
  .account--content {
    margin: 30px 0px 0px 0px;
    margin: 1.875rem 0rem 0rem 0rem;
  }
  .account--content.is--wide {
    width: 100%;
  }
  .account--password-reset {
    margin: 20px 0px 0px 0px;
    margin: 1.25rem 0rem 0rem 0rem;
  }
  .account--password-new {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .account--password-new .password-new--input {
    width: 320px;
    width: 20rem;
  }
  .account--menu {
    border: 1px solid #dadae5;
  }
  .account--menu .navigation--headline {
    padding: 20px 0px 0px 0px;
    padding: 1.25rem 0rem 0rem 0rem;
    margin: 0px 20px 0px 20px;
    margin: 0rem 1.25rem 0rem 1.25rem;
    font-size: 16px;
    font-size: 1rem;
    display: block;
    font-weight: 700;
    color: #3f4c58;
    padding: 20px 0px 10px 0px;
    padding: 1.25rem 0rem 0.625rem 0rem;
    text-decoration: none !important;
    border-bottom: 1px solid #dadae5;
  }
  .account--menu .navigation--headline.is--underline {
    padding: 20px 0px 10px 0px;
    padding: 1.25rem 0rem 0.625rem 0rem;
    border-bottom: 1px solid #dadae5;
    text-decoration: none !important;
  }
  .account--menu .navigation--headline.is--secondary {
    color: #5f7285;
  }
  .account--menu .navigation--headline.is--primary {
    color: #b61934;
  }
  .account--menu .account--menu-container {
    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: block;
    position: relative;
    padding: 10px 20px 10px 20px;
    padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  }
  .account--menu .account--menu-container.has--border {
    border: 1px solid #dadae5;
  }
  .account--menu .account--menu-container.is--slim {
    padding: 5px 5px 5px 5px;
    padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
  }
  .account--menu .account--menu-container.is--wide {
    padding: 20px 20px 20px 20px;
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  }
  .account--menu .account--menu-container.is--flat {
    background: #f5f5f8;
  }
  .account--menu .account--menu-container.is--embossed {
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
    background: #f5f5f8;
  }
  .account--menu .navigation--list {
    padding: 0;
    border: 0 none;
  }
  .account--menu .navigation--entry {
    margin: 0;
    border: 0 none;
  }
  .account--menu .navigation--link {
    padding: 5px 0px 5px 0px;
    padding: 0.3125rem 0rem 0.3125rem 0rem;
  }
  .account--menu .navigation--link.link--logout {
    margin: 10px 0px 0px 0px;
    margin: 0.625rem 0rem 0rem 0rem;
    padding: 10px 0px 0px 0px;
    padding: 0.625rem 0rem 0rem 0rem;
    border-top: 1px solid #dadae5;
    font-weight: 700;
    color: #b61934;
  }
  .account--menu .navigation--link.link--logout [class^="icon--"] {
    margin: 0px 5px 0px 0px;
    margin: 0rem 0.3125rem 0rem 0rem;
    display: inline-block;
  }
  .account--welcome .panel--title {
    font-size: 26px;
    font-size: 1.625rem;
  }
  .account--orders-overview .orders--table-header {
    display: block;
  }
  .account--orders-overview .panel--tr {
    padding: 0;
    border-width: 0 0 1px 0;
  }
  .account--orders-overview .panel--tr.order--repeat {
    padding: 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;
  }
  .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 {
    display: block !important;
    background: #ffffff;
  }
  .account--downloads .downloads--table-header .panel--th {
    color: #3f4c58;
  }
  .account--downloads .panel--tr {
    padding: 0;
    border-width: 0 0 1px 0;
  }
  .account--downloads .panel--td {
    padding: 10px 10px 10px 10px;
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
    display: inline-block;
    float: left;
  }
  .account--downloads .column--date,
  .account--downloads .column--actions {
    width: 20%;
  }
  .account--downloads .column--info {
    width: 60%;
  }
  .column--label {
    display: none;
  }
  .column--date,
  .column--id,
  .column--dispatch {
    width: 20%;
  }
  .column--status {
    width: 25%;
  }
  .column--actions {
    width: 15%;
  }
  .column--name {
    width: 50%;
  }
  .column--quantity {
    width: 10%;
  }
  .column--price {
    width: 20%;
  }
  .column--total {
    width: 20%;
  }
  .column--info-labels {
    width: 20%;
  }
  .column--info-data {
    width: 40%;
  }
  .column--summary {
    width: 20%;
  }
  .account--password-reset .password-reset--input {
    width: 320px;
    width: 20rem;
  }
  .account--error,
  .account--success {
    margin: 0px 0px 20px 0px;
    margin: 0rem 0rem 1.25rem 0rem;
  }
  .is--act-partnerStatistic .content-main--inner {
    padding: 0px 20px 16px 20px;
    padding: 0rem 1.25rem 1rem 1.25rem;
  }
  .is--act-partnerStatistic .account--welcome {
    padding: 0px 0px 0px 0px;
    padding: 0rem 0rem 0rem 0rem;
  }
  .is--act-partnerStatistic .listing--actions {
    padding: 10px 10px 10px 10px;
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
    border-radius: 3px;
    background-clip: padding-box;
    border: 1px solid #dadae5;
    background: #f8f8fa;
  }
  .is--act-partnerStatistic .date-filter {
    padding: 0px 10px 0px 10px;
    padding: 0rem 0.625rem 0rem 0.625rem;
    width: 40%;
    float: left;
    height: auto;
  }
  .is--act-partnerStatistic .date-filter--label {
    width: 10%;
  }
  .is--act-partnerStatistic .btn--filter {
    width: 20%;
    float: left;
    height: 40px;
  }
  .is--act-partnerStatistic .chart--holder {
    text-align: center !important;
    display: block !important;
    width: 100%;
  }
  .is--act-partnerStatistic .panel--th,
  .is--act-partnerStatistic .panel--td {
    padding: 10px 10px 10px 10px;
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  }
  .is--act-partnerStatistic .column--item-sum {
    width: 75% !important;
  }
  .is--act-partnerStatistic .column--item-sum .column--label,
  .is--act-partnerStatistic .column--item-sum .column--value {
    float: left;
    width: 50%;
  }
  .is--act-partnerStatistic .is--odd {
    border: 0;
    padding: 0;
  }
  .is--act-partnerStatistic .is--odd .column--total {
    width: 25%;
    float: left !important;
  }
  .is--act-partnerStatistic .is--odd .column--total .column--value {
    width: 100%;
  }
  .account--profile {
    margin: 0px;
    margin: 0rem;
  }
  .account--profile .select-field {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
  .account--profile .profile--field {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
  .account--profile .select-field {
    max-width: 290px;
    max-width: 18.125rem;
  }
  .account--profile .profile--birthdate .select-field {
    width: 32%;
    margin-right: 2%;
  }
}
@media screen and (min-width: 64em) {
  .account--info,
  .account--billing {
    width: 49%;
    float: left;
  }
  .account--payment,
  .account--shipping {
    width: 49%;
    float: right;
  }
  .account--email,
  .account--password,
  .account--userdata {
    display: none;
  }
  .account--email,
  .account--password,
  .account--userdata,
  .account--newsletter {
    clear: both;
  }
  .account--password-reset {
    margin: 20px 0px 0px 0px;
    margin: 1.25rem 0rem 0rem 0rem;
  }
  .account--info .panel--body,
  .account--payment .panel--body {
    height: 120px;
    height: 7.5rem;
  }
  .account--profile .profile-password--container {
    float: right;
    width: 49%;
  }
  .account--profile .profile-email--container {
    float: left;
    width: 49%;
    margin-right: 2%;
  }
}
@media screen and (min-width: 78.75em) {
  .is--act-partnerStatistic .content-main--inner {
    padding: 0px 45px 45px 45px;
    padding: 0rem 2.8125rem 2.8125rem 2.8125rem;
  }
  .account--profile {
    padding-top: 45px;
    padding-top: 2.8125rem;
  }
  .account--content {
    margin: 45px 0px 0px 0px;
    margin: 2.8125rem 0rem 0rem 0rem;
  }
  .account--password-reset {
    margin: 45px 0px 0px 0px;
    margin: 2.8125rem 0rem 0rem 0rem;
  }
  .account--password-new {
    margin-top: 45px;
    margin-top: 2.8125rem;
  }
  .account--error,
  .account--success {
    margin: 0px 0px 20px 0px;
    margin: 0rem 0rem 1.25rem 0rem;
  }
}
.partner-statistic .account--welcome {
  margin-bottom: 0;
}
.partner-statistic .partner-statistic-body {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
}
.partner-statistic .date-filter {
  display: inline-block;
}
.partner-statistic .date-filter--input {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
}
.partner-statistic .ui-datepicker-trigger {
  padding: 2px 10px 2px 10px;
  padding: 0.125rem 0.625rem 0.125rem 0.625rem;
  line-height: 32px;
  line-height: 2rem;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8fa 100%);
  -webkit-font-smoothing: inherit;
  display: inline-block;
  position: relative;
  font-weight: 700;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  border: 1px solid #dadae5;
  color: #5f7285;
  /** Button icon font size */
  /** Larger icon */
  /*
######Icon alignment

To work properly the button needs the class `is--icon-left` or `is--icon-right` and an `icon` inside it.
```
<button class="btn is--icon-left">
    <i class="icon--account"></i>
    Icon left
</button>

<button class="btn is--icon-right">
    <i class="icon--account"></i>
    Icon right
</button>
```
*/
  /*
######Button size class
Adding a button-size class creates a larger or smaller button or changes the button properies.

Options: `is--large`, `is--small`, `is--full`, `is--center`
```
<button class="btn is--large">
    Large button
</button>

<button class="btn is--small">
    Small button
</button>
```
*/
  /** State: Small button */
  /** State: Medium button */
  /** State: Large button */
  /** State: Button with 100% width */
  /** State: Button with text align center */
  border-radius: 0 !important;
  font-weight: 600;
  background-image: none;
  padding: 10px 10px 9px 10px;
  padding: 0.625rem 0.625rem 0.5625rem 0.625rem;
  margin: 0px 25px 0px 0px;
  margin: 0rem 1.5625rem 0rem 0rem;
  line-height: 20px;
  line-height: 1.25rem;
}
.partner-statistic .ui-datepicker-trigger [class^="icon--"] {
  font-size: 10px;
  font-size: 0.625rem;
}
.partner-statistic .ui-datepicker-trigger .is--large {
  font-size: 16px;
  font-size: 1rem;
}
.partner-statistic .ui-datepicker-trigger.is--icon-right {
  padding-right: 36px;
  padding-right: 2.25rem;
}
.partner-statistic .ui-datepicker-trigger.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: 0.75rem;
  font-weight: 500;
  display: block;
  position: absolute;
  top: 50%;
}
.partner-statistic .ui-datepicker-trigger.is--icon-left {
  padding-left: 36px;
  padding-left: 2.25rem;
}
.partner-statistic .ui-datepicker-trigger.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: 0.75rem;
  font-weight: 500;
  display: block;
  position: absolute;
  top: 50%;
}
.partner-statistic .ui-datepicker-trigger:disabled,
.partner-statistic .ui-datepicker-trigger:disabled:hover,
.partner-statistic .ui-datepicker-trigger.is--disabled,
.partner-statistic .ui-datepicker-trigger.is--disabled:hover {
  opacity: 0.5;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8fa 100%);
  border: 1px solid #dadae5;
  color: #5f7285;
  cursor: not-allowed;
}
.partner-statistic .ui-datepicker-trigger:hover {
  background: #ffffff;
  color: #b61934;
  border-color: #b61934;
}
.partner-statistic .ui-datepicker-trigger:focus {
  outline: none;
}
.partner-statistic .ui-datepicker-trigger.is--small {
  line-height: 28px;
  line-height: 1.75rem;
}
.partner-statistic .ui-datepicker-trigger.is--medium {
  line-height: 32px;
  line-height: 2rem;
  height: 38px;
  height: 2.375rem;
}
.partner-statistic .ui-datepicker-trigger.is--large {
  line-height: 36px;
  line-height: 2.25rem;
  height: 42px;
  height: 2.625rem;
}
.partner-statistic .ui-datepicker-trigger.is--full {
  display: block;
}
.partner-statistic .ui-datepicker-trigger.is--center {
  text-align: center;
}
.partner-statistic .ui-datepicker-trigger.ost-stores--stock-button {
  color: #666666;
  border-color: #666666;
}
/*
Note
==============================================
Contains the styling of the note page inside Shopware 5.

The users can add an article to their note list if they are interested in the product and the product will be saved inside the list if the user is logged in inside their account.

The articles are displayed inside a slim product box with an article thumbnail and the general item information.

The styling also contains the viewport specific styles inside media queries.
*/
.note--content {
  margin: 20px 0px 20px 0px;
  margin: 1.25rem 0rem 1.25rem 0rem;
}
.note--overview .panel--td {
  padding: 0;
}
.note--item {
  padding: 20px 0px 20px 0px;
  padding: 1.25rem 0rem 1.25rem 0rem;
  position: relative;
}
.note--info,
.note--sale {
  width: 80%;
}
.note--image-container {
  width: 75px;
  width: 4.6875rem;
  margin: 0px 20px 20px 0px;
  margin: 0rem 1.25rem 1.25rem 0rem;
  display: table-row;
  float: left;
}
.note--image-link {
  width: 75px;
  width: 4.6875rem;
  height: 75px;
  height: 4.6875rem;
  padding: 5px 5px 5px 5px;
  padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
  line-height: 65px;
  line-height: 4.0625rem;
  border-radius: 3px;
  background-clip: padding-box;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #dadae5;
}
.note--image {
  max-width: 65px;
  max-width: 4.0625rem;
  max-height: 65px;
  max-height: 4.0625rem;
  margin: 0 auto;
}
.note--title {
  margin: 0px 0px 5px 95px;
  margin: 0rem 0rem 0.3125rem 5.9375rem;
  font-size: 18px;
  font-size: 1.125rem;
  display: block;
  font-weight: 700;
  color: #3f4c58;
}
.note--title:hover {
  color: #b61934;
}
.note--rating {
  margin: 0px 0px 10px 95px;
  margin: 0rem 0rem 0.625rem 5.9375rem;
}
.note--rating [class^="icon--"] {
  color: #f1c40f;
}
.note--supplier {
  display: none;
}
.note--ordernumber,
.note--date,
.note--overview .product--rating {
  margin: 0px 0px 0px 95px;
  margin: 0rem 0rem 0rem 5.9375rem;
  display: block;
}
.note--delivery {
  margin: 0px 0px 0px 95px;
  margin: 0rem 0rem 0rem 5.9375rem;
}
.note--delivery .delivery--status-icon {
  display: none;
}
.note--delivery .delivery--text-available {
  display: block;
}
.note--compare {
  margin: 10px 0px 0px 95px;
  margin: 0.625rem 0rem 0rem 5.9375rem;
  display: none;
}
.note--compare .compare--link {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  color: #5f7285;
}
.note--compare .compare--link:hover {
  color: #b61934;
}
.note--compare [class^="icon--"] {
  margin: 0px 5px 0px 0px;
  margin: 0rem 0.3125rem 0rem 0rem;
  font-size: 12px;
  font-size: 0.75rem;
}
.note--price-unit {
  margin: 5px 0px 0px 95px;
  margin: 0.3125rem 0rem 0rem 5.9375rem;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  display: block;
}
.note--price {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 15px 0px 0px 95px;
  margin: 0.9375rem 0rem 0rem 5.9375rem;
  color: #3f4c58;
  font-weight: 700;
}
.note--delete {
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 38px;
  line-height: 2.375rem;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8fa 100%);
  border-radius: 3px;
  background-clip: padding-box;
  top: 20px;
  top: 1.25rem;
  right: 0;
  left: auto;
  display: block;
  position: absolute;
  border: 1px solid #dadae5;
  text-align: center;
  font-weight: 500;
  color: #5f7285;
}
.note--delete:hover {
  color: #b61934;
  border-color: #b61934;
}
@media screen and (min-width: 48em) {
  .note--overview .panel--table {
    padding: 0px 20px 0px 20px;
    padding: 0rem 1.25rem 0rem 1.25rem;
    border: 1px solid #dadae5;
  }
  .note--compare {
    display: block;
  }
}
@media screen and (min-width: 64em) {
  .note--info {
    padding-right: 20px;
    padding-right: 1.25rem;
    width: 70%;
  }
  .note--sale {
    padding-right: 55px;
    padding-right: 3.4375rem;
    width: 30%;
  }
  .note--zoom {
    font-size: 12px;
    font-size: 0.75rem;
    display: block;
    color: #5f7285;
    text-align: center;
  }
  .note--zoom:hover {
    color: #b61934;
  }
  .note--title {
    margin: 0px 0px 5px 105px;
    margin: 0rem 0rem 0.3125rem 6.5625rem;
  }
  .note--supplier,
  .note--ordernumber,
  .note--date,
  .note--overview .product--rating {
    margin: 0px 0px 0px 105px;
    margin: 0rem 0rem 0rem 6.5625rem;
    display: block;
  }
  .note--delivery {
    margin: 0px 0px 0px 105px;
    margin: 0rem 0rem 0rem 6.5625rem;
  }
  .note--compare {
    margin: 5px 0px 0px 0px;
    margin: 0.3125rem 0rem 0rem 0rem;
  }
  .note--price {
    margin: 0;
  }
  .note--price-unit {
    padding-right: 50px;
    padding-right: 3.125rem;
    margin: 5px 0px 0px 0px;
    margin: 0.3125rem 0rem 0rem 0rem;
  }
}
@media screen and (min-width: 78.75em) {
  .note--content {
    margin: 45px 0px 0px 0px;
    margin: 2.8125rem 0rem 0rem 0rem;
  }
}
/*
Forms
==========================================
Defines the general form element styles.

It contains the components as: `capacha`, `description`, `required information` etc.
*/
.forms--content {
  width: 100%;
}
.forms--content .forms--headline {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.forms--content .forms--headline .forms--title {
  margin-top: 0px;
  margin-top: 0rem;
}
.forms--content .forms--headline .forms--text p {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}
.forms--content .alert {
  margin: 30px 0px 0px 0px;
  margin: 1.875rem 0rem 0rem 0rem;
}
.forms--content .forms--field {
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  width: 100%;
}
.forms--content input {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  width: 100%;
}
.forms--content input[type="checkbox"] {
  width: auto;
}
.forms--content textarea {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  width: 100%;
}
.forms--content .field--select {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.forms--content .btn {
  float: right;
}
.forms--content .buttons:after {
  content: "";
  display: table;
  clear: both;
}
.forms--content .strasse {
  margin-right: 2%;
  width: 80%;
  float: left;
}
.forms--content .nr {
  width: 18%;
  float: left;
}
.forms--content .plz {
  margin-right: 2%;
  width: 28%;
  float: left;
}
.forms--content .ort {
  width: 70%;
  float: left;
}
.forms--content .ort:after {
  content: "";
  display: table;
  clear: both;
}
.forms--content .forms--required {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.forms--content .forms--description {
  margin: -8px 0px 10px 0px;
  margin: -0.5rem 0rem 0.625rem 0rem;
  clear: both;
}
.forms--content .forms--captcha strong.captcha--notice {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  display: block;
}
.forms--content .forms--checkbox label {
  top: -2px;
  top: -0.125rem;
  position: relative;
}
.forms--content .forms--checkbox input[type="checkbox"] {
  width: auto;
}
@media screen and (min-width: 48em) {
  .forms--content {
    margin-top: 45px;
    margin-top: 2.8125rem;
  }
  .forms--content input {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
  .forms--content textarea {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
  .forms--content .forms--captcha strong.captcha--notice {
    margin-bottom: 16px;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 78.75em) {
  .forms--content {
    margin-top: 45px;
    margin-top: 2.8125rem;
  }
  .forms--content .alert {
    margin: 0px 0px 0px 0px;
    margin: 0rem 0rem 0rem 0rem;
  }
}
/*
Sitemap
==========================================
Contains the styles for the the Sitemap.

The sitemap page shows all categories and subpages of the shop in an overview.

The sitemap link is located in the footer information column.
*/
.sitemap--content {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.sitemap--content .sitemap--headline {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.sitemap--content .sitemap--headline .sitemap--title {
  margin-top: 0;
}
.sitemap--content .sitemap--headline .sitemap--headline-text {
  margin-bottom: 0px;
  margin-bottom: 0rem;
}
.sitemap--content .sitemap--category {
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  min-height: 60px;
  min-height: 3.75rem;
  background-color: #f8f8fa;
}
.sitemap--content .sitemap--category .sitemap--navigation-link {
  padding: 4px 0px 4px 20px;
  padding: 0.25rem 0rem 0.25rem 1.25rem;
  color: #5f7285;
  display: block;
}
.sitemap--content .sitemap--category .sitemap--navigation-link:hover {
  color: #b61934;
}
.sitemap--content .sitemap--navigation-entry-inner .sitemap--navigation-link {
  padding-left: 35px;
  padding-left: 2.1875rem;
}
.sitemap--content .sitemap--navigation-head {
  padding: 4px 10px 4px 10px;
  padding: 0.25rem 0.625rem 0.25rem 0.625rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  background: #5f7285;
}
.sitemap--content .sitemap--navigation-head .sitemap--navigation-head-link {
  color: #fff;
}
@media screen and (min-width: 48em) {
  .sitemap--content {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .sitemap--content .sitemap--headline {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  .sitemap--content .sitemap--category {
    width: 49%;
    float: left;
    margin-right: 2%;
  }
  .sitemap--content .sitemap--category:last-child,
  .sitemap--content .sitemap--category:nth-child(2) {
    margin-right: 0px;
    margin-right: 0rem;
  }
}
@media screen and (min-width: 64em) {
  .sitemap--content .sitemap--category {
    width: 24%;
    float: left;
    margin-right: 1.25%;
  }
  .sitemap--content .sitemap--category:last-child {
    margin-right: 0px;
    margin-right: 0rem;
  }
  .sitemap--content .sitemap--category:nth-child(2) {
    margin-right: 1.25%;
  }
}
@media screen and (min-width: 78.75em) {
  .sitemap--content {
    margin-top: 45px;
    margin-top: 2.8125rem;
  }
}
/*
Search
==========================================
Contains the styles for the main search-box component of the Shopware storefront.

The styling defines the search result page layout and its components.

It contains the viewport specific styles inside media queries.
*/
.search--content {
  padding: 40px 0px 0px 0px;
  padding: 2.5rem 0rem 0rem 0rem;
}
.search--headline {
  margin: 0px 0px 40px 0px;
  margin: 0rem 0rem 2.5rem 0rem;
  text-align: center;
}
.search--cat-filter {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
}
.search--cat-filter .cat-filter--headline {
  padding: 0px 0px 5px 0px;
  padding: 0rem 0rem 0.3125rem 0rem;
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  border-bottom: 1px solid #dadae5;
}
.search--cat-filter .cat-filter--reset {
  margin: 0px 0px 15px 0px;
  margin: 0rem 0rem 0.9375rem 0rem;
  line-height: 24px;
  line-height: 1.5rem;
  border-color: #b61934;
}
.search--cat-filter .cat-filter--reset [class^="icon--"] {
  top: -1px;
  top: -0.0625rem;
  margin-right: 10px;
  margin-right: 0.625rem;
  font-size: 8px;
  font-size: 0.5rem;
  position: relative;
}
.search--cat-filter .cat-filter--active-path {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
}
.search--cat-filter .cat-filter--label {
  margin: 0px 10px 0px 0px;
  margin: 0rem 0.625rem 0rem 0rem;
  font-weight: 700;
}
.search--cat-filter .cat-filter--path {
  white-space: nowrap;
}
.search--cat-filter .cat-filter--path [class^="icon--"] {
  margin: 0px 20px 0px 20px;
  margin: 0rem 1.25rem 0rem 1.25rem;
  font-size: 10px;
  font-size: 0.625rem;
}
.search--cat-filter .cat-filter--link,
.search--cat-filter .cat-filter--sub-cat {
  color: #5f7285;
}
.search--cat-filter .cat-filter--link:hover,
.search--cat-filter .cat-filter--sub-cat:hover {
  color: #b61934;
}
.search--cat-filter .cat-filter--link .checkbox,
.search--cat-filter .cat-filter--sub-cat .checkbox {
  margin: 0px 5px 0px 0px;
  margin: 0rem 0.3125rem 0rem 0rem;
  top: -1px;
  top: -0.0625rem;
  position: relative;
}
.search--cat-filter .cat-filter--sub-cat {
  width: 180px;
  width: 11.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin: 0px 10px 0px 0px;
  margin: 0rem 0.625rem 0rem 0rem;
  display: block;
}
@media screen and (min-width: 48em) {
  .search--cat-filter {
    margin: 0px 0px 40px 0px;
    margin: 0rem 0rem 2.5rem 0rem;
  }
}
@media screen and (min-width: 78.75em) {
  .search--content {
    padding: 45px 0px 0px 0px;
    padding: 2.8125rem 0rem 0rem 0rem;
  }
}
/*
Custom pages
==============================================
Defines the layout for the custom pages.

The styling defines the basic layout of the Shopware 5 custom pages that can be created and customized for multiple purposes.
*/
.custom-page--content {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.custom-page--content ul,
.custom-page--content ol {
  padding-left: 20px;
  padding-left: 1.25rem;
}
.custom-page--content .custom-page--tab-headline {
  margin-top: 0px;
  margin-top: 0rem;
  font-size: 24px;
  font-size: 1.5rem;
}
.custom-page--content .content--custom.panel--body {
  padding: 20px;
  padding: 1.25rem;
}
.custom-page--content .is--active-parent {
  display: block;
}
.ajax-modal--custom {
  padding: 8px 8px 8px 8px;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}
@media screen and (min-width: 48em) {
  .custom-page--content {
    margin-top: 30px;
    margin-top: 1.875rem;
  }
  .custom-page--content .custom-page--tab-headline {
    margin-top: 10px;
    margin-top: 0.625rem;
  }
  .ajax-modal--custom {
    padding: 10px 10px 10px 10px;
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  }
}
@media screen and (min-width: 78.75em) {
  .ajax-modal--custom {
    padding: 20px 20px 20px 20px;
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  }
  .custom-page--content {
    margin-top: 45px;
    margin-top: 2.8125rem;
  }
}
/*
Confirm
================================
Defines the styles for the confirm page on the checkout process.

It is displayed as the third step of the checkout process of Shopware and shows the important checkout information and article details of the order.

*/
.confirm--content > .alert {
  margin: 8px 0px 0px 0px;
  margin: 0.5rem 0rem 0rem 0rem;
}
.confirm--content .body--revocation {
  font-weight: 700;
}
.confirm--content .panel {
  margin: 8px 0px 8px 0px;
  margin: 0.5rem 0rem 0.5rem 0rem;
  border-radius: 3px;
  background-clip: padding-box;
}
.confirm--content .product--table {
  margin: 0;
}
.confirm--content .product--table .panel--body {
  background: #ffffff;
  color: #5f7285;
  padding-bottom: 0;
}
.confirm--content .product--table .table--tr,
.confirm--content .product--table .table--media img {
  border-color: #dadae5;
}
.confirm--content .product--table .basket--footer {
  margin: 0px -10px 0px -10px;
  margin: 0rem -0.625rem 0rem -0.625rem;
  background: #f8f8fa;
  border-color: #dadae5;
}
.confirm--content .product--table .basket--footer .aggregation--list {
  margin: 0;
  background: transparent;
  border-top: 1px solid #dadae5;
}
.confirm--content .product--table .is--last-row {
  border-bottom: 0 none;
}
.confirm--content .column--unit-price {
  display: none;
}
.confirm--content .table--tr .column--tax-price {
  padding: 0px 0px 9px 10px;
  padding: 0rem 0rem 0.5625rem 0.625rem;
}
.confirm--content .agb_info,
.confirm--content .list--checkbox {
  margin: 0px 0px 21px 0px;
  margin: 0rem 0rem 1.3125rem 0rem;
}
.confirm--content .list--checkbox .column--checkbox {
  width: 10%;
}
.confirm--content .list--checkbox .column--label {
  width: 90%;
}
.confirm--content .add-product--form {
  margin: 12px 0px 12px 0px;
  margin: 0.75rem 0rem 0.75rem 0rem;
}
.confirm--content .add-voucher--form:after,
.confirm--content .add-product--form:after {
  content: "";
  display: table;
  clear: both;
}
.confirm--content .add-product--field,
.confirm--content .add-voucher--field {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  width: 90%;
}
.confirm--content .add-product--button,
.confirm--content .add-voucher--button {
  padding: 5px 0px 5px 0px;
  padding: 0.3125rem 0rem 0.3125rem 0rem;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  width: 10%;
  text-align: center;
}
.confirm--content .user-comment--field {
  width: 100%;
}
.confirm--content .table--actions .main--actions {
  margin: 20px 0px 10px 0px;
  margin: 1.25rem 0rem 0.625rem 0rem;
}
.confirm--content .table--actions .btn {
  width: 100%;
}
.confirm--content .table-footer--country-notice {
  margin: 11px 0px 0px 0px;
  margin: 0.6875rem 0rem 0rem 0rem;
}
.confirm--content .table--aggregation {
  display: none;
}
.confirm--content .js--loading {
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
  border-radius: 100%;
  background-clip: padding-box;
  right: 6px;
  right: 0.375rem;
  top: 2px;
  top: 0.125rem;
  margin: 8px 5px 8px 5px;
  margin: 0.5rem 0.3125rem 0.5rem 0.3125rem;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  border: 2px solid #dadae5;
  border-top: 2px solid #4f4f71;
  display: block;
  position: absolute;
}
.confirm--content .payment--panel .payment--method-info,
.confirm--content .payment--panel .shipping--method-info {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.confirm--content .payment--panel .payment--description,
.confirm--content .payment--panel .shipping--description {
  white-space: nowrap;
}
.confirm--content .information--panel-item:after {
  content: "";
  display: table;
  clear: both;
}
.confirm--content .information--panel-item .panel--body:after {
  content: "";
  display: table;
  clear: both;
}
.confirm--content .information--panel-item .alert {
  margin-bottom: 0;
}
.confirm--content .information--panel-item.information--panel-address .shipping--panel {
  text-align: center;
}
.confirm--content .information--panel-item.information--panel-address .shipping--panel .btn {
  display: none;
}
.confirm--content .set-default {
  margin-top: 15px;
  margin-top: 0.9375rem;
}
.confirm--content .choose-different-address {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  vertical-align: bottom;
}
@media screen and (max-width: 30em) {
  .confirm--content .information--panel-item .information--panel-address .shipping--panel {
    margin-top: 20px;
    margin-top: 1.25rem;
    padding-top: 20px;
    padding-top: 1.25rem;
  }
  .confirm--content .information--panel-item .information--panel-address .shipping--panel .btn {
    text-align: center;
  }
  .confirm--content .information--panel-item .information--panel-address .panel--actions .choose-different-address {
    display: inline-block;
  }
  .confirm--content .information--panel-item .information--panel-address .panel--body {
    padding-bottom: 0;
  }
  .confirm--content .information--panel-item .choose-different-address {
    margin-top: 10px;
    margin-top: 0.625rem;
  }
}
@media screen and (min-width: 30em) {
  .confirm--content .product--table .column--quantity {
    width: 26%;
  }
  .confirm--content .product--table .column--total-price {
    width: 28.5%;
  }
  .confirm--content .product--table .column--tax-price {
    padding-right: 10px;
    padding-right: 0.625rem;
    float: left;
    width: 32%;
  }
  .confirm--content .product--table .row--rebate .column--tax-price,
  .confirm--content .product--table .row--premium-product .column--tax-price,
  .confirm--content .product--table .row--voucher .column--tax-price {
    margin-left: 39.5%;
  }
  .confirm--content .information--panel-address > .panel {
    margin: 0;
  }
  .confirm--content .information--panel-address > .panel .information--panel {
    width: 50%;
    float: left;
  }
}
@media screen and (min-width: 48em) {
  .is--act-shippingpayment .basket--footer {
    border-radius: 3px;
    background-clip: padding-box;
  }
  .confirm--content > .alert {
    margin: 20px 0px 0px 0px;
    margin: 1.25rem 0rem 0rem 0rem;
  }
  .confirm--content .panel {
    margin: 20px 0px 20px 0px;
    margin: 1.25rem 0rem 1.25rem 0rem;
  }
  .confirm--content .product--table .table--header {
    background: #ffffff;
    border-color: #dadae5;
  }
  .confirm--content .product--table .table--header .panel--th {
    color: #3f4c58;
  }
  .confirm--content .product--table .column--product {
    width: 47%;
  }
  .confirm--content .product--table .column--quantity {
    width: 11%;
  }
  .confirm--content .product--table .column--tax-price {
    width: 17%;
  }
  .confirm--content .product--table .column--total-price {
    width: 17%;
  }
  .confirm--content .product--table .column--actions {
    width: 7.5%;
  }
  .confirm--content .product--table .is--last-row {
    border-bottom: 0 none;
  }
  .confirm--content .product--table .row--product .column--tax-price {
    line-height: 42px;
    line-height: 2.625rem;
    padding-top: 26px;
    padding-top: 1.625rem;
  }
  .confirm--content .product--table .panel--body {
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
  }
  .confirm--content .product--table .basket--footer {
    margin: 0px -20px -20px -20px;
    margin: 0rem -1.25rem -1.25rem -1.25rem;
  }
  .confirm--content .product--table .row--rebate .column--tax-price,
  .confirm--content .product--table .row--premium-product .column--tax-price,
  .confirm--content .product--table .row--voucher .column--tax-price {
    padding-top: 21px;
    padding-top: 1.3125rem;
    margin-left: 11%;
  }
  .confirm--content .product--table .row--rebate .column--total-price,
  .confirm--content .product--table .row--premium-product .column--total-price,
  .confirm--content .product--table .row--voucher .column--total-price {
    margin-left: 0;
  }
  .confirm--content .product--table .column--tax-price .tax-price--label {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    margin: 0;
  }
  .confirm--content .row--premium-product .column--product,
  .confirm--content .row--rebate .column--product {
    width: 58%;
  }
  .confirm--content .row--premium-product .column--product .column--image,
  .confirm--content .row--rebate .column--product .column--image {
    width: 16.2%;
  }
  .confirm--content .product--table .row--premium-product .column--tax-price,
  .confirm--content .product--table .row--rebate .column--tax-price {
    margin-left: 0;
  }
  .confirm--content .tos--panel .column--checkbox {
    margin-right: 12px;
    margin-right: 0.75rem;
    width: auto;
  }
  .confirm--content .tos--panel .column--label {
    width: 95%;
    display: block;
  }
  .confirm--content .information--panel-wrapper {
    margin: -2% 0 0 -2%;
  }
  .confirm--content .information--panel-wrapper .information--panel {
    margin: 0;
  }
  .confirm--content .information--panel-wrapper .information--panel-item {
    padding: 2% 0 0 2%;
    width: 100%;
    float: left;
  }
  .confirm--content .additional--features .feature--group {
    width: 40%;
    margin: 0 2.5% 0 0;
  }
  .confirm--content .additional--features .feature--user-comment {
    width: 55%;
    margin: 0 0 0 2.5%;
  }
  .confirm--content .additional--features .user-comment--field {
    height: 95px;
    height: 5.9375rem;
  }
  .confirm--content .product--table .basket--footer .aggregation--list {
    float: right;
    padding-right: 10.4%;
    border-top: 0 none;
  }
  .confirm--content .main--actions .btn {
    width: auto;
    float: right;
  }
  .confirm--content .main--actions .btn:after {
    content: "";
    display: table;
    clear: both;
  }
  .confirm--content .relevant--info {
    display: block;
  }
  .confirm--content .information--panel-wrapper .information--panel-item-billing {
    width: 50%;
  }
  .confirm--content .information--panel-wrapper .information--panel-item-billing .panel {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .confirm--content .information--panel-wrapper .information--panel-item-shipping {
    padding-left: 0;
    width: 50%;
  }
  .confirm--content .information--panel-wrapper .information--panel-item-shipping .panel {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .confirm--content .information--panel-item.information--panel-address .panel--actions .choose-different-address {
    display: none;
  }
  .confirm--content .information--panel-item.information--panel-address .shipping--panel .btn {
    display: inline-block;
  }
  .confirm--content .information--panel-item.information--panel-address .panel--body:after {
    content: "";
    display: table;
    clear: both;
  }
  .confirm--content .information--panel-item.information--panel-address .panel--body .billing--panel {
    float: left;
    width: 50%;
  }
  .confirm--content .information--panel-item.information--panel-address .panel--body .shipping--panel {
    float: right;
    width: 50%;
  }
}
@media screen and (min-width: 64em) {
  .confirm--content .product--table .row--premium-product .column--image,
  .confirm--content .product--table .row--rebate .column--image {
    width: 13%;
  }
  .confirm--content .product--table .aggregation--list {
    padding-right: 10%;
  }
  .confirm--content .information--panel-wrapper .payment--panel .panel--actions {
    position: relative;
  }
  .confirm--content .information--panel-wrapper .payment--panel .btn--change-payment {
    bottom: 20px;
    bottom: 1.25rem;
    position: absolute;
  }
  .confirm--content .information--panel-wrapper .information--panel-item {
    width: 33.3%;
  }
  .confirm--content .information--panel-wrapper .information--panel-item.information--panel-address {
    width: 66.6%;
  }
}
@media screen and (min-width: 78.75em) {
  .confirm--content {
    padding-top: 25px;
    padding-top: 1.5625rem;
  }
  .confirm--content > .alert {
    margin: 45px 0px 0px 0px;
    margin: 2.8125rem 0rem 0rem 0rem;
  }
  .confirm--content .product--table .row--premium-product .column--product,
  .confirm--content .product--table .row--rebate .column--product {
    width: 58%;
  }
  .confirm--content .product--table .row--premium-product .column--image,
  .confirm--content .product--table .row--rebate .column--image {
    width: 11.3%;
  }
  .confirm--content .product--table .row--premium-product .column--tax-price,
  .confirm--content .product--table .row--rebate .column--tax-price {
    margin-left: 0;
  }
  .confirm--content .product--table .aggregation--list {
    padding-right: 9.6%;
  }
}
/*
Newsletter
==========================================
Contains the styles of the newsletter sign-up page and the form element inside it.

It contains the viewport specific styles inside media queries.
*/
.newsletter--content {
  padding-top: 10px;
  padding-top: 0.625rem;
}
.newsletter--content:after {
  content: "";
  display: table;
  clear: both;
}
.newsletter--content .newsletter--error-messages {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.newsletter--content .newsletter--headline {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.newsletter--content .newsletter--headline .newsletter--title {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.newsletter--content .newsletter--headline .newsletter--info {
  margin: 0;
}
.newsletter--content .select-field {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  max-width: 100%;
}
.newsletter--content .newsletter--required-info {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.newsletter--content .newsletter--action:after {
  content: "";
  display: table;
  clear: both;
}
.newsletter-listing--content {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.newsletter-listing--content .newsletter-listing--headline {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.newsletter-listing--content .newsletter--title {
  margin: 10px 0px 10px 0px;
  margin: 0.625rem 0rem 0.625rem 0rem;
}
.newsletter-listing--content .newsletter-listing--table-headline .newsletter-listing--headline-name {
  width: 65%;
}
.newsletter-listing--content .newsletter-listing--table-headline .newsletter-listing--headline-button {
  width: 35%;
}
.newsletter-listing--content .newsletter-listing--entry {
  padding: 10px 0px 10px 0px;
  padding: 0.625rem 0rem 0.625rem 0rem;
  border-bottom: 1px solid #dadae5;
}
.newsletter-listing--content .newsletter-listing--entry .newsletter-listing--entry-description {
  margin-top: 4px;
  margin-top: 0.25rem;
  width: 65%;
}
.newsletter-listing--content .newsletter-listing--entry .newsletter-listing--entry-button {
  width: 35%;
}
.newsletter-listing--content .newsletter-listing--entry:last-child {
  border: none;
}
.newsletter-detail--content {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.newsletter-detail--content .newsletter-detail--container:after {
  content: "";
  display: table;
  clear: both;
}
.newsletter-detail--content .newsletter-detail--container .newsletter-detail--iframe {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.newsletter-detail--content .newsletter-detail--container .newsletter-detail--iframe iframe {
  min-height: 500px;
  min-height: 31.25rem;
  width: 100%;
  border: none;
  outline: none;
}
.newsletter-detail--content .newsletter-detail--buttons {
  margin: 10px 0px 10px 0px;
  margin: 0.625rem 0rem 0.625rem 0rem;
}
.newsletter-detail--content .newsletter-detail--buttons .newsletter-detail--backlink {
  width: 100%;
}
.newsletter-detail--content .newsletter-detail--buttons .newsletter-detail--window {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  width: 100%;
}
@media screen and (min-width: 30em) {
  .newsletter-listing--content .newsletter-listing--table-headline .newsletter-listing--headline-name {
    width: 80%;
  }
  .newsletter-listing--content .newsletter-listing--table-headline .newsletter-listing--headline-button {
    width: 20%;
  }
  .newsletter-listing--content .newsletter-listing--entry .newsletter-listing--entry-description {
    width: 80%;
  }
  .newsletter-listing--content .newsletter-listing--entry .newsletter-listing--entry-button {
    width: 20%;
  }
  .newsletter-detail--content .newsletter-detail--buttons .newsletter-detail--backlink,
  .newsletter-detail--content .newsletter-detail--buttons .newsletter-detail--window {
    width: auto;
    margin: 0;
  }
}
@media screen and (min-width: 48em) {
  .newsletter--content {
    padding-top: 20px;
    padding-top: 1.25rem;
  }
  .newsletter--content .newsletter--error-messages {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  .newsletter--content .newsletter--headline {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  .newsletter--content .select-field {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
    max-width: 290px;
    max-width: 18.125rem;
  }
  .newsletter-listing--content {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .newsletter-listing--content .newsletter-listing--headline {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  .newsletter-detail--content {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .newsletter-detail--content .newsletter-detail--buttons .newsletter-detail--window {
    width: auto;
    text-align: right;
  }
}
@media screen and (min-width: 78.75em) {
  .newsletter--error-messages {
    padding-top: 0px;
    padding-top: 0rem;
  }
  .newsletter--content {
    margin-top: 45px;
    margin-top: 2.8125rem;
    padding: 0;
  }
  .newsletter--content .newsletter--headline .newsletter--title {
    margin-top: 0px;
    margin-top: 0rem;
  }
  .newsletter-listing--content {
    margin-top: 45px;
    margin-top: 2.8125rem;
  }
  .newsletter-listing--content .newsletter-listing--table-headline .newsletter-listing--headline-name {
    width: 90%;
  }
  .newsletter-listing--content .newsletter-listing--table-headline .newsletter-listing--headline-button {
    width: 10%;
  }
  .newsletter-listing--content .newsletter-listing--entry .newsletter-listing--entry-description {
    width: 90%;
  }
  .newsletter-listing--content .newsletter-listing--entry .newsletter-listing--entry-button {
    width: 10%;
  }
  .newsletter-detail--content {
    margin-top: 45px;
    margin-top: 2.8125rem;
  }
}
/*
Blog
================================================
Defines the styles for the blog page and its components.

It contains the sidebar selection, the comment section and the details.

More precise designations are commented inside the document.
*/
.blog--listing {
  margin-top: 16px;
  margin-top: 1rem;
}
.blog--filter-btn {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.blog--filter-btn .filter--trigger {
  display: block;
}
.blog--filter-options {
  border-right: 1px solid #dadae5;
}
.blog--filter-options .filter--container {
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.625rem 0rem 0.625rem;
}
.blog--filter-options .blog--filter-close-btn {
  padding: 12px 10px 12px 10px;
  padding: 0.75rem 0.625rem 0.75rem 0.625rem;
  background-color: #5f7285;
  background-image: linear-gradient(to bottom, #5f7285 0%, #3f4c58 100%);
  display: block;
  color: #fff;
  font-weight: 700;
}
.blog--filter-options .blog--filter-close-btn:hover {
  color: #fff;
}
.blog--filter-options .blog--filter-close-btn .icon--arrow-right {
  margin: 3px 0px 0px 0px;
  margin: 0.1875rem 0rem 0rem 0rem;
  float: right;
}
.blog--filter-options .blog--subscribe {
  display: none;
}
.blog--filter-options .filter--headline {
  font-size: 16px;
  font-size: 1rem;
  line-height: 26px;
  line-height: 1.625rem;
  margin: 16px 10px 6px 10px;
  margin: 1rem 0.625rem 0.375rem 0.625rem;
  font-weight: 700;
  color: #3f4c58;
}
.blog--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;
}
.blog--filter-options .filter--entry:last-child {
  border: 0 none;
}
.blog--filter-options .filter--link {
  color: #5f7285;
}
.blog--filter-options .filter--link:hover {
  color: #b61934;
}
.blog--sidebar {
  width: 100%;
}
.blog--sidebar .block-group {
  width: 100%;
}
.blog--sidebar .blog--navigation .has--border {
  border: none;
}
.blog--sidebar .blog--navigation .collapse--header {
  padding: 10px 20px 10px 20px;
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  font-weight: 500;
  color: #5f7285;
}
.blog--sidebar .blog--navigation .collapse--header:hover {
  color: #b61934;
}
.blog--sidebar .blog--navigation .is--active {
  color: #fff;
  font-weight: 700;
}
.blog--sidebar .blog--navigation .is--active:hover {
  color: #fff;
}
.blog--sidebar .blog--navigation .collapse--content {
  padding: 0px 0px 0px 0px;
  padding: 0rem 0rem 0rem 0rem;
}
.blog--sidebar .blog--navigation .collapse--content .filter--entry-link {
  color: #5f7285;
}
.blog--sidebar .blog--navigation .collapse--content .filter--entry-link:hover {
  color: #b61934;
}
.blog--sidebar .blog--filter-content,
.blog--sidebar .blog--subscribe-content {
  display: none;
}
.blog--sidebar .blog--filter-content.is--active,
.blog--sidebar .blog--subscribe-content.is--active {
  display: block;
}
.blog--sidebar .blog--filter-tags:after {
  content: "";
  display: table;
  clear: both;
}
.blog--box {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.blog--box:after {
  content: "";
  display: table;
  clear: both;
}
.blog--box .blog--box-metadata {
  padding-bottom: 14px;
  padding-bottom: 0.875rem;
  padding-top: 5px;
  padding-top: 0.3125rem;
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0px 20px 0px 20px;
  margin: 0rem 1.25rem 0rem 1.25rem;
  border-bottom: 1px solid #dadae5;
}
.blog--box .blog--box-metadata .blog--metadata {
  padding-right: 8px;
  padding-right: 0.5rem;
  margin-right: 8px;
  margin-right: 0.5rem;
  display: inline-block;
  border-right: 1px solid #dadae5;
}
.blog--box .blog--box-metadata .blog--metadata:last-child {
  border-right: 0 none;
}
.blog--box .blog--box-metadata .blog--metadata-rating {
  font-size: 14px;
  font-size: 0.875rem;
  color: #5f7285;
}
.blog--box .blog--box-headline {
  font-size: 18px;
  font-size: 1.125rem;
}
.blog--box .blog--box-link {
  color: #3f4c58;
}
.blog--box .blog--box-link:hover {
  color: #b61934;
}
.blog--box .blog--box-picture {
  display: block;
  height: auto;
  width: 100%;
}
.blog--box .blog--picture-preview {
  width: 100%;
}
.blog--box .blog--box-description {
  margin-top: 16px;
  margin-top: 1rem;
}
.blog--box .blog--box-description .blog--box-description-short {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  margin-top: -6px;
  margin-top: -0.375rem;
}
.blog--box .blog--box-tags {
  margin-top: 8px;
  margin-top: 0.5rem;
  font-size: 12px;
  font-size: 0.75rem;
}
.blog--detail {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.blog--detail ul,
.blog--detail ol {
  padding-left: 30px;
  padding-left: 1.875rem;
}
.blog--detail .listing {
  margin: 0;
}
.blog--detail .blog--box {
  margin-bottom: 0;
}
.blog--detail .blog--detail-header {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.blog--detail .blog--detail-headline {
  margin: 0px 0px 5px 0px;
  margin: 0rem 0rem 0.3125rem 0rem;
}
.blog--detail .blog--detail-headline,
.blog--detail .blog--detail-box-headline {
  font-size: 18px;
  font-size: 1.125rem;
}
.blog--detail .select-field {
  max-width: 100%;
}
.blog--detail .blog--rating-link {
  font-size: 14px;
  font-size: 0.875rem;
  color: #5f7285;
}
.blog--detail .blog--bookmarks-icons {
  margin-top: 10px;
  margin-top: 0.625rem;
  float: right;
}
.blog--detail .blog--bookmark {
  font-size: 40px;
  font-size: 2.5rem;
}
.blog--detail .blog--detail-thumbnails {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.blog--detail .blog--detail-thumbnails .blog--thumbnail-image {
  margin: 0 auto;
}
.blog--detail .blog--detail-thumbnails .block {
  height: 80px;
  height: 5rem;
  width: 23%;
}
.blog--detail .blog--image {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  width: 100%;
}
.blog--detail .blog--thumbnail {
  padding: 5px 5px 5px 5px;
  padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
  margin: 2% 1%;
  display: block;
  float: left;
}
.blog--detail .blog--thumbnail:first-child {
  margin-left: 0;
}
.blog--detail .blog--thumbnail:last-child {
  margin-right: 0;
}
.blog--detail .blog--comments-wrapper {
  padding: 20px 0px 20px 0px;
  padding: 1.25rem 0rem 1.25rem 0rem;
}
.blog--detail .blog--comments {
  padding: 20px 20px 20px 20px;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
}
.blog--detail .blog--comments .comments--actions .btn--create-entry {
  width: 100%;
}
.blog--detail .blog--comments .comments--list {
  margin-top: 30px;
  margin-top: 1.875rem;
}
.blog--detail .blog--comments .list--entry {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.blog--detail .blog--comments .list--entry:after {
  content: "";
  display: table;
  clear: both;
}
.blog--detail .blog--comments .entry--meta {
  width: 100%;
}
.blog--detail .blog--comments .entry--meta .meta--rating {
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}
.blog--detail .blog--comments .entry--content {
  width: 100%;
}
.blog--detail .blog--comments .content--headline {
  margin: 10px 0px 5px 0px;
  margin: 0.625rem 0rem 0.3125rem 0rem;
  font-size: 16px;
  font-size: 1rem;
}
.blog--detail .blog--comments-headline {
  font-size: 21px;
  font-size: 1.3125rem;
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
}
.blog--detail .blog--comments-entry {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.blog--detail .blog--comments-entry:last-child {
  margin: 0;
}
.blog--detail .blog--comments-entry-left {
  padding: 20px 40px 16px 40px;
  padding: 1.25rem 2.5rem 1rem 2.5rem;
  border-bottom: 1px solid #dadae5;
}
.blog--detail .blog--comments-entry-left::after {
  margin: 0px 0px 0px -9px;
  margin: 0rem 0rem 0rem -0.5625rem;
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
  bottom: -9px;
  bottom: -0.5625rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
  position: absolute;
  left: 50%;
  background: #fff;
  border: 1px solid #dadae5;
  border-left: 0 none;
  border-top: 0 none;
}
.blog--detail .blog--comments-rating {
  font-size: 18px;
  font-size: 1.125rem;
  color: #f1c40f;
}
.blog--detail .blog--comments-entry-right {
  padding: 20px 40px 16px 40px;
  padding: 1.25rem 2.5rem 1rem 2.5rem;
}
.blog--detail .blog--comments-entry-headline {
  font-size: 16px;
  font-size: 1rem;
  color: #3f4c58;
  margin-top: 0;
}
.blog--detail .blog--comments-form .form--comment-add {
  margin-top: 20px;
}
.blog--detail .blog--comments-form-errors .alert {
  margin: 20px 0px 20px 0px;
  margin: 1.25rem 0rem 1.25rem 0rem;
}
.blog--detail .blog--comments-voting {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  line-height: 1;
}
.blog--detail .collapse--soft-hidden {
  display: none;
}
.blog--detail .collapse--soft-show {
  display: block;
}
@media screen and (min-width: 48em) {
  .blog--listing {
    margin-top: 16px;
    margin-top: 1rem;
  }
  .blog--listing .panel--title {
    margin: 0px 20px 0px 20px;
    margin: 0rem 1.25rem 0rem 1.25rem;
  }
  .blog--listing .panel--body {
    padding-left: 20px;
    padding-left: 1.25rem;
    padding-right: 20px;
    padding-right: 1.25rem;
  }
  .blog--box .blog--box-metadata {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .blog--box .blog--box-picture {
    width: 20%;
    float: left;
  }
  .blog--box .blog--box-description {
    padding-top: 0;
    margin-top: 0;
    width: 76%;
    float: right;
  }
  .blog--box .blog--box-tags {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .blog--content {
    margin-top: 45px;
    margin-top: 2.8125rem;
  }
  .blog--content .blog--navigation {
    padding: 0px 0px 0px 0px;
    padding: 0rem 0rem 0rem 0rem;
  }
  .blog--content .blog--navigation .has--border {
    border: 1px solid #dadae5;
  }
  .blog--content .blog--navigation .blog--sidebar-title {
    padding: 20px 0px 10px 0px;
    padding: 1.25rem 0rem 0.625rem 0rem;
    margin: 0px 20px 0px 20px;
    margin: 0rem 1.25rem 0rem 1.25rem;
    border-radius: 0;
    color: #3f4c58;
    border-color: #dadae5;
    border-width: 0 0 1px 0;
    display: block;
    font-weight: 700;
    background: none;
    box-shadow: none;
    cursor: default;
  }
  .blog--content .blog--navigation .blog--sidebar-body {
    padding: 20px 20px 20px 20px;
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
    border: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .blog--content .blog--navigation .collapse--header:hover {
    color: #3f4c58;
  }
  .blog--content .blog--navigation .blog--subscribe {
    display: block;
  }
  .blog--content .blog--navigation .blog--subscribe-content,
  .blog--content .blog--navigation .blog--filter-content {
    display: block;
  }
  .blog--content .filter--container {
    padding: 0;
  }
  .blog--content .blog--filter-btn {
    display: none;
  }
  .blog--content .blog--filter-options {
    display: block;
    float: right;
    width: 20%;
    border: none;
    background: none;
  }
  .blog--content .blog--filter-options .filter--group {
    margin: 0px 0px 16px 0px;
    margin: 0rem 0rem 1rem 0rem;
    width: 100%;
    height: auto;
  }
  .blog--content .blog--filter-options .filter--entry {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0;
    border: 0 none;
  }
  .blog--content .blog--filter-options .blog--filter-close-btn {
    display: none;
  }
  .blog--content .blog--filter-options .filter--headline {
    display: none;
  }
  .blog--content .filter--expand-collapse {
    display: none;
  }
  .blog--content .blog--listing {
    margin-top: 0;
    width: 78%;
    float: left;
  }
  .blog--content .blog--box .blog--box-headline {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .blog--content .blog--box .blog--box-link {
    color: #3f4c58;
  }
  .blog--content .blog--box .blog--box-link:hover {
    color: #b61934;
  }
  .blog--content .blog--box .blog--box-metadata {
    padding-top: 5px;
    padding-top: 0.3125rem;
  }
  .blog--content .blog--box .blog--box-content .blog--box-description {
    width: 74%;
  }
  .blog--detail {
    margin-top: 30px;
    margin-top: 1.875rem;
  }
  .blog--detail .blog--detail-headline {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
  }
  .blog--detail .blog--box-metadata,
  .blog--detail .panel--title {
    margin: 0;
  }
  .blog--detail .panel--body {
    padding-left: 0;
    padding-right: 0;
  }
  .blog--detail .blog--detail-thumbnails {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
  }
  .blog--detail .blog--detail-thumbnails .blog--thumbnail-image {
    margin: 0 auto;
  }
  .blog--detail .blog--detail-thumbnails .block {
    width: 80px;
    width: 5rem;
    height: 80px;
    height: 5rem;
  }
  .blog--detail .blog--comments .entry--meta {
    width: 25%;
    text-align: left;
  }
  .blog--detail .blog--comments .entry--content {
    width: 75%;
    float: left;
  }
  .blog--detail .blog--comments .comments--actions .btn--create-entry {
    width: auto;
  }
  .blog--detail .blog--comments-name,
  .blog--detail .blog--comments-summary {
    padding-right: 10px;
    padding-right: 0.625rem;
    width: 50%;
    float: left;
  }
  .blog--detail .blog--comments-email,
  .blog--detail .blog--comments-voting {
    padding-left: 10px;
    padding-left: 0.625rem;
    width: 50%;
    float: right;
  }
  .blog--detail .blog--comments-voting {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
  }
  .blog--detail .blog--comments-opinion {
    clear: both;
  }
  .blog--detail .blog--comments-captcha {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
  }
  .blog--detail .blog--comments-captcha:after {
    content: "";
    display: table;
    clear: both;
  }
  .blog--detail .blog--comments-captcha {
    width: 50%;
  }
  .blog--detail .blog--comments-captcha .captcha--placeholder {
    padding-right: 10px;
    padding-right: 0.625rem;
    width: 30%;
    float: left;
  }
  .blog--detail .blog--comments-captcha .captcha--code {
    padding-right: 10px;
    padding-right: 0.625rem;
    width: 70%;
    float: right;
  }
}
@media screen and (min-width: 64em) {
  .blog--detail .blog--detail-description {
    width: 100%;
  }
  .blog--detail .blog--detail-image-container {
    width: 40%;
    margin: 0 0 3% 3%;
    float: right;
  }
}
@media screen and (min-width: 78.75em) {
  .blog--listing .listing--actions {
    margin-top: 15px;
    margin-top: 0.9375rem;
    padding-top: 0;
    margin-bottom: 0;
  }
  .blog--listing .listing--paging {
    border: 0 none;
  }
  .blog--detail {
    margin-top: 50px;
    margin-top: 3.125rem;
  }
  .blog--detail .blog--detail-headline {
    font-size: 21px;
    font-size: 1.3125rem;
  }
  .blog--detail .blog--bookmark {
    font-size: 32px;
    font-size: 2rem;
  }
}
/*
Configurator
==========================================
Defines the styles for the product configuration options element.

The configurator element allows the user to choose from different article variations on the Shopware product detail page and configure his product.
*/
.configurator--variant .variant--group {
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
}
.configurator--variant .variant--group:after {
  content: "";
  display: table;
  clear: both;
}
.configurator--variant .variant--name {
  margin: 0px 0px 5px 0px;
  margin: 0rem 0rem 0.3125rem 0rem;
  font-weight: 700;
}
.configurator--variant .variant--option {
  height: 50px;
  height: 3.125rem;
  line-height: 40px;
  line-height: 2.5rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  overflow: hidden;
  display: block;
  width: 23%;
  margin-right: 2%;
  position: relative;
  float: left;
}
.configurator--variant .option--input {
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  cursor: pointer;
  /**
         * Checkbox/Radio Hack
         * Changes the styling of the next label element
         * based on the state of the radio element.
         */
}
.configurator--variant .option--input:hover ~ label {
  color: #b61934;
  border-color: #b61934;
}
.configurator--variant .option--input:hover ~ label.is--disabled {
  color: #5f7285;
  border-color: #dadae5;
}
.configurator--variant .option--input:checked ~ label {
  color: #b61934;
  border-color: #b61934;
}
.configurator--variant .option--input:disabled ~ label {
  opacity: 0.5;
}
.configurator--variant .option--input:disabled {
  cursor: not-allowed;
}
.configurator--variant .option--label {
  padding: 5px 5px 5px 5px;
  padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
  line-height: 40px;
  line-height: 2.5rem;
  border-radius: 3px;
  background-clip: padding-box;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 500;
  border: 1px solid #dadae5;
  font-weight: 700;
  text-align: center;
  overflow: hidden;
}
.configurator--variant .option--label.is--disabled img {
  opacity: 0.3;
}
.configurator--variant .option--label .image--media {
  line-height: 50px;
  line-height: 3.125rem;
  vertical-align: middle;
  text-align: center;
}
.configurator--variant .option--label img {
  margin: 0 auto;
}
/*
Compare
==============================================
Defines the styling of the comparison tool and its elements.

The comparision creates a fixed modalbox in that the user can compare multiple articles.

The user can open the tool inside the product detail section.
*/
.top-bar--navigation {
  position: relative;
}
.top-bar--navigation .entry--compare {
  padding: 0px 8px 0px 8px;
  padding: 0rem 0.5rem 0rem 0.5rem;
}
.top-bar--navigation .entry--compare .compare--quantity {
  margin-left: 5px;
  margin-left: 0.3125rem;
  font-weight: 700;
  display: inline-block;
  color: #b61934;
}
.top-bar--navigation .entry--compare .icon--compare {
  font-size: 12px;
  font-size: 0.75rem;
}
.top-bar--navigation .compare--list {
  width: 280px;
  width: 17.5rem;
  padding: 5px 10px 10px 10px;
  padding: 0.3125rem 0.625rem 0.625rem 0.625rem;
  top: 32px;
  top: 2rem;
  right: 12px;
  right: 0.75rem;
  text-align: left;
  position: absolute;
  display: none;
  list-style: none;
  background: #fff;
  z-index: 4000;
  border: 1px solid #dadae5;
}
.top-bar--navigation .compare--list::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 8px;
  width: 0.5rem;
  height: 8px;
  height: 0.5rem;
  top: -5px;
  top: -0.3125rem;
  left: 25px;
  left: 1.5625rem;
  content: '';
  display: block;
  position: absolute;
  background: #fff;
  border-color: #dadae5;
  border-width: 0 0 1px 1px;
  border-style: solid;
}
.top-bar--navigation .compare--list .btn--compare-delete {
  width: 100%;
}
.top-bar--navigation .js--is--dropdown-active .compare--list {
  display: block;
}
.top-bar--navigation .js--is--dropdown-active .compare--list .compare--entry {
  cursor: default;
}
.top-bar--navigation .js--is--dropdown-active .compare--list .compare--entry form {
  display: inline-block;
}
.top-bar--navigation .js--is--dropdown-active .compare--list .compare--link {
  width: 230px;
  width: 14.375rem;
  padding: 10px 0px 10px 0px;
  padding: 0.625rem 0rem 0.625rem 0rem;
  font-size: 14px;
  font-size: 0.875rem;
  color: #5f7285;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.top-bar--navigation .js--is--dropdown-active .compare--list .compare--link:hover {
  color: #b61934;
}
.top-bar--navigation .js--is--dropdown-active .compare--list .compare--button {
  padding: 3px 4px 3px 4px;
  padding: 0.1875rem 0.25rem 0.1875rem 0.25rem;
  margin: 3px 0px 0px 0px;
  margin: 0.1875rem 0rem 0rem 0rem;
  float: right;
}
.top-bar--navigation .js--is--dropdown-active .compare--list .btn--item-delete {
  height: 21px;
  height: 1.3125rem;
  width: 21px;
  width: 1.3125rem;
  padding: 4px 5px 4px 5px;
  padding: 0.25rem 0.3125rem 0.25rem 0.3125rem;
  margin: 8px 0px 8px 0px;
  margin: 0.5rem 0rem 0.5rem 0rem;
  font-size: 8px;
  font-size: 0.5rem;
  line-height: 14px;
  line-height: 0.875rem;
  float: right;
}
.top-bar--navigation .js--is--dropdown-active .compare--list .btn--item-delete .icon--cross {
  padding: 0;
  margin: 0;
}
.top-bar--navigation .js--is--dropdown-active .compare--list .compare--button .icon--cross {
  padding: 0;
  margin: 0;
}
.top-bar--navigation .js--is--dropdown-active .compare--list .btn--compare {
  margin-top: 5px;
  margin-top: 0.3125rem;
}
.compare--wrapper {
  display: block;
  overflow: auto;
}
.modal--compare {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: -4px;
  letter-spacing: -0.25rem;
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
}
.modal--compare.is--fluid {
  width: 100%;
  overflow: hidden;
}
.modal--compare .modal--title {
  padding: 10px 40px 10px 20px;
  padding: 0.625rem 2.5rem 0.625rem 1.25rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  border-bottom: 1px solid #5f7285;
  letter-spacing: 0;
}
.modal--compare .modal--error {
  padding: 20px 20px 20px 20px;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  letter-spacing: 0;
}
.modal--compare .list--head {
  background: #f8f8fa;
  font-weight: 700;
}
.modal--compare .compare--group {
  width: 200px;
  width: 12.5rem;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  letter-spacing: 0;
}
.modal--compare .group--small {
  width: 200px;
  width: 12.5rem;
}
.modal--compare .compare--group-list {
  margin: 0;
  padding: 0;
}
.modal--compare .list--entry {
  padding: 10px 30px 10px 10px;
  padding: 0.625rem 1.875rem 0.625rem 0.625rem;
  color: #5f7285;
  border-bottom: 1px solid #dadae5;
}
.modal--compare .entry--picture {
  height: 160px;
  height: 10rem;
  position: relative;
}
.modal--compare .entry--picture .image--element img {
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.modal--compare .entry--name {
  height: 125px;
  height: 7.8125rem;
}
.modal--compare .link--name {
  position: relative;
  display: block;
  height: 70px;
  color: #3f4c58;
  font-weight: 700;
}
.modal--compare .entry--voting {
  height: 50px;
  height: 3.125rem;
}
.modal--compare .entry--voting .icon--star,
.modal--compare .entry--voting .icon--star-empty {
  color: #f1c40f;
}
.modal--compare .entry--description {
  height: 150px;
  height: 9.375rem;
  text-align: left;
  word-wrap: break-word;
}
.modal--compare .entry--price {
  height: 130px;
  height: 8.125rem;
}
.modal--compare .entry--price .price--pseudoprice {
  text-decoration: line-through;
}
.modal--compare .entry--price .price--normal {
  font-size: 16px;
  font-size: 1rem;
  color: #3f4c58;
  font-weight: 700;
}
.modal--compare .entry--price .price--reduced {
  color: #e74c3c;
}
.modal--compare .entry--property {
  height: auto;
}
@media screen and (min-width: 78.75em) {
  .top-bar--navigation .compare--list {
    right: 0;
  }
}
/*
Home
==============================================
Defines the styling of the home-page content elements.
*/
.content--home {
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 48em) {
  .content--home {
    margin-top: 30px;
    margin-top: 1.875rem;
  }
}
@media screen and (min-width: 78.75em) {
  .content--home {
    margin-top: 50px;
    margin-top: 3.125rem;
  }
}
/*
Payment
==============================================
Defines the styling of the payment-form elements.

The payment page allows the user to choose the prefered payment option and add his personal payment informations inside form elements.

The payment page is a part of the Shopware checkout process.
*/
.payment--form-group {
  margin: 10px 0px 10px 0px;
  margin: 0.625rem 0rem 0.625rem 0rem;
}
.payment--form-group .payment--field {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  display: block;
  width: 100%;
}
.payment--form-group .register--required-info {
  margin: 0;
}
@media screen and (min-width: 48em) {
  .payment--form-group .payment--field {
    width: 85%;
  }
}
/*
Address
================================
Defines the styles for the address pages and the modals.
*/
.address-manager--modal .header > .title {
  padding-left: 2%;
}
.address-manager--modal.address-manager--editor .address-editor--errors {
  padding: 20px;
  padding: 1.25rem;
  padding-bottom: 0;
}
.address-manager--modal.address-manager--editor .address-editor--body {
  padding: 0;
}
.address-manager--modal.address-manager--selection .content:after {
  content: "";
  display: table;
  clear: both;
}
.address-manager--modal.address-manager--selection .content .modal--container {
  margin: -2% 0 0 -2%;
}
.address-manager--modal.address-manager--selection .content .modal--container:after {
  content: "";
  display: table;
  clear: both;
}
.address-manager--modal.address-manager--selection .content .modal--container .modal--container-item {
  padding: 2% 0 0 2%;
  float: left;
  width: 100%;
}
.address-manager--modal.address-manager--selection .content .panel--actions .btn {
  width: 100%;
  text-align: center;
}
.address-manager--modal.address-manager--selection .content .panel--actions .btn .js--loading {
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
  border-radius: 100%;
  background-clip: padding-box;
  right: 6px;
  right: 0.375rem;
  top: 2px;
  top: 0.125rem;
  margin: 8px 5px 8px 5px;
  margin: 0.5rem 0.3125rem 0.5rem 0.3125rem;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  border: 2px solid #dadae5;
  border-top: 2px solid #4f4f71;
  display: block;
  position: absolute;
}
.account--address.account--content,
.address-manager--modal.account--content {
  margin: 0px;
  margin: 0rem;
  padding-top: 45px;
  padding-top: 2.8125rem;
}
.account--address .address--item-body .panel--title,
.address-manager--modal .address--item-body .panel--title {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
  padding-top: 0;
}
.account--address .account--welcome,
.address-manager--modal .account--welcome {
  margin-bottom: 0;
}
.account--address.account--address-form .alert,
.address-manager--modal.account--address-form .alert {
  margin: 20px 18px 20px 18px;
  margin: 1.25rem 1.125rem 1.25rem 1.125rem;
}
.account--address .address--form-actions:after,
.address-manager--modal .address--form-actions:after {
  content: "";
  display: table;
  clear: both;
}
.account--address .address--form-actions .address--form-submit,
.address-manager--modal .address--form-actions .address--form-submit {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  width: 100%;
  text-align: center;
}
.account--address .address--actions-set-defaults,
.address-manager--modal .address--actions-set-defaults {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  line-height: normal;
}
.account--address .address--actions-set-defaults .btn,
.address-manager--modal .address--actions-set-defaults .btn {
  padding: 0;
  color: #5f7285;
}
.account--address .address--actions-set-defaults .btn:hover,
.address-manager--modal .address--actions-set-defaults .btn:hover {
  color: #b61934;
}
.account--address .address--required-info,
.address-manager--modal .address--required-info {
  margin: 0px 26px 16px 26px;
  margin: 0rem 1.625rem 1rem 1.625rem;
  font-size: 14px;
  font-size: 0.875rem;
}
.account--address .select-field,
.address-manager--modal .select-field {
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  max-width: 100%;
}
.account--address .address--field,
.address-manager--modal .address--field {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  width: 100%;
}
.account--address .address--customertype,
.address-manager--modal .address--customertype {
  display: block;
}
.account--address .address--zip-city .address--field-zipcode,
.address-manager--modal .address--zip-city .address--field-zipcode {
  width: 28%;
  float: left;
}
.account--address .address--zip-city .address--field-city,
.address-manager--modal .address--zip-city .address--field-city {
  width: 70%;
  float: left;
}
.account--address .address--zip-city .address--field-city:after,
.address-manager--modal .address--zip-city .address--field-city:after {
  content: "";
  display: table;
  clear: both;
}
.account--address .address--zip-city .address--spacer,
.address-manager--modal .address--zip-city .address--spacer {
  margin-right: 2%;
}
.account--address.address--delete .panel,
.address-manager--modal.address--delete .panel {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.account--address .address--delete-actions .btn.is--primary,
.address-manager--modal .address--delete-actions .btn.is--primary {
  float: right;
}
.account--address .address--content,
.address-manager--modal .address--content {
  margin: -2% 0 0 -2%;
}
.account--address .address--content:after,
.address-manager--modal .address--content:after {
  content: "";
  display: table;
  clear: both;
}
.account--address .address--item-content,
.address-manager--modal .address--item-content {
  width: 100%;
  float: left;
  padding: 2%;
}
.account--address .address--item-content .panel--actions,
.address-manager--modal .address--item-content .panel--actions {
  display: table-cell;
  vertical-align: bottom;
}
.account--address .address--item-create .btn,
.address-manager--modal .address--item-create .btn {
  text-align: center;
}
.account--address .address--item-actions form,
.address-manager--modal .address--item-actions form {
  display: block;
}
.account--address .js--loading,
.address-manager--modal .js--loading {
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
  border-radius: 100%;
  background-clip: padding-box;
  margin: 0px 0px 0px 5px;
  margin: 0rem 0rem 0rem 0.3125rem;
  top: 4px;
  top: 0.25rem;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  border: 2px solid #dadae5;
  border-top: 2px solid #4f4f71;
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 48em) {
  .account--address .address--form-actions .address--form-submit,
  .address-manager--modal .address--form-actions .address--form-submit {
    width: auto;
  }
  .address-manager--modal.address-manager--selection .content .modal--container .modal--container-item {
    width: 50%;
  }
  .account--address.account--content .address--field {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
    width: 70%;
  }
  .account--address.account--content .select-field {
    max-width: 290px;
    max-width: 18.125rem;
  }
  .account--address.account--content .address--form-actions:after {
    content: "";
    display: table;
    clear: both;
  }
  .account--address.account--content .address--item-content {
    width: 50%;
  }
  .account--address.account--content .address--zip-city .address--field-zipcode {
    width: 18%;
    float: left;
  }
  .account--address.account--content .address--zip-city .address--field-city {
    width: 50%;
    float: left;
  }
  .account--address.account--content .address--zip-city .address--field-city:after {
    content: "";
    display: table;
    clear: both;
  }
  .account--address.account--content .address--zip-city .address--spacer {
    margin-right: 2%;
  }
}
@media screen and (min-width: 78.75em) {
  .address-manager--modal.address-manager--selection {
    max-width: 1145px;
    max-width: 71.5625rem;
  }
  .address-manager--modal.address-manager--selection .content .modal--container .modal--container-item {
    width: 33.3%;
  }
}
.page-wrap--cookie-permission {
  padding: 10px;
  padding: 0.625rem;
  z-index: 8000;
  border-top: 1px solid #dadae5;
  background: #fff;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
}
.page-wrap--cookie-permission .cookie-permission--container {
  width: 100%;
  text-align: center;
  position: relative;
}
.page-wrap--cookie-permission .cookie-permission--container:after {
  content: "";
  display: table;
  clear: both;
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--button {
  margin: 0 auto;
  margin-top: 20px;
  margin-top: 1.25rem;
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--decline-button {
  margin-right: 5px;
  margin-right: 0.3125rem;
}
.cookie-removal--container {
  padding: 25px;
  padding: 1.5625rem;
}
.cookie-removal--container .cookie-removal--list {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  list-style-position: inside;
}
.cookie-removal--container .cookie-removal--buttons {
  margin-top: 20px;
  margin-top: 1.25rem;
}
.cookie-removal--container .cookie-removal--buttons .btn {
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
  display: inline-block;
  width: 48%;
  float: right;
}
.cookie-removal--container .cookie-removal--buttons .btn:last-child {
  margin-right: 2%;
}
@media screen and (min-width: 30em) {
  .cookie-removal--container .cookie-removal--footer:after {
    content: "";
    display: table;
    clear: both;
  }
  .cookie-removal--container .cookie-removal--footer .cookie-removal--buttons {
    float: right;
  }
  .cookie-removal--container .cookie-removal--buttons {
    min-width: 260px;
    min-width: 16.25rem;
    margin: 0;
  }
  .cookie-removal--container .privacy--notice {
    padding-top: 8px;
    padding-top: 0.5rem;
    display: inline-block;
  }
}
@media screen and (min-width: 64em) {
  .page-wrap--cookie-permission .cookie-permission--container {
    width: 100%;
  }
  .page-wrap--cookie-permission .cookie-permission--container:after {
    content: "";
    display: table;
    clear: both;
  }
  .page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--content {
    width: calc(100% - 230px);
    text-align: left;
  }
  .page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--button {
    width: 240px;
    width: 15rem;
    right: 5px;
    right: 0.3125rem;
    position: absolute;
    top: calc(50% - 21px);
  }
  .page-wrap--cookie-permission .cookie-permission--container .cookie-permission--content {
    padding: 12px;
    padding: 0.75rem;
    float: left;
  }
  .page-wrap--cookie-permission .cookie-permission--container .cookie-permission--button {
    margin: 0;
    float: right;
  }
}
/*
Hacks
====================================
The `hacks.less` contains all dirty hacks like !important or negative margins, so you get a single place to document and set them.

More precise designations are commented inside the document.
*/
.product--tax a {
  text-decoration: none !important;
}
.product--tax a:hover {
  text-decoration: underline !important;
}
.entry--all-results-link i {
  font-size: 8px;
}
.table--shipping-costs-trigger i {
  margin: -4px 0px 0px 0px;
  margin: -0.25rem 0rem 0rem 0rem;
  font-size: 8px;
}
.table--footer i,
.premium-product--product .btn i,
.compare--button i,
.modal--compare .btn i {
  font-size: 8px;
}
.js--modal.sizing--auto.is--fullscreen {
  height: 100% !important;
  width: 100% !important;
}
.js--modal.sizing--fixed {
  max-height: none !important;
  max-width: none !important;
}
.is--inactive {
  overflow: hidden !important;
}
.btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.is--ie .action--sort .sort--select:after {
  line-height: 34px;
}
.is--ie .register--login .register--new-customer .new-customer-btn::after {
  line-height: 16px;
}
.is--ie .filter-panel--input input[type='checkbox']:checked ~ .input--state::before,
.is--ie .filter-panel--checkbox input[type='checkbox']:checked ~ .input--state::before,
.is--ie .filter-panel--radio input[type='checkbox']:checked ~ .input--state::before,
.is--ie .filter-panel--input input[type='checkbox']:checked ~ .checkbox--state::before,
.is--ie .filter-panel--checkbox input[type='checkbox']:checked ~ .checkbox--state::before,
.is--ie .filter-panel--radio input[type='checkbox']:checked ~ .checkbox--state::before {
  line-height: 12px;
}
@media screen and (min-width: 48em) {
  .top-bar--navigation .entry--service:after,
  .top-bar--navigation .entry--service::after {
    font-size: 5px;
  }
  .sidebar--navigation .is--level1 .navigation--entry.has--sub-children.is--active:before,
  .sidebar--navigation .is--level1 .navigation--entry.has--sub-children.is--active::before {
    font-size: 5px;
  }
  .is--ie .header-main .top-bar--navigation .select-field:after {
    line-height: 24px;
  }
  .is--ie .action--filter-btn .filter--trigger:before,
  .is--ie .action--filter-btn .filter--trigger:after {
    line-height: 16px;
  }
  .is--ie .header-main .top-bar--navigation .top-bar--language .select-field select,
  .is--edge .header-main .top-bar--navigation .top-bar--language .select-field select {
    font-size: 0;
  }
  .is--ie .header-main .top-bar--navigation .top-bar--language .select-field select option,
  .is--edge .header-main .top-bar--navigation .top-bar--language .select-field select option {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
button.ost-configurator--button,
button.ost-configurator--button:hover {
  width: 100%;
  margin-top: 6px;
  color: #666666;
  border-color: #666666;
}
button.ost-configurator--button i.ost-configurator--button,
button.ost-configurator--button:hover i.ost-configurator--button {
  display: inline-block;
  margin: auto;
  height: 22px;
  width: 22px;
  background-image: url(../../custom/plugins/OstConfigurator/Resources/frontend/img/konfigurierbar.png);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  top: 6px;
  right: 5px;
}
button.ost-configurator--button.reconfigurator {
  margin-top: 15px;
  margin-bottom: 5px;
}
.js--modal.ost-configurator {
  border-radius: 0;
  box-shadow: none;
}
@media screen and (min-width: 30em) {
  .js--modal.ost-configurator {
    width: 95% !important;
    height: 95% !important;
  }
}
.js--modal.ost-configurator .content {
  overflow: hidden;
}
.js--modal.ost-configurator .ost-configurator--header {
  height: 50px;
}
.js--modal.ost-configurator iframe {
  border: none;
  width: 100%;
  height: calc(100% - 132px);
  overflow: hidden;
}
.js--modal.ost-configurator .ost-configurator--footer {
  height: 82px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.js--modal.ost-configurator .ost-configurator--footer .ost-configurator--button-container {
  flex-grow: 1;
  max-width: 500px;
  padding: 20px;
}
.js--modal.ost-configurator .ost-configurator--footer .ost-configurator--button-container button:not(.is--secondary) {
  background-color: #3DC677;
}
.js--modal.ost-configurator .ost-configurator--footer .ost-configurator--button-container .waiting--button i {
  font-size: 20px;
  font-size: 1.25rem;
  display: block;
  animation: spinConfigurator 1s linear infinite;
}
@keyframes spinConfigurator {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
.ost-configurator--popup {
  position: absolute;
  z-index: 9999;
  width: 100%;
  bottom: 15px;
}
.ost-configurator--popup .ost-configurator--popup-wrapper {
  background: #e74c3c;
  width: 90%;
  padding: 15px;
  text-align: center;
  margin: auto;
  color: white;
  font-size: 16px;
  font-size: 1rem;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Sovendus
 *
 * @package   OstSovendus
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Sovendus
 *
 * @package   OstSovendus
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
html body.is--ctl-checkout.is--act-finish div#sovendus-container-1 {
  margin-bottom: 20px;
}
.promotion--show {
  height: inherit !important;
}
.promotion-handle-rotate {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
}
.promotion-message-spacer {
  margin: 10px;
  margin: 0.625rem;
}
.promotion--outer {
  height: 30px;
  height: 1.875rem;
  padding: 10px 2px 0px 2px;
  padding: 0.625rem 0.125rem 0rem 0.125rem;
  width: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
  z-index: 800;
  -webkit-transition: height 0.8s ease;
  -moz-transition: height 0.8s ease;
  -o-transition: height 0.8s ease;
  transition: height 0.8s ease;
}
.promotion--inner {
  background-color: #f8f8fa;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 1px solid #dadae5;
}
.promotion-handle {
  line-height: 6px;
  line-height: 0.375rem;
  height: 20px;
  height: 1.25rem;
  width: 80px;
  width: 5rem;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  top: 1px;
  top: 0.0625rem;
  font-size: 17px;
  font-size: 1.0625rem;
  padding: 1px;
  padding: 0.0625rem;
  position: relative;
  float: right;
  cursor: pointer;
  text-align: center;
  border: 1px solid #dadae5;
  border-bottom-color: #f8f8fa;
  background-color: #f8f8fa;
}
.free_goods-product,
.container--product {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  margin: 5px;
  margin: 0.3125rem;
  border: 1px solid lightgray;
  position: relative;
}
.free_goods-product .nav {
  padding: 12px;
  padding: 0.75rem;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  top: 120px;
  top: 7.5rem;
  border: 1px solid lightgray;
  position: absolute;
  cursor: pointer;
  background: white;
}
.free_goods-product .free_goods-product--toLeft {
  border-left: 0;
  left: 0;
}
.free_goods-product .free_goods-product--toRight {
  right: 0;
  border-right: 0;
}
.free_goods-product .free_goods-product--toRight:after {
  content: "";
  display: table;
  clear: both;
}
.free_goods-product .free_goods-product--content .product-slider--container .container--product {
  border: 0;
}
.free_goods-product .free_goods-product--content .product-slider--container .container--product .free_goods-product--variant .js--fancy-select {
  border-top-left-radius: 3px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  width: 85%;
  float: left;
  border-right: 0;
}
.free_goods-product .free_goods-product--content .product-slider--container .container--product .product--inner .item--title {
  padding: 15px 5px 15px 5px;
  padding: 0.9375rem 0.3125rem 0.9375rem 0.3125rem;
  text-align: center;
  overflow: hidden;
}
.free_goods-product .free_goods-product--content .product-slider--container .container--product .product--inner img {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  height: 140px;
  height: 8.75rem;
  margin: 0 auto;
}
.free_goods-product .free_goods-product--content .product-slider--container .container--product .product--inner .hundred-percent {
  width: 100%;
}
.free_goods-product .free_goods-product--content .product-slider--container .container--product .product--inner .ten-percent {
  width: 15%;
  border-top-left-radius: 0px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0px;
  background-clip: padding-box;
}
.free_goods-product .free_goods-product--content .product-slider--container .container--product .product--inner .btn {
  height: 42px;
  height: 2.625rem;
}
.promotion--free-goods-block {
  padding: 0px 20px 20px 20px;
  padding: 0rem 1.25rem 1.25rem 1.25rem;
}
.promotion--free-goods-image {
  width: 80px;
  width: 5rem;
  height: 48px;
  height: 3rem;
  float: left;
}
.promotion--badge {
  line-height: 48px;
  line-height: 3rem;
  font-size: 16px;
  font-size: 1rem;
  border-radius: 128px;
  background-clip: padding-box;
  width: 48px;
  width: 3rem;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
  background: #5f7285;
  color: #ffffff;
}
.promotion--free-goods-hint-box {
  margin-left: 80px;
  margin-left: 5rem;
}
.promotion--free-goods-hint {
  float: left;
  width: 100%;
}
.promotion--free-goods-hint-inner {
  margin-left: 15px;
  margin-left: 0.9375rem;
  line-height: 19px;
  line-height: 1.1875rem;
  font-weight: bold;
}
.promotion--link-to-free-goods {
  float: left;
  width: 100%;
}
.promotion--link-to-free-goods-inner {
  margin-left: 15px;
  margin-left: 0.9375rem;
  margin-top: 15px;
  margin-top: 0.9375rem;
  line-height: 19px;
  line-height: 1.1875rem;
  font-weight: bold;
}
.promotion--link-to-free-goods-inner .icon--arrow-right {
  font-size: 10px;
  font-size: 0.625rem;
  margin-left: 5px;
  margin-left: 0.3125rem;
}
@media screen and (min-width: 48em) {
  .promotion--free-goods-hint {
    width: 75%;
  }
  .promotion--free-goods-hint-inner {
    line-height: 48px;
    line-height: 3rem;
  }
  .promotion--link-to-free-goods {
    float: right;
    width: 25%;
  }
  .promotion--link-to-free-goods-inner {
    line-height: 48px;
    line-height: 3rem;
    margin-left: 0px;
    margin-left: 0rem;
    margin-top: 0px;
    margin-top: 0rem;
  }
}
.promotion--description-box {
  cursor: pointer;
}
.promotion--description {
  width: 90%;
}
.promotion--description p:last-of-type {
  display: inline;
}
.promotion--index {
  margin-left: 5px;
  margin-left: 0.3125rem;
}
.promotion--is-right {
  right: 20px;
  right: 1.25rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.promotion--detail-modal .header {
  padding-left: 40px;
  padding-left: 2.5rem;
  padding-right: 40px;
  padding-right: 2.5rem;
}
.promotion--detail-modal .content {
  padding: 20px 40px 20px 40px;
  padding: 1.25rem 2.5rem 1.25rem 2.5rem;
}
.promotion--detail-offcanvas {
  display: none;
}
.promotion--detail-offcanvas .is--open {
  display: block;
}
.alert.is--promotion {
  color: #208e4e;
  background: #def2e7;
}
.alert.is--promotion .alert--icon {
  background: #2ecc71;
}
.promotion--footnote-index {
  color: #003d19;
}
.promotion--content-description {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
}
.promotion--content-title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}
.container--ajax-cart .free_goods-product--content .product-slider--item {
  width: 100%;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Article Family
 *
 * @package   OstArticleFamily
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Article Family
 *
 * @package   OstArticleFamily
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-detail.is--act-index .ost-article-family div.title {
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #dadae5;
  font-size: 16px;
  display: block;
  font-weight: 700;
}
body.is--ctl-detail.is--act-index .ost-article-family div.product-slider {
  position: relative;
  overflow: hidden;
  background-clip: padding-box;
  height: auto;
}
body.is--ctl-detail.is--act-index .ost-article-family div.product-slider div.product--box.box--dvsn-article-family div.product--btn-container div.product--detail-btn {
  margin-top: 10px;
}
body.is--ctl-detail.is--act-index .ost-article-family div.product-slider div.product--box.box--dvsn-article-family div.product--btn-container div.product--detail-btn a.buybox--button {
  width: 100%;
  padding: 2px 12px 2px 12px;
}
body.is--ctl-detail.is--act-index .ost-article-family div.product-slider div.product--box.box--dvsn-article-family div.product--btn-container div.product--detail-btn a.buybox--button .icon--arrow-right {
  display: none;
}
body.is--ctl-detail.is--act-index .ost-article-family div.product-slider div.product--box.box--dvsn-article-family div.product--btn-container .buybox--form {
  margin-top: 10px;
  padding: 0;
}
body.is--ctl-detail.is--act-index .ost-article-family div.product-slider div.product--box.box--dvsn-article-family div.product--btn-container .buybox--form .buybox--button {
  width: 100%;
  padding: 2px 12px 2px 12px;
}
body.is--ctl-detail.is--act-index .ost-article-family div.product-slider div.product--box.box--dvsn-article-family div.product--btn-container .buybox--form .buybox--button .icon--arrow-right {
  display: none;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Article Inquiry
 *
 * @package   OstArticleInquiry
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2019 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Article Inquiry
 *
 * @package   OstArticleInquiry
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2019 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-ticket div.content form input[id^="ost-"],
body.is--ctl-forms div.content form input[id^="ost-"] {
  display: none !important;
}
.dtgs-emotionbanneradvanced {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  background-size: cover !important;
  background-position: center center !important;
}
.dtgs-emotionbanneradvanced img {
  width: 100%;
  height: auto;
  max-height: none;
}
.dtgs-emotionbanneradvanced .dtgs-emotionbanner-text {
  box-sizing: border-box;
  position: absolute;
}
.dtgs-emotionbanneradvanced a,
.dtgs-emotionbanneradvanced a:active {
  display: block;
  width: 100%;
  height: 100%;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Article Assembly Surcharge
 *
 * @package   OstArticleAssemblySurcharge

 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Article Assembly Surcharge
 *
 * @package   OstArticleAssemblySurcharge

 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Article Assembly Surcharge
 *
 * @package   OstArticleAssemblySurcharge

 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
div.ost-article-assembly-surchage--fullservice-price,
div.ost-article-assembly-surchage--fullservice-checkbox {
  padding: 10px;
}
body.is--ctl-checkout div.ost-article-assembly-surchage--fullservice-price {
  clear: both;
}
body.is--ctl-detail div.ost-article-assembly-surchage--full-service-notice {
  position: absolute;
  top: 90px;
  left: 0;
  color: #fff;
  text-transform: uppercase;
  background-color: #4eb91b;
  z-index: 10;
}
body.is--ctl-detail div.ost-article-assembly-surchage--full-service-notice {
  font-size: 12px;
  padding: 6px 12px;
}
@media screen and (min-width: 48em) {
  body.is--ctl-detail div.ost-article-assembly-surchage--full-service-notice {
    padding: 11px 16px 11px 16px;
    font-size: 16px;
  }
}
@font-face {
  font-family: 'icomoon-bxb';
  src: url('/custom/plugins/BurgXcaliburBlazor/Resources/frontend/font/icomoon-bxb/fonts/icomoon-bxb.eot?98g7y9');
  src: url('/custom/plugins/BurgXcaliburBlazor/Resources/frontend/font/icomoon-bxb/fonts/icomoon-bxb.eot?98g7y9#iefix') format('embedded-opentype'), url('/custom/plugins/BurgXcaliburBlazor/Resources/frontend/font/icomoon-bxb/fonts/icomoon-bxb.ttf?98g7y9') format('truetype'), url('/custom/plugins/BurgXcaliburBlazor/Resources/frontend/font/icomoon-bxb/fonts/icomoon-bxb.woff?98g7y9') format('woff'), url('/custom/plugins/BurgXcaliburBlazor/Resources/frontend/font/icomoon-bxb/fonts/icomoon-bxb.svg?98g7y9#icomoon-bxb') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="bxb--icon--"],
[class*=" bxb--icon--"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon-bxb' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bxb--icon--2d:before {
  content: "\e900";
}
.bxb--icon--3d:before {
  content: "\e901";
}
.bxb--icon--arrow-down-big:before {
  content: "\e902";
}
.bxb--icon--arrow-up-big:before {
  content: "\e91f";
}
.bxb--icon--arrow-left:before {
  content: "\e903";
}
.bxb--icon--arrow-right:before {
  content: "\e920";
}
.bxb--icon--arrow-left-big:before {
  content: "\e904";
}
.bxb--icon--arrow-right-big:before {
  content: "\e921";
}
.bxb--icon--back:before {
  content: "\e905";
}
.bxb--icon--bars:before {
  content: "\e906";
}
.bxb--icon--cart:before {
  content: "\e907";
}
.bxb--icon--chat:before {
  content: "\e908";
}
.bxb--icon--circle-attention:before {
  content: "\e909";
}
.bxb--icon--circle-info:before {
  content: "\e90a";
}
.bxb--icon--circle-plus:before {
  content: "\e90b";
}
.bxb--icon--connect:before {
  content: "\e90c";
}
.bxb--icon--cursor:before {
  content: "\e90d";
}
.bxb--icon--delivery:before {
  content: "\e90e";
}
.bxb--icon--heart:before {
  content: "\e90f";
}
.bxb--icon--help:before {
  content: "\e910";
}
.bxb--icon--info:before {
  content: "\e911";
}
.bxb--icon--list:before {
  content: "\e912";
}
.bxb--icon--mail:before {
  content: "\e913";
}
.bxb--icon--mail-quick:before {
  content: "\e914";
}
.bxb--icon--manual:before {
  content: "\e915";
}
.bxb--icon--options:before {
  content: "\e916";
}
.bxb--icon--overview:before {
  content: "\e917";
}
.bxb--icon--pdf:before {
  content: "\e918";
}
.bxb--icon--phone:before {
  content: "\e919";
}
.bxb--icon--play:before {
  content: "\e91a";
}
.bxb--icon--search:before {
  content: "\e91b";
}
.bxb--icon--share:before {
  content: "\e91c";
}
.bxb--icon--swap:before {
  content: "\e91d";
}
.bxb--icon--trash:before {
  content: "\e91e";
}
/*
 * Variables
 * ---------- */
/*
 * Base
 * ---------- */
.bxb--icon {
  font-family: 'icomoon-bxb';
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bxb-offcanvas .row,
.bxb--configurator-container .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.bxb-offcanvas .no-gutters,
.bxb--configurator-container .no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.bxb-offcanvas .no-gutters > .col,
.bxb--configurator-container .no-gutters > .col,
.bxb-offcanvas .no-gutters > [class*="col-"],
.bxb--configurator-container .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.bxb-offcanvas .col-1,
.bxb--configurator-container .col-1,
.bxb-offcanvas .col-2,
.bxb--configurator-container .col-2,
.bxb-offcanvas .col-3,
.bxb--configurator-container .col-3,
.bxb-offcanvas .col-4,
.bxb--configurator-container .col-4,
.bxb-offcanvas .col-5,
.bxb--configurator-container .col-5,
.bxb-offcanvas .col-6,
.bxb--configurator-container .col-6,
.bxb-offcanvas .col-7,
.bxb--configurator-container .col-7,
.bxb-offcanvas .col-8,
.bxb--configurator-container .col-8,
.bxb-offcanvas .col-9,
.bxb--configurator-container .col-9,
.bxb-offcanvas .col-10,
.bxb--configurator-container .col-10,
.bxb-offcanvas .col-11,
.bxb--configurator-container .col-11,
.bxb-offcanvas .col-12,
.bxb--configurator-container .col-12,
.bxb-offcanvas .col,
.bxb--configurator-container .col,
.bxb-offcanvas .col-auto,
.bxb--configurator-container .col-auto,
.bxb-offcanvas .col-sm-1,
.bxb--configurator-container .col-sm-1,
.bxb-offcanvas .col-sm-2,
.bxb--configurator-container .col-sm-2,
.bxb-offcanvas .col-sm-3,
.bxb--configurator-container .col-sm-3,
.bxb-offcanvas .col-sm-4,
.bxb--configurator-container .col-sm-4,
.bxb-offcanvas .col-sm-5,
.bxb--configurator-container .col-sm-5,
.bxb-offcanvas .col-sm-6,
.bxb--configurator-container .col-sm-6,
.bxb-offcanvas .col-sm-7,
.bxb--configurator-container .col-sm-7,
.bxb-offcanvas .col-sm-8,
.bxb--configurator-container .col-sm-8,
.bxb-offcanvas .col-sm-9,
.bxb--configurator-container .col-sm-9,
.bxb-offcanvas .col-sm-10,
.bxb--configurator-container .col-sm-10,
.bxb-offcanvas .col-sm-11,
.bxb--configurator-container .col-sm-11,
.bxb-offcanvas .col-sm-12,
.bxb--configurator-container .col-sm-12,
.bxb-offcanvas .col-sm,
.bxb--configurator-container .col-sm,
.bxb-offcanvas .col-sm-auto,
.bxb--configurator-container .col-sm-auto,
.bxb-offcanvas .col-md-1,
.bxb--configurator-container .col-md-1,
.bxb-offcanvas .col-md-2,
.bxb--configurator-container .col-md-2,
.bxb-offcanvas .col-md-3,
.bxb--configurator-container .col-md-3,
.bxb-offcanvas .col-md-4,
.bxb--configurator-container .col-md-4,
.bxb-offcanvas .col-md-5,
.bxb--configurator-container .col-md-5,
.bxb-offcanvas .col-md-6,
.bxb--configurator-container .col-md-6,
.bxb-offcanvas .col-md-7,
.bxb--configurator-container .col-md-7,
.bxb-offcanvas .col-md-8,
.bxb--configurator-container .col-md-8,
.bxb-offcanvas .col-md-9,
.bxb--configurator-container .col-md-9,
.bxb-offcanvas .col-md-10,
.bxb--configurator-container .col-md-10,
.bxb-offcanvas .col-md-11,
.bxb--configurator-container .col-md-11,
.bxb-offcanvas .col-md-12,
.bxb--configurator-container .col-md-12,
.bxb-offcanvas .col-md,
.bxb--configurator-container .col-md,
.bxb-offcanvas .col-md-auto,
.bxb--configurator-container .col-md-auto,
.bxb-offcanvas .col-lg-1,
.bxb--configurator-container .col-lg-1,
.bxb-offcanvas .col-lg-2,
.bxb--configurator-container .col-lg-2,
.bxb-offcanvas .col-lg-3,
.bxb--configurator-container .col-lg-3,
.bxb-offcanvas .col-lg-4,
.bxb--configurator-container .col-lg-4,
.bxb-offcanvas .col-lg-5,
.bxb--configurator-container .col-lg-5,
.bxb-offcanvas .col-lg-6,
.bxb--configurator-container .col-lg-6,
.bxb-offcanvas .col-lg-7,
.bxb--configurator-container .col-lg-7,
.bxb-offcanvas .col-lg-8,
.bxb--configurator-container .col-lg-8,
.bxb-offcanvas .col-lg-9,
.bxb--configurator-container .col-lg-9,
.bxb-offcanvas .col-lg-10,
.bxb--configurator-container .col-lg-10,
.bxb-offcanvas .col-lg-11,
.bxb--configurator-container .col-lg-11,
.bxb-offcanvas .col-lg-12,
.bxb--configurator-container .col-lg-12,
.bxb-offcanvas .col-lg,
.bxb--configurator-container .col-lg,
.bxb-offcanvas .col-lg-auto,
.bxb--configurator-container .col-lg-auto,
.bxb-offcanvas .col-xl-1,
.bxb--configurator-container .col-xl-1,
.bxb-offcanvas .col-xl-2,
.bxb--configurator-container .col-xl-2,
.bxb-offcanvas .col-xl-3,
.bxb--configurator-container .col-xl-3,
.bxb-offcanvas .col-xl-4,
.bxb--configurator-container .col-xl-4,
.bxb-offcanvas .col-xl-5,
.bxb--configurator-container .col-xl-5,
.bxb-offcanvas .col-xl-6,
.bxb--configurator-container .col-xl-6,
.bxb-offcanvas .col-xl-7,
.bxb--configurator-container .col-xl-7,
.bxb-offcanvas .col-xl-8,
.bxb--configurator-container .col-xl-8,
.bxb-offcanvas .col-xl-9,
.bxb--configurator-container .col-xl-9,
.bxb-offcanvas .col-xl-10,
.bxb--configurator-container .col-xl-10,
.bxb-offcanvas .col-xl-11,
.bxb--configurator-container .col-xl-11,
.bxb-offcanvas .col-xl-12,
.bxb--configurator-container .col-xl-12,
.bxb-offcanvas .col-xl,
.bxb--configurator-container .col-xl,
.bxb-offcanvas .col-xl-auto,
.bxb--configurator-container .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.bxb-offcanvas .col,
.bxb--configurator-container .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.bxb-offcanvas .col-auto,
.bxb--configurator-container .col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.bxb-offcanvas .col-1,
.bxb--configurator-container .col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.bxb-offcanvas .col-2,
.bxb--configurator-container .col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.bxb-offcanvas .col-3,
.bxb--configurator-container .col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.bxb-offcanvas .col-4,
.bxb--configurator-container .col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.bxb-offcanvas .col-5,
.bxb--configurator-container .col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.bxb-offcanvas .col-6,
.bxb--configurator-container .col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.bxb-offcanvas .col-7,
.bxb--configurator-container .col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.bxb-offcanvas .col-8,
.bxb--configurator-container .col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.bxb-offcanvas .col-9,
.bxb--configurator-container .col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.bxb-offcanvas .col-10,
.bxb--configurator-container .col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.bxb-offcanvas .col-11,
.bxb--configurator-container .col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.bxb-offcanvas .col-12,
.bxb--configurator-container .col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.bxb-offcanvas .order-first,
.bxb--configurator-container .order-first {
  -ms-flex-order: -1;
  order: -1;
}
.bxb-offcanvas .order-last,
.bxb--configurator-container .order-last {
  -ms-flex-order: 13;
  order: 13;
}
.bxb-offcanvas .order-0,
.bxb--configurator-container .order-0 {
  -ms-flex-order: 0;
  order: 0;
}
.bxb-offcanvas .order-1,
.bxb--configurator-container .order-1 {
  -ms-flex-order: 1;
  order: 1;
}
.bxb-offcanvas .order-2,
.bxb--configurator-container .order-2 {
  -ms-flex-order: 2;
  order: 2;
}
.bxb-offcanvas .order-3,
.bxb--configurator-container .order-3 {
  -ms-flex-order: 3;
  order: 3;
}
.bxb-offcanvas .order-4,
.bxb--configurator-container .order-4 {
  -ms-flex-order: 4;
  order: 4;
}
.bxb-offcanvas .order-5,
.bxb--configurator-container .order-5 {
  -ms-flex-order: 5;
  order: 5;
}
.bxb-offcanvas .order-6,
.bxb--configurator-container .order-6 {
  -ms-flex-order: 6;
  order: 6;
}
.bxb-offcanvas .order-7,
.bxb--configurator-container .order-7 {
  -ms-flex-order: 7;
  order: 7;
}
.bxb-offcanvas .order-8,
.bxb--configurator-container .order-8 {
  -ms-flex-order: 8;
  order: 8;
}
.bxb-offcanvas .order-9,
.bxb--configurator-container .order-9 {
  -ms-flex-order: 9;
  order: 9;
}
.bxb-offcanvas .order-10,
.bxb--configurator-container .order-10 {
  -ms-flex-order: 10;
  order: 10;
}
.bxb-offcanvas .order-11,
.bxb--configurator-container .order-11 {
  -ms-flex-order: 11;
  order: 11;
}
.bxb-offcanvas .order-12,
.bxb--configurator-container .order-12 {
  -ms-flex-order: 12;
  order: 12;
}
.bxb-offcanvas .offset-1,
.bxb--configurator-container .offset-1 {
  margin-left: 8.333333%;
}
.bxb-offcanvas .offset-2,
.bxb--configurator-container .offset-2 {
  margin-left: 16.666667%;
}
.bxb-offcanvas .offset-3,
.bxb--configurator-container .offset-3 {
  margin-left: 25%;
}
.bxb-offcanvas .offset-4,
.bxb--configurator-container .offset-4 {
  margin-left: 33.333333%;
}
.bxb-offcanvas .offset-5,
.bxb--configurator-container .offset-5 {
  margin-left: 41.666667%;
}
.bxb-offcanvas .offset-6,
.bxb--configurator-container .offset-6 {
  margin-left: 50%;
}
.bxb-offcanvas .offset-7,
.bxb--configurator-container .offset-7 {
  margin-left: 58.333333%;
}
.bxb-offcanvas .offset-8,
.bxb--configurator-container .offset-8 {
  margin-left: 66.666667%;
}
.bxb-offcanvas .offset-9,
.bxb--configurator-container .offset-9 {
  margin-left: 75%;
}
.bxb-offcanvas .offset-10,
.bxb--configurator-container .offset-10 {
  margin-left: 83.333333%;
}
.bxb-offcanvas .offset-11,
.bxb--configurator-container .offset-11 {
  margin-left: 91.666667%;
}
@media (min-width: 576px) {
  .bxb-offcanvas .col-sm,
  .bxb--configurator-container .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .bxb-offcanvas .col-sm-auto,
  .bxb--configurator-container .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bxb-offcanvas .col-sm-1,
  .bxb--configurator-container .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .bxb-offcanvas .col-sm-2,
  .bxb--configurator-container .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .bxb-offcanvas .col-sm-3,
  .bxb--configurator-container .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bxb-offcanvas .col-sm-4,
  .bxb--configurator-container .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .bxb-offcanvas .col-sm-5,
  .bxb--configurator-container .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .bxb-offcanvas .col-sm-6,
  .bxb--configurator-container .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bxb-offcanvas .col-sm-7,
  .bxb--configurator-container .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .bxb-offcanvas .col-sm-8,
  .bxb--configurator-container .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .bxb-offcanvas .col-sm-9,
  .bxb--configurator-container .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .bxb-offcanvas .col-sm-10,
  .bxb--configurator-container .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .bxb-offcanvas .col-sm-11,
  .bxb--configurator-container .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .bxb-offcanvas .col-sm-12,
  .bxb--configurator-container .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bxb-offcanvas .order-sm-first,
  .bxb--configurator-container .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .bxb-offcanvas .order-sm-last,
  .bxb--configurator-container .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .bxb-offcanvas .order-sm-0,
  .bxb--configurator-container .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .bxb-offcanvas .order-sm-1,
  .bxb--configurator-container .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .bxb-offcanvas .order-sm-2,
  .bxb--configurator-container .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .bxb-offcanvas .order-sm-3,
  .bxb--configurator-container .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .bxb-offcanvas .order-sm-4,
  .bxb--configurator-container .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .bxb-offcanvas .order-sm-5,
  .bxb--configurator-container .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .bxb-offcanvas .order-sm-6,
  .bxb--configurator-container .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .bxb-offcanvas .order-sm-7,
  .bxb--configurator-container .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .bxb-offcanvas .order-sm-8,
  .bxb--configurator-container .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .bxb-offcanvas .order-sm-9,
  .bxb--configurator-container .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .bxb-offcanvas .order-sm-10,
  .bxb--configurator-container .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .bxb-offcanvas .order-sm-11,
  .bxb--configurator-container .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .bxb-offcanvas .order-sm-12,
  .bxb--configurator-container .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .bxb-offcanvas .offset-sm-0,
  .bxb--configurator-container .offset-sm-0 {
    margin-left: 0;
  }
  .bxb-offcanvas .offset-sm-1,
  .bxb--configurator-container .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .bxb-offcanvas .offset-sm-2,
  .bxb--configurator-container .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .bxb-offcanvas .offset-sm-3,
  .bxb--configurator-container .offset-sm-3 {
    margin-left: 25%;
  }
  .bxb-offcanvas .offset-sm-4,
  .bxb--configurator-container .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .bxb-offcanvas .offset-sm-5,
  .bxb--configurator-container .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .bxb-offcanvas .offset-sm-6,
  .bxb--configurator-container .offset-sm-6 {
    margin-left: 50%;
  }
  .bxb-offcanvas .offset-sm-7,
  .bxb--configurator-container .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .bxb-offcanvas .offset-sm-8,
  .bxb--configurator-container .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .bxb-offcanvas .offset-sm-9,
  .bxb--configurator-container .offset-sm-9 {
    margin-left: 75%;
  }
  .bxb-offcanvas .offset-sm-10,
  .bxb--configurator-container .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .bxb-offcanvas .offset-sm-11,
  .bxb--configurator-container .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .bxb-offcanvas .col-md,
  .bxb--configurator-container .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .bxb-offcanvas .col-md-auto,
  .bxb--configurator-container .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bxb-offcanvas .col-md-1,
  .bxb--configurator-container .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .bxb-offcanvas .col-md-2,
  .bxb--configurator-container .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .bxb-offcanvas .col-md-3,
  .bxb--configurator-container .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bxb-offcanvas .col-md-4,
  .bxb--configurator-container .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .bxb-offcanvas .col-md-5,
  .bxb--configurator-container .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .bxb-offcanvas .col-md-6,
  .bxb--configurator-container .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bxb-offcanvas .col-md-7,
  .bxb--configurator-container .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .bxb-offcanvas .col-md-8,
  .bxb--configurator-container .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .bxb-offcanvas .col-md-9,
  .bxb--configurator-container .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .bxb-offcanvas .col-md-10,
  .bxb--configurator-container .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .bxb-offcanvas .col-md-11,
  .bxb--configurator-container .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .bxb-offcanvas .col-md-12,
  .bxb--configurator-container .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bxb-offcanvas .order-md-first,
  .bxb--configurator-container .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .bxb-offcanvas .order-md-last,
  .bxb--configurator-container .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .bxb-offcanvas .order-md-0,
  .bxb--configurator-container .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .bxb-offcanvas .order-md-1,
  .bxb--configurator-container .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .bxb-offcanvas .order-md-2,
  .bxb--configurator-container .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .bxb-offcanvas .order-md-3,
  .bxb--configurator-container .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .bxb-offcanvas .order-md-4,
  .bxb--configurator-container .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .bxb-offcanvas .order-md-5,
  .bxb--configurator-container .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .bxb-offcanvas .order-md-6,
  .bxb--configurator-container .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .bxb-offcanvas .order-md-7,
  .bxb--configurator-container .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .bxb-offcanvas .order-md-8,
  .bxb--configurator-container .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .bxb-offcanvas .order-md-9,
  .bxb--configurator-container .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .bxb-offcanvas .order-md-10,
  .bxb--configurator-container .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .bxb-offcanvas .order-md-11,
  .bxb--configurator-container .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .bxb-offcanvas .order-md-12,
  .bxb--configurator-container .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .bxb-offcanvas .offset-md-0,
  .bxb--configurator-container .offset-md-0 {
    margin-left: 0;
  }
  .bxb-offcanvas .offset-md-1,
  .bxb--configurator-container .offset-md-1 {
    margin-left: 8.333333%;
  }
  .bxb-offcanvas .offset-md-2,
  .bxb--configurator-container .offset-md-2 {
    margin-left: 16.666667%;
  }
  .bxb-offcanvas .offset-md-3,
  .bxb--configurator-container .offset-md-3 {
    margin-left: 25%;
  }
  .bxb-offcanvas .offset-md-4,
  .bxb--configurator-container .offset-md-4 {
    margin-left: 33.333333%;
  }
  .bxb-offcanvas .offset-md-5,
  .bxb--configurator-container .offset-md-5 {
    margin-left: 41.666667%;
  }
  .bxb-offcanvas .offset-md-6,
  .bxb--configurator-container .offset-md-6 {
    margin-left: 50%;
  }
  .bxb-offcanvas .offset-md-7,
  .bxb--configurator-container .offset-md-7 {
    margin-left: 58.333333%;
  }
  .bxb-offcanvas .offset-md-8,
  .bxb--configurator-container .offset-md-8 {
    margin-left: 66.666667%;
  }
  .bxb-offcanvas .offset-md-9,
  .bxb--configurator-container .offset-md-9 {
    margin-left: 75%;
  }
  .bxb-offcanvas .offset-md-10,
  .bxb--configurator-container .offset-md-10 {
    margin-left: 83.333333%;
  }
  .bxb-offcanvas .offset-md-11,
  .bxb--configurator-container .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .bxb-offcanvas .col-lg,
  .bxb--configurator-container .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .bxb-offcanvas .col-lg-auto,
  .bxb--configurator-container .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bxb-offcanvas .col-lg-1,
  .bxb--configurator-container .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .bxb-offcanvas .col-lg-2,
  .bxb--configurator-container .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .bxb-offcanvas .col-lg-3,
  .bxb--configurator-container .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bxb-offcanvas .col-lg-4,
  .bxb--configurator-container .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .bxb-offcanvas .col-lg-5,
  .bxb--configurator-container .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .bxb-offcanvas .col-lg-6,
  .bxb--configurator-container .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bxb-offcanvas .col-lg-7,
  .bxb--configurator-container .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .bxb-offcanvas .col-lg-8,
  .bxb--configurator-container .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .bxb-offcanvas .col-lg-9,
  .bxb--configurator-container .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .bxb-offcanvas .col-lg-10,
  .bxb--configurator-container .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .bxb-offcanvas .col-lg-11,
  .bxb--configurator-container .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .bxb-offcanvas .col-lg-12,
  .bxb--configurator-container .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bxb-offcanvas .order-lg-first,
  .bxb--configurator-container .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .bxb-offcanvas .order-lg-last,
  .bxb--configurator-container .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .bxb-offcanvas .order-lg-0,
  .bxb--configurator-container .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .bxb-offcanvas .order-lg-1,
  .bxb--configurator-container .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .bxb-offcanvas .order-lg-2,
  .bxb--configurator-container .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .bxb-offcanvas .order-lg-3,
  .bxb--configurator-container .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .bxb-offcanvas .order-lg-4,
  .bxb--configurator-container .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .bxb-offcanvas .order-lg-5,
  .bxb--configurator-container .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .bxb-offcanvas .order-lg-6,
  .bxb--configurator-container .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .bxb-offcanvas .order-lg-7,
  .bxb--configurator-container .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .bxb-offcanvas .order-lg-8,
  .bxb--configurator-container .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .bxb-offcanvas .order-lg-9,
  .bxb--configurator-container .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .bxb-offcanvas .order-lg-10,
  .bxb--configurator-container .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .bxb-offcanvas .order-lg-11,
  .bxb--configurator-container .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .bxb-offcanvas .order-lg-12,
  .bxb--configurator-container .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .bxb-offcanvas .offset-lg-0,
  .bxb--configurator-container .offset-lg-0 {
    margin-left: 0;
  }
  .bxb-offcanvas .offset-lg-1,
  .bxb--configurator-container .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .bxb-offcanvas .offset-lg-2,
  .bxb--configurator-container .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .bxb-offcanvas .offset-lg-3,
  .bxb--configurator-container .offset-lg-3 {
    margin-left: 25%;
  }
  .bxb-offcanvas .offset-lg-4,
  .bxb--configurator-container .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .bxb-offcanvas .offset-lg-5,
  .bxb--configurator-container .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .bxb-offcanvas .offset-lg-6,
  .bxb--configurator-container .offset-lg-6 {
    margin-left: 50%;
  }
  .bxb-offcanvas .offset-lg-7,
  .bxb--configurator-container .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .bxb-offcanvas .offset-lg-8,
  .bxb--configurator-container .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .bxb-offcanvas .offset-lg-9,
  .bxb--configurator-container .offset-lg-9 {
    margin-left: 75%;
  }
  .bxb-offcanvas .offset-lg-10,
  .bxb--configurator-container .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .bxb-offcanvas .offset-lg-11,
  .bxb--configurator-container .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .bxb-offcanvas .col-xl,
  .bxb--configurator-container .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .bxb-offcanvas .col-xl-auto,
  .bxb--configurator-container .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bxb-offcanvas .col-xl-1,
  .bxb--configurator-container .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .bxb-offcanvas .col-xl-2,
  .bxb--configurator-container .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .bxb-offcanvas .col-xl-3,
  .bxb--configurator-container .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bxb-offcanvas .col-xl-4,
  .bxb--configurator-container .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .bxb-offcanvas .col-xl-5,
  .bxb--configurator-container .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .bxb-offcanvas .col-xl-6,
  .bxb--configurator-container .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bxb-offcanvas .col-xl-7,
  .bxb--configurator-container .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .bxb-offcanvas .col-xl-8,
  .bxb--configurator-container .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .bxb-offcanvas .col-xl-9,
  .bxb--configurator-container .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .bxb-offcanvas .col-xl-10,
  .bxb--configurator-container .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .bxb-offcanvas .col-xl-11,
  .bxb--configurator-container .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .bxb-offcanvas .col-xl-12,
  .bxb--configurator-container .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bxb-offcanvas .order-xl-first,
  .bxb--configurator-container .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .bxb-offcanvas .order-xl-last,
  .bxb--configurator-container .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .bxb-offcanvas .order-xl-0,
  .bxb--configurator-container .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .bxb-offcanvas .order-xl-1,
  .bxb--configurator-container .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .bxb-offcanvas .order-xl-2,
  .bxb--configurator-container .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .bxb-offcanvas .order-xl-3,
  .bxb--configurator-container .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .bxb-offcanvas .order-xl-4,
  .bxb--configurator-container .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .bxb-offcanvas .order-xl-5,
  .bxb--configurator-container .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .bxb-offcanvas .order-xl-6,
  .bxb--configurator-container .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .bxb-offcanvas .order-xl-7,
  .bxb--configurator-container .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .bxb-offcanvas .order-xl-8,
  .bxb--configurator-container .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .bxb-offcanvas .order-xl-9,
  .bxb--configurator-container .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .bxb-offcanvas .order-xl-10,
  .bxb--configurator-container .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .bxb-offcanvas .order-xl-11,
  .bxb--configurator-container .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .bxb-offcanvas .order-xl-12,
  .bxb--configurator-container .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .bxb-offcanvas .offset-xl-0,
  .bxb--configurator-container .offset-xl-0 {
    margin-left: 0;
  }
  .bxb-offcanvas .offset-xl-1,
  .bxb--configurator-container .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .bxb-offcanvas .offset-xl-2,
  .bxb--configurator-container .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .bxb-offcanvas .offset-xl-3,
  .bxb--configurator-container .offset-xl-3 {
    margin-left: 25%;
  }
  .bxb-offcanvas .offset-xl-4,
  .bxb--configurator-container .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .bxb-offcanvas .offset-xl-5,
  .bxb--configurator-container .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .bxb-offcanvas .offset-xl-6,
  .bxb--configurator-container .offset-xl-6 {
    margin-left: 50%;
  }
  .bxb-offcanvas .offset-xl-7,
  .bxb--configurator-container .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .bxb-offcanvas .offset-xl-8,
  .bxb--configurator-container .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .bxb-offcanvas .offset-xl-9,
  .bxb--configurator-container .offset-xl-9 {
    margin-left: 75%;
  }
  .bxb-offcanvas .offset-xl-10,
  .bxb--configurator-container .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .bxb-offcanvas .offset-xl-11,
  .bxb--configurator-container .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.bxb-offcanvas .text-right,
.bxb--configurator-container .text-right {
  text-align: right !important;
}
.bxb-offcanvas .flex-wrap,
.bxb--configurator-container .flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.bxb-offcanvas .flex-row,
.bxb--configurator-container .flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.bxb-offcanvas .flex-column,
.bxb--configurator-container .flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.bxb-offcanvas .justify-content-end,
.bxb--configurator-container .justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.bxb-offcanvas .justify-content-between,
.bxb--configurator-container .justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.bxb-offcanvas .justify-content-center,
.bxb--configurator-container .justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.bxb-offcanvas .align-items-center,
.bxb--configurator-container .align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.bxb-offcanvas .d-none,
.bxb--configurator-container .d-none {
  display: none !important;
}
.bxb-offcanvas .d-inline,
.bxb--configurator-container .d-inline {
  display: inline !important;
}
.bxb-offcanvas .d-inline-block,
.bxb--configurator-container .d-inline-block {
  display: inline-block !important;
}
.bxb-offcanvas .d-block,
.bxb--configurator-container .d-block {
  display: block !important;
}
.bxb-offcanvas .d-table,
.bxb--configurator-container .d-table {
  display: table !important;
}
.bxb-offcanvas .d-table-row,
.bxb--configurator-container .d-table-row {
  display: table-row !important;
}
.bxb-offcanvas .d-table-cell,
.bxb--configurator-container .d-table-cell {
  display: table-cell !important;
}
.bxb-offcanvas .d-flex,
.bxb--configurator-container .d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.bxb-offcanvas .d-inline-flex,
.bxb--configurator-container .d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .bxb-offcanvas .d-sm-none,
  .bxb--configurator-container .d-sm-none {
    display: none !important;
  }
  .bxb-offcanvas .d-sm-inline,
  .bxb--configurator-container .d-sm-inline {
    display: inline !important;
  }
  .bxb-offcanvas .d-sm-inline-block,
  .bxb--configurator-container .d-sm-inline-block {
    display: inline-block !important;
  }
  .bxb-offcanvas .d-sm-block,
  .bxb--configurator-container .d-sm-block {
    display: block !important;
  }
  .bxb-offcanvas .d-sm-table,
  .bxb--configurator-container .d-sm-table {
    display: table !important;
  }
  .bxb-offcanvas .d-sm-table-row,
  .bxb--configurator-container .d-sm-table-row {
    display: table-row !important;
  }
  .bxb-offcanvas .d-sm-table-cell,
  .bxb--configurator-container .d-sm-table-cell {
    display: table-cell !important;
  }
  .bxb-offcanvas .d-sm-flex,
  .bxb--configurator-container .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .bxb-offcanvas .d-sm-inline-flex,
  .bxb--configurator-container .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .bxb-offcanvas .d-md-none,
  .bxb--configurator-container .d-md-none {
    display: none !important;
  }
  .bxb-offcanvas .d-md-inline,
  .bxb--configurator-container .d-md-inline {
    display: inline !important;
  }
  .bxb-offcanvas .d-md-inline-block,
  .bxb--configurator-container .d-md-inline-block {
    display: inline-block !important;
  }
  .bxb-offcanvas .d-md-block,
  .bxb--configurator-container .d-md-block {
    display: block !important;
  }
  .bxb-offcanvas .d-md-table,
  .bxb--configurator-container .d-md-table {
    display: table !important;
  }
  .bxb-offcanvas .d-md-table-row,
  .bxb--configurator-container .d-md-table-row {
    display: table-row !important;
  }
  .bxb-offcanvas .d-md-table-cell,
  .bxb--configurator-container .d-md-table-cell {
    display: table-cell !important;
  }
  .bxb-offcanvas .d-md-flex,
  .bxb--configurator-container .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .bxb-offcanvas .d-md-inline-flex,
  .bxb--configurator-container .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .bxb-offcanvas .d-lg-none,
  .bxb--configurator-container .d-lg-none {
    display: none !important;
  }
  .bxb-offcanvas .d-lg-inline,
  .bxb--configurator-container .d-lg-inline {
    display: inline !important;
  }
  .bxb-offcanvas .d-lg-inline-block,
  .bxb--configurator-container .d-lg-inline-block {
    display: inline-block !important;
  }
  .bxb-offcanvas .d-lg-block,
  .bxb--configurator-container .d-lg-block {
    display: block !important;
  }
  .bxb-offcanvas .d-lg-table,
  .bxb--configurator-container .d-lg-table {
    display: table !important;
  }
  .bxb-offcanvas .d-lg-table-row,
  .bxb--configurator-container .d-lg-table-row {
    display: table-row !important;
  }
  .bxb-offcanvas .d-lg-table-cell,
  .bxb--configurator-container .d-lg-table-cell {
    display: table-cell !important;
  }
  .bxb-offcanvas .d-lg-flex,
  .bxb--configurator-container .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .bxb-offcanvas .d-lg-inline-flex,
  .bxb--configurator-container .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .bxb-offcanvas .d-xl-none,
  .bxb--configurator-container .d-xl-none {
    display: none !important;
  }
  .bxb-offcanvas .d-xl-inline,
  .bxb--configurator-container .d-xl-inline {
    display: inline !important;
  }
  .bxb-offcanvas .d-xl-inline-block,
  .bxb--configurator-container .d-xl-inline-block {
    display: inline-block !important;
  }
  .bxb-offcanvas .d-xl-block,
  .bxb--configurator-container .d-xl-block {
    display: block !important;
  }
  .bxb-offcanvas .d-xl-table,
  .bxb--configurator-container .d-xl-table {
    display: table !important;
  }
  .bxb-offcanvas .d-xl-table-row,
  .bxb--configurator-container .d-xl-table-row {
    display: table-row !important;
  }
  .bxb-offcanvas .d-xl-table-cell,
  .bxb--configurator-container .d-xl-table-cell {
    display: table-cell !important;
  }
  .bxb-offcanvas .d-xl-flex,
  .bxb--configurator-container .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .bxb-offcanvas .d-xl-inline-flex,
  .bxb--configurator-container .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.bxb-offcanvas .form-control,
.bxb--configurator-container .form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14;
  font-weight: 400;
  line-height: 1.5;
  color: #5f7285;
  background-color: #f8f8fa;
  background-clip: padding-box;
  border: 1px solid #dadae5;
  border-radius: 0;
  box-shadow: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.bxb-offcanvas .form-control::-ms-expand,
.bxb--configurator-container .form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.bxb-offcanvas .form-control:focus,
.bxb--configurator-container .form-control:focus {
  color: #5f7285;
  background-color: #f8f8fa;
  border-color: #ea657c;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(182, 25, 52, 0.25);
}
.bxb-offcanvas .form-control::placeholder,
.bxb--configurator-container .form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.bxb-offcanvas .form-control:disabled,
.bxb--configurator-container .form-control:disabled,
.bxb-offcanvas .form-control[readonly],
.bxb--configurator-container .form-control[readonly] {
  background-color: #eeeeee;
  opacity: 1;
}
.bxb-offcanvas .input-group,
.bxb--configurator-container .input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.bxb-offcanvas .input-group > .form-control,
.bxb--configurator-container .input-group > .form-control,
.bxb-offcanvas .input-group > .form-control-plaintext,
.bxb--configurator-container .input-group > .form-control-plaintext,
.bxb-offcanvas .input-group > .custom-select,
.bxb--configurator-container .input-group > .custom-select,
.bxb-offcanvas .input-group > .custom-file,
.bxb--configurator-container .input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.bxb-offcanvas .input-group > .form-control + .form-control,
.bxb--configurator-container .input-group > .form-control + .form-control,
.bxb-offcanvas .input-group > .form-control-plaintext + .form-control,
.bxb--configurator-container .input-group > .form-control-plaintext + .form-control,
.bxb-offcanvas .input-group > .custom-select + .form-control,
.bxb--configurator-container .input-group > .custom-select + .form-control,
.bxb-offcanvas .input-group > .custom-file + .form-control,
.bxb--configurator-container .input-group > .custom-file + .form-control,
.bxb-offcanvas .input-group > .form-control + .custom-select,
.bxb--configurator-container .input-group > .form-control + .custom-select,
.bxb-offcanvas .input-group > .form-control-plaintext + .custom-select,
.bxb--configurator-container .input-group > .form-control-plaintext + .custom-select,
.bxb-offcanvas .input-group > .custom-select + .custom-select,
.bxb--configurator-container .input-group > .custom-select + .custom-select,
.bxb-offcanvas .input-group > .custom-file + .custom-select,
.bxb--configurator-container .input-group > .custom-file + .custom-select,
.bxb-offcanvas .input-group > .form-control + .custom-file,
.bxb--configurator-container .input-group > .form-control + .custom-file,
.bxb-offcanvas .input-group > .form-control-plaintext + .custom-file,
.bxb--configurator-container .input-group > .form-control-plaintext + .custom-file,
.bxb-offcanvas .input-group > .custom-select + .custom-file,
.bxb--configurator-container .input-group > .custom-select + .custom-file,
.bxb-offcanvas .input-group > .custom-file + .custom-file,
.bxb--configurator-container .input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.bxb-offcanvas .input-group > .form-control:focus,
.bxb--configurator-container .input-group > .form-control:focus,
.bxb-offcanvas .input-group > .custom-select:focus,
.bxb--configurator-container .input-group > .custom-select:focus,
.bxb-offcanvas .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,
.bxb--configurator-container .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.bxb-offcanvas .input-group > .custom-file .custom-file-input:focus,
.bxb--configurator-container .input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.bxb-offcanvas .input-group > .form-control:not(:last-child),
.bxb--configurator-container .input-group > .form-control:not(:last-child),
.bxb-offcanvas .input-group > .custom-select:not(:last-child),
.bxb--configurator-container .input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bxb-offcanvas .input-group > .form-control:not(:first-child),
.bxb--configurator-container .input-group > .form-control:not(:first-child),
.bxb-offcanvas .input-group > .custom-select:not(:first-child),
.bxb--configurator-container .input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bxb-offcanvas .input-group > .custom-file,
.bxb--configurator-container .input-group > .custom-file {
  display: flex;
  align-items: center;
}
.bxb-offcanvas .input-group > .custom-file:not(:last-child) .custom-file-label,
.bxb--configurator-container .input-group > .custom-file:not(:last-child) .custom-file-label,
.bxb-offcanvas .input-group > .custom-file:not(:last-child) .custom-file-label::after,
.bxb--configurator-container .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bxb-offcanvas .input-group > .custom-file:not(:first-child) .custom-file-label,
.bxb--configurator-container .input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bxb-offcanvas .input-group-prepend,
.bxb--configurator-container .input-group-prepend,
.bxb-offcanvas .input-group-append,
.bxb--configurator-container .input-group-append {
  display: flex;
}
.bxb-offcanvas .input-group-prepend .btn,
.bxb--configurator-container .input-group-prepend .btn,
.bxb-offcanvas .input-group-append .btn,
.bxb--configurator-container .input-group-append .btn {
  position: relative;
  z-index: 2;
}
.bxb-offcanvas .input-group-prepend .btn:focus,
.bxb--configurator-container .input-group-prepend .btn:focus,
.bxb-offcanvas .input-group-append .btn:focus,
.bxb--configurator-container .input-group-append .btn:focus {
  z-index: 3;
}
.bxb-offcanvas .input-group-prepend .btn + .btn,
.bxb--configurator-container .input-group-prepend .btn + .btn,
.bxb-offcanvas .input-group-append .btn + .btn,
.bxb--configurator-container .input-group-append .btn + .btn,
.bxb-offcanvas .input-group-prepend .btn + .input-group-text,
.bxb--configurator-container .input-group-prepend .btn + .input-group-text,
.bxb-offcanvas .input-group-append .btn + .input-group-text,
.bxb--configurator-container .input-group-append .btn + .input-group-text,
.bxb-offcanvas .input-group-prepend .input-group-text + .input-group-text,
.bxb--configurator-container .input-group-prepend .input-group-text + .input-group-text,
.bxb-offcanvas .input-group-append .input-group-text + .input-group-text,
.bxb--configurator-container .input-group-append .input-group-text + .input-group-text,
.bxb-offcanvas .input-group-prepend .input-group-text + .btn,
.bxb--configurator-container .input-group-prepend .input-group-text + .btn,
.bxb-offcanvas .input-group-append .input-group-text + .btn,
.bxb--configurator-container .input-group-append .input-group-text + .btn {
  margin-left: -1px;
}
.bxb-offcanvas .input-group-prepend,
.bxb--configurator-container .input-group-prepend {
  margin-right: -1px;
}
.bxb-offcanvas .input-group-append,
.bxb--configurator-container .input-group-append {
  margin-left: -1px;
}
.bxb-offcanvas .input-group > .input-group-prepend > .btn,
.bxb--configurator-container .input-group > .input-group-prepend > .btn,
.bxb-offcanvas .input-group > .input-group-prepend > .input-group-text,
.bxb--configurator-container .input-group > .input-group-prepend > .input-group-text,
.bxb-offcanvas .input-group > .input-group-append:not(:last-child) > .btn,
.bxb--configurator-container .input-group > .input-group-append:not(:last-child) > .btn,
.bxb-offcanvas .input-group > .input-group-append:not(:last-child) > .input-group-text,
.bxb--configurator-container .input-group > .input-group-append:not(:last-child) > .input-group-text,
.bxb-offcanvas .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.bxb--configurator-container .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.bxb-offcanvas .input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
.bxb--configurator-container .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bxb-offcanvas .input-group > .input-group-append > .btn,
.bxb--configurator-container .input-group > .input-group-append > .btn,
.bxb-offcanvas .input-group > .input-group-append > .input-group-text,
.bxb--configurator-container .input-group > .input-group-append > .input-group-text,
.bxb-offcanvas .input-group > .input-group-prepend:not(:first-child) > .btn,
.bxb--configurator-container .input-group > .input-group-prepend:not(:first-child) > .btn,
.bxb-offcanvas .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.bxb--configurator-container .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.bxb-offcanvas .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.bxb--configurator-container .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.bxb-offcanvas .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.bxb--configurator-container .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/*
 * Components
 * ---------- */
body {
  /* Buttons in Configurator Window/Area */
}
body .bxb--configuration--is--invalid {
  display: none;
}
body.bxb--is--invalid .bxb--configuration--is--valid,
body.bxb--is--invalid .bxb--configuration-price,
body.bxb--is--invalid .bxb--delivery-information {
  display: none;
}
body.bxb--is--invalid .bxb--configuration--is--invalid {
  display: block;
}
body.bxb--is--open .product-detail-main .product-detail-media,
body.bxb--is--open .product-detail-main .product-detail-buy {
  display: none;
}
body.bxb--not-orderable-without-configuration .product-detail-buy .product-detail-price-container,
body.bxb--not-orderable-without-configuration .product-detail-buy .product-detail-tax-container,
body.bxb--not-orderable-without-configuration .product-detail-buy .product.product-detail-delivery-information,
body.bxb--not-orderable-without-configuration .product-detail-buy .product-detail-form-container {
  display: none;
}
body .bxb--button-get-snapshot-wrapper,
body .bxb--button-get-snapshot {
  display: none;
}
body.bxb--is--dev .bxb--button-get-snapshot-wrapper,
body.bxb--is--dev .bxb--button-get-snapshot {
  display: inline-block;
}
body .bxb--configurator-box .bxb--intro-headline {
  margin-bottom: 10px;
  font-size: 21px;
  line-height: 32px;
  font-weight: bold;
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-size: 0.75rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-auto[x-placement^="top"],
.bs-tooltip-top {
  padding: 0.4rem 0;
}
.bs-tooltip-auto[x-placement^="top"] .arrow,
.bs-tooltip-top .arrow {
  bottom: 0;
}
.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-top .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000000;
}
.bs-tooltip-auto[x-placement^="right"],
.bs-tooltip-right {
  padding: 0 0.4rem;
}
.bs-tooltip-auto[x-placement^="right"] .arrow,
.bs-tooltip-right .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.bs-tooltip-right .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000000;
}
.bs-tooltip-auto[x-placement^="bottom"],
.bs-tooltip-bottom {
  padding: 0.4rem 0;
}
.bs-tooltip-auto[x-placement^="bottom"] .arrow,
.bs-tooltip-bottom .arrow {
  top: 0;
}
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000000;
}
.bs-tooltip-auto[x-placement^="left"],
.bs-tooltip-left {
  padding: 0 0.4rem;
}
.bs-tooltip-auto[x-placement^="left"] .arrow,
.bs-tooltip-left .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.bs-tooltip-left .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 0.25rem;
}
.bxb-offcanvas {
  position: fixed;
  top: 60px;
  height: calc(100vh - 60px - 80px) !important;
  height: calc(( var(--bxb-vh, 1vh) * 100 ) - 60px - 80px) !important;
  width: 90%;
  z-index: 99999999200;
  overflow-y: auto;
  background: #f7f8fc;
  transition: all 0.45s cubic-bezier(0.3, 0, 0.15, 1);
}
@media (min-width: 30em) {
  .bxb-offcanvas {
    width: auto;
  }
}
.bxb-offcanvas.is-left {
  left: 0;
  transform: translateX(-100%);
}
.bxb-offcanvas.is-left .offcanvas-close {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.bxb-offcanvas.is-left .offcanvas-content-container {
  box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.3);
}
.bxb-offcanvas.is-right {
  right: 0;
  transform: translateX(100%);
}
.bxb-offcanvas.is-open {
  box-shadow: 8px 0 6px -6px rgba(0, 0, 0, 0.3);
  transform: translateX(0) !important;
}
.bxb-offcanvas.is-fullwidth {
  width: 100%;
}
.bxb-offcanvas.is-bottom {
  bottom: 0;
  top: auto;
  height: 90%;
  width: 100%;
  border-radius: 8px 8px 0 0;
  transform: translateY(100%);
}
.bxb-offcanvas.is-bottom .offcanvas-close {
  display: flex;
  border: 0;
  padding: 0;
}
.bxb-offcanvas .offcanvas-header {
  padding: 1rem 15px;
  background-color: #ffffff;
}
.bxb-offcanvas .offcanvas-header .offcanvas-title {
  font-size: 24px;
  font-weight: 600;
}
.bxb-offcanvas .offcanvas-close {
  width: 100%;
  border-radius: 0;
  font-weight: 400;
  padding: 0.5rem 1rem;
  text-align: left;
}
.bxb-offcanvas .offcanvas-close:focus {
  box-shadow: none;
}
.bxb-offcanvas .offcanvas-close,
.bxb-offcanvas .offcanvas-close .icon {
  color: #6c757d;
}
.bxb-offcanvas > .loader,
.bxb-offcanvas .offcanvas-content-container > .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1rem;
  margin-top: -1rem;
}
.bxb-offcanvas .offcanvas-content-container {
  width: 100%;
}
@media (min-width: 30em) {
  .bxb-offcanvas .offcanvas-content-container {
    width: 400px;
  }
}
.bxb-modal-backdrop {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100vw;
  height: calc(100vh - 60px - 80px) !important;
  height: calc(( var(--bxb-vh, 1vh) * 100 ) - 60px - 80px) !important;
  z-index: 999999991;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.45s cubic-bezier(0.3, 0, 0.15, 1), visibility 0.45s linear;
}
.bxb-modal-backdrop.fade {
  opacity: 0;
}
.bxb-modal-backdrop.show {
  opacity: 0.5;
}
.bxb-modal-backdrop.modal-backdrop-open {
  opacity: 1;
}
.bxb-modal-backdrop > .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1rem;
  margin-top: -1rem;
}
body.is--ctl-detail .bxb--configurator-container {
  display: none;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage,
body.is--ctl-detail.bxb--is--open {
  overflow: hidden;
  /* Hide scrollbars */
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container,
body.is--ctl-detail.bxb--is--open .bxb--configurator-container {
  display: block;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container .bxb--icon--white,
body.is--ctl-detail.bxb--is--open .bxb--configurator-container .bxb--icon--white,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container .icon-white,
body.is--ctl-detail.bxb--is--open .bxb--configurator-container .icon-white {
  color: #ffffff;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .tooltip,
body.is--ctl-detail.bxb--is--open .tooltip {
  z-index: 99999999102;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .off-canvas,
body.is--ctl-detail.bxb--is--open .off-canvas,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas,
body.is--ctl-detail.bxb--is--open .offcanvas {
  z-index: 99999999200;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .modal-backdrop,
body.is--ctl-detail.bxb--is--open .modal-backdrop {
  z-index: 999999991;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .modal,
body.is--ctl-detail.bxb--is--open .modal {
  z-index: 99999999801;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .js--modal.bxb--add-to-note-modal,
body.is--ctl-detail.bxb--is--open .js--modal.bxb--add-to-note-modal {
  z-index: 99999999801;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--modal-content-wrapper,
body.is--ctl-detail.bxb--is--open .bxb--modal-content-wrapper {
  padding: 10px;
  text-align: center;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 999999990;
  background: #ffffff;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay #bxb--configurator-iframe,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay #bxb--configurator-iframe {
  width: 100%;
  height: calc(100vh - 60px - 160px) !important;
  height: calc((var(--bxb-vh, 1vh) * 100) - 60px - 160px) !important;
  border: none;
  overflow: hidden;
}
@media (min-width: 48em) {
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay #bxb--configurator-iframe,
  .is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay #bxb--configurator-iframe {
    height: calc(100vh - 60px - 80px) !important;
    height: calc((var(--bxb-vh, 1vh) * 100) - 60px - 80px) !important;
  }
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .row,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .row,
.bxb--configurator-footer .row {
  margin-left: -10px;
  margin-right: -10px;
}
@media (min-width: 78.75em) {
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .row,
  .is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .row,
  .bxb--configurator-footer .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .row [class*="col-"],
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .row [class*="col-"],
.bxb--configurator-footer .row [class*="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 78.75em) {
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .row [class*="col-"],
  .is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .row [class*="col-"],
  .bxb--configurator-footer .row [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  z-index: 99999999100.00002;
  overflow: hidden;
  padding: 0 20px 0 0;
  background: #ffffff;
  box-shadow: 0px 3px 6px rgba(62, 76, 88, 0.19);
}
@media (min-width: 48em) {
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header,
  .is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header {
    padding: 0 30px 0 0;
  }
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .row,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .row,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header [class*="col-"],
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header [class*="col-"] {
  height: 100%;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .bxb--configurator-header-buttons,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .bxb--configurator-header-buttons {
  display: flex;
  word-spacing: -0.5ex;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn {
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-end;
  align-items: center;
  height: 100%;
  padding: 0 4px;
  border-radius: 0;
  border: 0;
  background: #ffffff;
  font-size: 12px;
  line-height: 15px;
  transition: background-color 0.4s, color 0.4s;
}
@media (min-width: 48em) {
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn,
  .is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn {
    flex-wrap: nowrap;
    align-content: center;
    padding: 0 30px;
    font-size: 14px;
    line-height: 17px;
  }
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn::after,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn::after {
  position: absolute;
  top: 15px;
  right: 0;
  width: 1px;
  height: 30px;
  z-index: 2;
  content: '';
  background: #eeeeee;
  transition: background-color 0.4s;
}
@media (min-width: 48em) {
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn::after,
  .is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn::after {
    display: none;
  }
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn:hover,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn:hover,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn:focus,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn:focus {
  box-shadow: none;
  color: #b61934;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn:hover::after,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn:hover::after,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn:focus::after,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn:focus::after {
  background: #3f4c58;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn .bxb--icon,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn .bxb--icon {
  width: 20px;
  height: 20px;
  font-size: 16px;
  line-height: 20px;
  color: inherit;
}
@media (min-width: 48em) {
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn .bxb--icon,
  .is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn .bxb--icon {
    margin-right: 8px;
  }
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn .bxb--icon.bxb--icon--help,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn .bxb--icon.bxb--icon--help {
  font-size: 20px;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn .icon-text,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn .icon-text {
  width: 100%;
  margin-top: 7px;
  margin-bottom: 9px;
  text-align: center;
}
@media (min-width: 48em) {
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn .icon-text,
  .is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .btn .icon-text {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
  }
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .logo-main,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .logo-main {
  margin: 10px 0;
  height: 40px;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .logo-main .logo--shop,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .logo-main .logo--shop {
  height: 100%;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .logo-main .logo--shop .logo--link,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .logo-main .logo--shop .logo--link {
  height: 100%;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .logo-main .logo--shop .logo--link picture,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .logo-main .logo--shop .logo--link picture {
  display: block;
  height: 100%;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .logo-main .logo--shop .logo--link picture img,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-header .logo-main .logo--shop .logo--link picture img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-body,
.is--ctl-detail .bxb--configurator-container.bxb--configurator--design-overlay .bxb--configurator-body {
  margin-top: 60px;
}
.bxb--configurator-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 160px;
  z-index: 99999999100.00002;
  overflow: hidden;
  background: #3f4c58;
  color: #ffffff;
}
@media (min-width: 48em) {
  .bxb--configurator-footer {
    height: 80px;
  }
}
@media (min-width: 48em) {
  .bxb--configurator-footer .bxb--configurator-footer-row {
    height: 100%;
    flex-wrap: nowrap;
  }
}
.bxb--configurator-footer .bxb--configurator-footer-row > [class*="col-"] {
  position: static;
}
.bxb--configurator-footer .bxb--configurator-footer-row .bxb--configurator-footer-cart-wrapper > .row {
  margin-left: -2px;
  margin-right: -2px;
}
.bxb--configurator-footer .bxb--configurator-footer-row .bxb--configurator-footer-cart-wrapper > .row > [class*="col-"] {
  padding-left: 2px;
  padding-right: 2px;
}
.bxb--configurator-footer .bxb--button-to-cart > * {
  pointer-events: none;
}
.bxb--configurator-footer .bxb--configurator--footer-actions {
  height: 60px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media (min-width: 48em) {
  .bxb--configurator-footer .bxb--configurator--footer-actions {
    height: 100%;
  }
}
.bxb--configurator-footer .bxb--configurator--footer-actions li {
  width: 100%;
  height: 100%;
  align-items: stretch;
}
@media (min-width: 48em) {
  .bxb--configurator-footer .bxb--configurator--footer-actions li {
    width: auto;
  }
}
@media (max-width: 48em) {
  .bxb--configurator-footer .bxb--configurator--footer-actions li:first-child > a,
  .bxb--configurator-footer .bxb--configurator--footer-actions li:last-child > a {
    border-right: 0;
  }
}
.bxb--configurator-footer .bxb--configurator--footer-actions li > form {
  height: 100%;
}
.bxb--configurator-footer .bxb--configurator--footer-actions li > form > button {
  background: none;
  border: 0;
}
.bxb--configurator-footer .bxb--configurator--footer-actions li > form > button,
.bxb--configurator-footer .bxb--configurator--footer-actions li > a {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  font-size: 12px;
  line-height: 23px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  transition: background-color 0.4s;
}
@media (min-width: 48em) {
  .bxb--configurator-footer .bxb--configurator--footer-actions li > form > button,
  .bxb--configurator-footer .bxb--configurator--footer-actions li > a {
    padding: 0 12px 0;
    border-bottom: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 64em) {
  .bxb--configurator-footer .bxb--configurator--footer-actions li > form > button,
  .bxb--configurator-footer .bxb--configurator--footer-actions li > a {
    padding: 0 20px 0;
  }
}
@media (min-width: 1700px) {
  .bxb--configurator-footer .bxb--configurator--footer-actions li > form > button,
  .bxb--configurator-footer .bxb--configurator--footer-actions li > a {
    justify-content: flex-end;
    padding: 0 30px 0;
  }
}
.bxb--configurator-footer .bxb--configurator--footer-actions li > form > button:hover,
.bxb--configurator-footer .bxb--configurator--footer-actions li > a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.bxb--configurator-footer .bxb--configurator--footer-actions li > form > button.bxb--is--disabled,
.bxb--configurator-footer .bxb--configurator--footer-actions li > a.bxb--is--disabled {
  pointer-events: none;
  background: rgba(255, 255, 255, 0.2);
  color: #3f4c58;
  cursor: no-drop;
}
.bxb--configurator-footer .bxb--configurator--footer-actions li > form > button.bxb--is--disabled .bxb--icon--white,
.bxb--configurator-footer .bxb--configurator--footer-actions li > a.bxb--is--disabled .bxb--icon--white,
.bxb--configurator-footer .bxb--configurator--footer-actions li > form > button.bxb--is--disabled .icon-white,
.bxb--configurator-footer .bxb--configurator--footer-actions li > a.bxb--is--disabled .icon-white {
  color: #3f4c58 !important;
}
.bxb--configurator-footer .bxb--configurator--footer-actions li > form > button .bxb--icon,
.bxb--configurator-footer .bxb--configurator--footer-actions li > a .bxb--icon {
  font-size: 22px;
  text-align: center;
}
.bxb--configurator-footer .bxb--configurator--footer-actions li > form > button .bxb--icon.bxb--icon--pdf,
.bxb--configurator-footer .bxb--configurator--footer-actions li > a .bxb--icon.bxb--icon--pdf {
  font-size: 20px;
}
.bxb--configurator-footer .bxb--configurator--footer-actions li > form > button .bxb--icon.bxb--icon--mail-quick,
.bxb--configurator-footer .bxb--configurator--footer-actions li > a .bxb--icon.bxb--icon--mail-quick {
  font-size: 14px;
}
.bxb--configurator-footer .bxb--configurator--footer-actions li.bxb--configurator--footer-chat {
  position: absolute;
  top: 28px;
  left: 10px;
  width: auto;
  z-index: 2;
}
@media (min-width: 48em) {
  .bxb--configurator-footer .bxb--configurator--footer-actions li.bxb--configurator--footer-chat {
    position: relative;
    top: auto;
    left: auto;
  }
}
.bxb--configurator-footer .bxb--configurator--footer-actions li.bxb--configurator--footer-chat > a {
  justify-content: center;
}
.bxb--configurator-footer .bxb--configurator--footer-actions .bxb--icon--chat {
  font-size: 54px;
  padding: 10px 0 10px;
  border-radius: 54px;
  border: 2px solid #b61934;
}
.bxb--configurator-footer .bxb--configurator--footer-actions .bxb--icon--heart {
  font-size: 20px;
}
.bxb--configurator-footer .bxb--configurator--footer-actions .bxb--icon--mail-quick {
  font-size: 14px;
}
.bxb--configurator-footer .bxb--configurator--footer-actions .icon-text {
  display: none;
  padding-top: 5px;
  padding-bottom: 16px;
}
@media (min-width: 1700px) {
  .bxb--configurator-footer .bxb--configurator--footer-actions .icon-text {
    display: inline-block;
  }
}
.bxb--configurator-footer .bxb--configurator--footer-buybox {
  padding-top: 23px;
}
@media (min-width: 48em) {
  .bxb--configurator-footer .bxb--configurator--footer-buybox {
    padding-top: 0;
  }
}
.bxb--configurator-footer .bxb--configurator--footer-buybox-row {
  flex-wrap: nowrap;
}
@media (max-width: 48em) {
  .bxb--configurator-footer .bxb--configurator--footer-buybox-row {
    line-height: 14px;
  }
}
@media (min-width: 48em) {
  .bxb--configurator-footer .bxb--configurator--footer-buybox-row {
    height: 100%;
  }
}
@media (min-width: 48em) {
  .bxb--configurator-footer .bxb--configurator--footer-buybox-row .row {
    height: 100%;
  }
}
.bxb--configurator-footer .bxb--configurator--footer-buybox-row .bxb--delivery--text,
.bxb--configurator-footer .bxb--configurator--footer-buybox-row .bxb--configurator--footer-listprice {
  font-size: 11px;
  line-height: 14px;
}
@media (min-width: 78.75em) {
  .bxb--configurator-footer .bxb--configurator--footer-buybox-row .bxb--delivery--text,
  .bxb--configurator-footer .bxb--configurator--footer-buybox-row .bxb--configurator--footer-listprice {
    font-size: 12px;
    line-height: 15px;
  }
}
.bxb--configurator-footer .bxb--configurator--footer-buybox-row .bxb--configurator--footer-delivery {
  color: #b61934;
}
.bxb--configurator-footer .bxb--configurator--footer-buybox-row .bxb--configurator--footer-delivery .bxb--icon--delivery {
  font-size: 16px;
}
.bxb--configurator-footer .bxb--configurator--footer-buybox-row .bxb--configurator--footer-price {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}
@media (min-width: 78.75em) {
  .bxb--configurator-footer .bxb--configurator--footer-buybox-row .bxb--configurator--footer-price {
    font-size: 30px;
    line-height: 36px;
  }
}
.bxb--configurator-footer .bxb--configurator--footer-buybox-row .btn-buy {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  border-radius: 54px;
  margin-right: 10px;
  padding: 0;
}
@media (min-width: 48em) {
  .bxb--configurator-footer .bxb--configurator--footer-buybox-row .btn-buy {
    display: block;
    width: auto;
    height: 100%;
    border-radius: 0;
    margin-right: 0;
    padding: 0 20px;
  }
}
@media (min-width: 78.75em) {
  .bxb--configurator-footer .bxb--configurator--footer-buybox-row .btn-buy {
    padding: 0 50px;
  }
}
.bxb--configurator-footer .bxb--configurator--footer-buybox-row .btn-buy .bxb--icon {
  font-size: 17px;
  margin-right: 3px;
}
@media (min-width: 64em) {
  .bxb--configurator-footer .bxb--configurator--footer-buybox-row .btn-buy .bxb--icon {
    font-size: 17px;
    margin-right: 5px;
  }
}
.bxb--configurator-footer .bxb--configurator--footer-buybox-row .btn-buy.bxb--is--disabled {
  background: #3f4c58;
  background: rgba(255, 255, 255, 0.2);
  color: #3f4c58;
  border: none;
}
.bxb--configurator-footer .bxb--configurator--footer-buybox-row .btn-buy.bxb--is--disabled svg {
  fill: rgba(255, 255, 255, 0.2);
}
.bxb--configurator-footer .bxb--configurator--footer-buybox-row .btn-buy.bxb--is--disabled .bxb--icon--white,
.bxb--configurator-footer .bxb--configurator--footer-buybox-row .btn-buy.bxb--is--disabled .icon-white {
  color: #3f4c58;
}
.bxb--configurator-footer .bxb--configurator--footer-buybox-row .btn-buy .action--text {
  margin: 0 0 0 8px;
  display: none;
  font-size: 14px;
  line-height: 17px;
}
@media (min-width: 64em) {
  .bxb--configurator-footer .bxb--configurator--footer-buybox-row .btn-buy .action--text {
    display: inline-block;
  }
}
.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-header .offcanvas-content-container,
.is--ctl-detail.bxb--is--open .bxb--configurator-header .offcanvas-content-container,
.is--ctl-xcaliburblazor.is-act-configuratorpage .bxb--configurator-footer .offcanvas-content-container,
.is--ctl-detail.bxb--is--open .bxb--configurator-footer .offcanvas-content-container {
  width: 0;
  height: 0;
  overflow: hidden;
}
.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe,
.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe {
  top: 60px;
  height: calc(100vh - 60px - 80px) !important;
  height: calc((var(--bxb-vh, 1vh) * 100) - 60px - 80px) !important;
  background: #eeeeee;
  background: #f7f8fc;
  box-shadow: 8px 0 6px -6px rgba(0, 0, 0, 0.3);
  border-radius: 0 !important;
}
.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe ~ .modal-backdrop.modal-backdrop-open,
.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe ~ .modal-backdrop.modal-backdrop-open {
  top: 60px;
  height: calc(100vh - 60px - 80px) !important;
  height: calc((var(--bxb-vh, 1vh) * 100) - 60px - 80px) !important;
}
@media (max-width: 30em) {
  .is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe,
  .is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe {
    height: calc(100vh - 80px - 80px) !important;
    height: calc((var(--bxb-vh, 1vh) * 100) - 80px - 80px) !important;
  }
  .is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe ~ .modal-backdrop.modal-backdrop-open,
  .is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe ~ .modal-backdrop.modal-backdrop-open {
    height: calc(100vh - 80px - 80px) !important;
    height: calc((var(--bxb-vh, 1vh) * 100) - 80px - 80px) !important;
  }
}
.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe.is-left .bxb--send-configuration-form--page,
.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe.is-left .bxb--send-configuration-form--page,
.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe.is-left .offcanvas-content-container,
.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe.is-left .offcanvas-content-container {
  box-shadow: inset 0px 8px 6px -6px rgba(0, 0, 0, 0.3);
  padding: 0;
}
.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe.is-bottom,
.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe.is-bottom {
  top: 100px;
  left: 0;
  right: 0;
  height: calc(100vh - 100px - 80px) !important;
  height: calc((var(--bxb-vh, 1vh) * 100) - 100px - 80px) !important;
  box-shadow: 8px 0 6px -6px rgba(0, 0, 0, 0.3), -8px 0 6px -6px rgba(0, 0, 0, 0.3);
  max-width: 800px;
  margin: 0 auto;
}
.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe.is-bottom .bxb--send-configuration-form--page,
.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe.is-bottom .bxb--send-configuration-form--page,
.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe.is-bottom .offcanvas-content-container,
.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe.is-bottom .offcanvas-content-container {
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 0;
  border: 0;
}
@media (max-width: 48em) {
  .is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe.is-bottom,
  .is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe.is-bottom {
    top: 0;
    height: calc(100vh - 160px) !important;
    height: calc((var(--bxb-vh, 1vh) * 100) - 160px) !important;
  }
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config {
  height: 100%;
  padding: 20px !important;
  background: #313e4b;
  color: #ffffff;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .bxb--send-configuration-form--message,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .bxb--send-configuration-form--message,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .bxb--send-configuration-form--message,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .bxb--send-configuration-form--message,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .bxb--send-configuration-form--message,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .bxb--send-configuration-form--message,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .bxb--send-configuration-form--message,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .bxb--send-configuration-form--message {
  margin-bottom: 5px;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-group,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-group,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-group,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-group,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-group,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-group,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-group,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-group {
  margin-bottom: 10px;
}
@media (max-width: 30em) {
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-group,
  body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-group,
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-group,
  body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-group,
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-group,
  body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-group,
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-group,
  body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-group {
    padding: 0;
    margin: 0 0 10px 0;
  }
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-group.bxb--has--error input.form-control,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-group.bxb--has--error input.form-control,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-group.bxb--has--error input.form-control,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-group.bxb--has--error input.form-control,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-group.bxb--has--error input.form-control,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-group.bxb--has--error input.form-control,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-group.bxb--has--error input.form-control,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-group.bxb--has--error input.form-control {
  border: 1px solid #b61934;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form label,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form label,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config label,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config label,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner label,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner label,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config label,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config label {
  display: none;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-check-label,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-check-label,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-check-label,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-check-label,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-check-label,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-check-label,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-check-label,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-check-label {
  display: inline-block;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-control,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-control,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-control,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-control,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-control,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-control,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-control,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-control {
  background-color: #46525d;
  border-color: #46525d;
  border-radius: 0;
  color: #ffffff;
  height: calc(1.5em + 1.125rem + 8px);
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-control:not(.bxb--has--error .form-control),
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-control:not(.bxb--has--error .form-control),
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-control:not(.bxb--has--error .form-control),
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-control:not(.bxb--has--error .form-control),
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-control:not(.bxb--has--error .form-control),
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-control:not(.bxb--has--error .form-control),
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-control:not(.bxb--has--error .form-control),
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-control:not(.bxb--has--error .form-control) {
  border: none;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-control::-webkit-input-placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-control::-webkit-input-placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-control::-webkit-input-placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-control::-webkit-input-placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-control::-webkit-input-placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-control::-webkit-input-placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-control::-webkit-input-placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-control::-webkit-input-placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-control::-moz-placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-control::-moz-placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-control::-moz-placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-control::-moz-placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-control::-moz-placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-control::-moz-placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-control::-moz-placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-control::-moz-placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-control:-ms-input-placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-control:-ms-input-placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-control:-ms-input-placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-control:-ms-input-placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-control:-ms-input-placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-control:-ms-input-placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-control:-ms-input-placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-control:-ms-input-placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-control:-moz-placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-control:-moz-placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-control:-moz-placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-control:-moz-placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-control:-moz-placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-control:-moz-placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-control:-moz-placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-control:-moz-placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-control::placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .form-control::placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-control::placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .form-control::placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-control::placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .form-control::placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-control::placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .form-control::placeholder {
  color: #a9afb4;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .btn[type="submit"],
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .btn[type="submit"],
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .btn[type="submit"],
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .btn[type="submit"],
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .btn[type="submit"],
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .btn[type="submit"],
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .btn[type="submit"],
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .btn[type="submit"] {
  margin-top: 20px;
  width: 100%;
  min-height: 54px;
  border-radius: 0;
  font-weight: 400;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .bxb--icon--white,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .bxb--icon--white,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .bxb--icon--white,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .bxb--icon--white,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .bxb--icon--white,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .bxb--icon--white,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .bxb--icon--white,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .bxb--icon--white,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .icon-white,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .icon-white,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .icon-white,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .icon-white,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .icon-white,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .icon-white,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .icon-white,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .icon-white {
  color: #ffffff;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .bxb--configurator--offcanvas--title,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .bxb--configurator--offcanvas--title,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .bxb--configurator--offcanvas--title,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .bxb--configurator--offcanvas--title,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .bxb--configurator--offcanvas--title,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .bxb--configurator--offcanvas--title,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .bxb--configurator--offcanvas--title,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .bxb--configurator--offcanvas--title {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  padding-bottom: 20px;
  cursor: pointer;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .bxb--configurator--offcanvas--title .bxb--configurator--offcanvas--title-icons,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .bxb--configurator--offcanvas--title .bxb--configurator--offcanvas--title-icons,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .bxb--configurator--offcanvas--title .bxb--configurator--offcanvas--title-icons,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .bxb--configurator--offcanvas--title .bxb--configurator--offcanvas--title-icons,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .bxb--configurator--offcanvas--title .bxb--configurator--offcanvas--title-icons,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .bxb--configurator--offcanvas--title .bxb--configurator--offcanvas--title-icons,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .bxb--configurator--offcanvas--title .bxb--configurator--offcanvas--title-icons,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .bxb--configurator--offcanvas--title .bxb--configurator--offcanvas--title-icons {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .bxb--configurator--offcanvas--title .bxb--configurator--offcanvas--title-icons .bxb--icon,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .bxb--configurator--offcanvas--title .bxb--configurator--offcanvas--title-icons .bxb--icon,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .bxb--configurator--offcanvas--title .bxb--configurator--offcanvas--title-icons .bxb--icon,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .bxb--configurator--offcanvas--title .bxb--configurator--offcanvas--title-icons .bxb--icon,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .bxb--configurator--offcanvas--title .bxb--configurator--offcanvas--title-icons .bxb--icon,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .bxb--configurator--offcanvas--title .bxb--configurator--offcanvas--title-icons .bxb--icon,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .bxb--configurator--offcanvas--title .bxb--configurator--offcanvas--title-icons .bxb--icon,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .bxb--configurator--offcanvas--title .bxb--configurator--offcanvas--title-icons .bxb--icon {
  font-size: 6px;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .bxb--configurator--offcanvas--title .bxb--icon--info,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .bxb--configurator--offcanvas--title .bxb--icon--info,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .bxb--configurator--offcanvas--title .bxb--icon--info,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .bxb--configurator--offcanvas--title .bxb--icon--info,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .bxb--configurator--offcanvas--title .bxb--icon--info,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .bxb--configurator--offcanvas--title .bxb--icon--info,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .bxb--configurator--offcanvas--title .bxb--icon--info,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .bxb--configurator--offcanvas--title .bxb--icon--info {
  width: 20px;
  height: 20px;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .bxb--configurator--offcanvas--title .bxb--icon--arrow-down-big,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .bxb--configurator--offcanvas--title .bxb--icon--arrow-down-big,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .bxb--configurator--offcanvas--title .bxb--icon--arrow-down-big,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .bxb--configurator--offcanvas--title .bxb--icon--arrow-down-big,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .bxb--configurator--offcanvas--title .bxb--icon--arrow-down-big,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .bxb--configurator--offcanvas--title .bxb--icon--arrow-down-big,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .bxb--configurator--offcanvas--title .bxb--icon--arrow-down-big,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .bxb--configurator--offcanvas--title .bxb--icon--arrow-down-big {
  width: 10px;
  height: 6px;
  margin-left: 20px;
}
@media (max-width: 48em) {
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .bxb--configurator--offcanvas--title,
  body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .bxb--configurator--offcanvas--title,
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .bxb--configurator--offcanvas--title,
  body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .bxb--configurator--offcanvas--title,
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .bxb--configurator--offcanvas--title,
  body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .bxb--configurator--offcanvas--title,
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .bxb--configurator--offcanvas--title,
  body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .bxb--configurator--offcanvas--title {
    padding-bottom: 0;
  }
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .bxb--configurator--offcanvas--title .bxb--icon--arrow-down-big,
  body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas--send-configuration-form .bxb--configurator--offcanvas--title .bxb--icon--arrow-down-big,
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .bxb--configurator--offcanvas--title .bxb--icon--arrow-down-big,
  body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-share-config .bxb--configurator--offcanvas--title .bxb--icon--arrow-down-big,
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .bxb--configurator--offcanvas--title .bxb--icon--arrow-down-big,
  body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-connect-partner .bxb--configurator--offcanvas--title .bxb--icon--arrow-down-big,
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .bxb--configurator--offcanvas--title .bxb--icon--arrow-down-big,
  body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--configurator--offcanvas-request-config .bxb--configurator--offcanvas--title .bxb--icon--arrow-down-big {
    width: 18px;
    height: 11px;
    margin-left: 10px;
  }
}
.bxb--configurator--offcanvas-help {
  overflow: hidden;
}
.bxb--configurator--offcanvas-help .bxb--icon {
  font-size: 22px;
  color: inherit;
}
.bxb--configurator--offcanvas-help .bxb--icon.bxb--icon--mail {
  font-size: 16px;
}
.bxb--configurator--offcanvas-help .bxb--icon.bxb--icon--manual {
  font-size: 14px;
}
.bxb--configurator--offcanvas-help .bxb--help-hide [class*="col-"] {
  padding: 0 10px 0 0;
}
.bxb--configurator--offcanvas-help .bxb--help-hide strong {
  font-size: 14px;
  line-height: 100%;
}
.bxb--configurator--offcanvas-help .bxb--help-hide .bxb--icon {
  font-size: 11px;
}
.bxb--configurator--offcanvas-help a {
  display: block;
  color: #5f7285;
  cursor: pointer;
  transition: background-color 0.4s;
}
.bxb--configurator--offcanvas-help a:hover {
  text-decoration: none;
  background: #ced4da;
}
.bxb--configurator--offcanvas-help .row {
  align-content: center;
  align-items: center;
  margin: 0 -9px;
  padding: 20px 10px 17px 22px;
  border-bottom: 1px solid #6c757d;
  font-size: 11px;
  line-height: 12px;
}
.bxb--configurator--offcanvas-help [class*="col-"] {
  padding: 0 9px;
}
.bxb--configurator--offcanvas-help small,
.bxb--configurator--offcanvas-help .small {
  font-size: 11px;
}
.bxb--configurator--offcanvas-help strong {
  display: inline-block;
  font-size: 16px;
  line-height: 21px;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page {
  padding: 20px !important;
  background: #313e4b;
  color: #ffffff;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .form-group,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .form-group {
  margin-bottom: 10px;
}
@media (max-width: 48em) {
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .form-group,
  body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .form-group {
    padding: 0;
    margin: 0 0 10px 0;
  }
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page label,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page label {
  display: none;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .form-check-label,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .form-check-label {
  display: inline-block;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .form-control,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .form-control {
  background-color: #46525d;
  border-color: #46525d;
  border-radius: 0;
  color: #ffffff;
  height: calc(1.5em + 1.125rem + 8px);
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .form-control:not(.bxb--has--error .form-control),
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .form-control:not(.bxb--has--error .form-control) {
  border: none;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .form-control::-webkit-input-placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .form-control::-webkit-input-placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .form-control::-moz-placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .form-control::-moz-placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .form-control:-ms-input-placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .form-control:-ms-input-placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .form-control:-moz-placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .form-control:-moz-placeholder,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .form-control::placeholder,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .form-control::placeholder {
  color: #a9afb4;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .btn[type="submit"],
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .btn[type="submit"] {
  margin-top: 20px;
  width: 100%;
  min-height: 54px;
  border-radius: 0;
  font-weight: 400;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .bxb--icon--white,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .bxb--icon--white,
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .icon-white,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .icon-white {
  color: #ffffff;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .bxb--send-configuration-form--title,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .bxb--send-configuration-form--title {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  padding-bottom: 20px;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .bxb--send-configuration-form--title .bxb--send-configuration-form--title-icons,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .bxb--send-configuration-form--title .bxb--send-configuration-form--title-icons {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .bxb--send-configuration-form--title .bxb--icon--info,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .bxb--send-configuration-form--title .bxb--icon--info {
  font-size: 20px;
}
body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .bxb--send-configuration-form--title .bxb--icon--arrow-down-big,
body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .bxb--send-configuration-form--title .bxb--icon--arrow-down-big {
  font-size: 6px;
  margin-left: 20px;
}
@media (max-width: 48em) {
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .bxb--send-configuration-form--title,
  body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .bxb--send-configuration-form--title {
    padding-bottom: 0;
  }
  body.is--ctl-xcaliburblazor.is-act-configuratorpage .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .bxb--send-configuration-form--title .bxb--icon--arrow-down-big,
  body.is--ctl-detail.bxb--is--open .offcanvas-bxb-configurator-over-iframe .bxb--send-configuration-form--page .bxb--send-configuration-form--title .bxb--icon--arrow-down-big {
    font-size: 11px;
    margin-left: 10px;
  }
}
.bxb--send-configuration-form--page,
.bxb--send-configuration-finish {
  padding: 24px;
}
.bxb--send-configuration-form--page .bxb--send-configuration-form--message {
  margin-bottom: 20px;
}
.bxb--send-configuration-form--page .form-group {
  padding: 10px 0;
}
.bxb--send-configuration-form--page .form-group .form-check[data-bxb-field-name="privacyPolicy"].bxb--has--error {
  color: red;
}
.bxb--send-configuration-form--page .form-group.bxb--has--error .form-control {
  border-color: red !important;
}
/*
 * page
 * ---------- */
.product-detail-tabs-content .bxb--product-sales-text {
  display: flex;
  flex-wrap: wrap;
  margin: 25px -15px;
}
.product-detail-tabs-content .bxb--product-sales-text .bxb--single-product-sales-text {
  margin: 0 15px 2rem;
}
@media (min-width: 48em) {
  .product-detail-tabs-content .bxb--product-sales-text .bxb--single-product-sales-text {
    max-width: 50%;
  }
}
.product-detail-tabs-content .bxb--product-sales-text .bxb--product-definition {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 5px;
}
.product-detail-tabs-content .bxb--product-sales-text .bxb--product-specification {
  margin-bottom: 1rem;
}
.product-detail-tabs-content .bxb--product-sales-text .bxb--product-attribute-wrapper > .bxb--product-attribute {
  padding: .75rem;
}
.product-detail-tabs-content .bxb--product-sales-text .bxb--product-attribute-wrapper > .bxb--product-attribute:nth-of-type(2n+1) {
  background-color: #f9f9f9;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Stores
 *
 * @package   OstStores
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2019 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Lottery
 *
 * @package   OstLottery
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2019 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form > div {
  margin-bottom: 10px;
}
body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.image--container img {
  margin: auto;
}
body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.lottery--container div.fieldset {
  width: 50%;
}
body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.lottery--container div.fieldset > div {
  margin-bottom: 15px;
}
body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.lottery--container div.fieldset > div:last-child {
  margin-bottom: 0;
}
body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.lottery--container div.fieldset div.field--text input {
  width: 100%;
}
body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.lottery--container div.fieldset div.field--textarea textarea {
  width: 100%;
}
body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.lottery--container div.fieldset div.field--checkbox div.checkbox-element input {
  margin-right: 8px;
}
body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.lottery--container div.fieldset div.field--radio div.radio-element input {
  margin-right: 8px;
}
body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.participant--container div.participant-form > div {
  margin-bottom: 15px;
}
body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.participant--container div.participant-form > div:last-child {
  margin-bottom: 0;
}
body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.participant--container div.participant-form {
  width: 50%;
}
body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.participant--container div.participant-form input {
  width: 100%;
}
body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.participant--container div.participant-form input.register--field-zipcode,
body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.participant--container div.participant-form input.register--field-city {
  float: left;
}
body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.participant--container div.participant-form input.register--field-zipcode {
  width: calc(30% - 15px);
  margin-right: 15px;
}
body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.participant--container div.participant-form input.register--field-city {
  width: 70%;
}
body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.disclaimer--container p {
  margin-bottom: 0;
}
body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.action--container {
  margin-bottom: 0;
}
body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.action--container button {
  float: right;
}
body.is--ctl-ostlottery.is--act-finish div.content.ost-lottery--content div.finish--container p {
  margin-bottom: 0;
}
@media screen and (max-width: 48em) {
  body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.lottery--container div.fieldset {
    width: 100%;
  }
  body.is--ctl-ostlottery.is--act-index div.content.ost-lottery--content form div.participant--container div.participant-form {
    width: 100%;
  }
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Foundation
 *
 * @package   OstFoundation
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Foundation
 *
 * @package   OstFoundation
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Foundation
 *
 * @package   OstFoundation
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
.has--no-border {
  border: 0 !important;
}
.is--bold {
  font-weight: 700;
}
.is--normal {
  font-weight: 500;
}
.is--vertical-centered {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 100%;
}
.is--hidden {
  display: none;
}
.has--line-through {
  position: relative;
}
.has--line-through:after {
  content: '';
  border-bottom: 2px solid #a12726;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-30deg);
  opacity: 0.6;
}
.is--green {
  background-color: #339900 !important;
  border-color: #339900 !important;
  color: #ffffff !important;
}
.is--light-green {
  background-color: #03bc22 !important;
  border-color: #03bc22 !important;
  color: #ffffff !important;
}
.is--sea-green {
  background-color: #3cb371 !important;
  border-color: #3cb371 !important;
  color: #ffffff !important;
}
.is--blue {
  background-color: #0093d0 !important;
  border-color: #0093d0 !important;
  color: #ffffff !important;
}
.is--slate-blue {
  background-color: #6a5acd !important;
  border-color: #6a5acd !important;
  color: #ffffff !important;
}
.is--red {
  background-color: #a12726 !important;
  border-color: #a12726 !important;
  color: #ffffff !important;
}
.is--white {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}
.is--yellow {
  background-color: #ffcc00 !important;
  border-color: #ffcc00 !important;
  color: #ffffff !important;
}
.is--orange {
  background-color: #ff6600 !important;
  border-color: #ff6600 !important;
  color: #ffffff !important;
}
.is--black {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}
.is--turquoise {
  background-color: #4bccdf !important;
  border-color: #4bccdf !important;
  color: #ffffff !important;
}
.is--purple {
  background-color: #800080 !important;
  border-color: #800080 !important;
  color: #ffffff !important;
}
.is--light-purple {
  background-color: #9370db !important;
  border-color: #9370db !important;
  color: #ffffff !important;
}
.is--violet {
  background-color: #ee82ee !important;
  border-color: #ee82ee !important;
  color: #ffffff !important;
}
.is--black {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}
.is--light-gray {
  background-color: #f7f7f7 !important;
  border-color: #f7f7f7 !important;
  color: #ffffff !important;
}
.is--dark-gray {
  background-color: #e1e1e1 !important;
  border-color: #e1e1e1 !important;
  color: #ffffff !important;
}
.is--brown {
  background-color: #8b4513 !important;
  border-color: #8b4513 !important;
  color: #ffffff !important;
}
.is--button {
  background-color: #f6f6f6;
  border-color: #ddd;
  color: #333;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
}
.is--button:hover {
  background-color: #ededed;
  border-color: #ddd;
  color: #333;
}
.is--button:focus {
  outline: none;
}
div.js--modal.sizing--fixed div.content {
  height: calc(100% - 42px);
  overflow: hidden;
}
div.js--modal.sizing--fixed.no--header div.content {
  height: 100% !important;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Foundation
 *
 * @package   OstFoundation
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Foundation
 *
 * @package   OstFoundation
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Foundation
 *
 * @package   OstFoundation
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Foundation
 *
 * @package   OstFoundation
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
div.ost-foundation--number-input .number-container {
  height: 100%;
  width: 100%;
  padding: 5px;
  overflow: hidden;
}
div.ost-foundation--number-input .number-container button {
  height: calc(20% - 10px);
  width: calc(33.3333% - 10px);
  margin: 5px;
}
div.ost-foundation--number-input .number-container button.is--output {
  width: calc(100% - 10px);
  margin: 5px;
}
div.ost-foundation--number-input .number-container button.is--decimal-button {
  display: none;
}
div.ost-foundation--number-input .number-container.has--decimals button.is--clear-button {
  display: none;
}
div.ost-foundation--number-input .number-container.has--decimals button.is--decimal-button {
  display: inline-block;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Foundation
 *
 * @package   OstFoundation
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
div.ost-foundation--alert .message--outer {
  width: 100%;
  text-align: center;
  height: calc(100% - 55px);
}
div.ost-foundation--alert .message {
  padding-left: 20px;
  padding-right: 20px;
  height: 100%;
  font-weight: normal;
}
div.ost-foundation--alert .is--button {
  position: absolute;
  bottom: 0;
  width: calc(100% - 10px);
  margin: 5px;
  height: 45px;
}
div.ost-foundation--alert .title {
  text-align: center;
}
div.ost-foundation--alert .content {
  height: calc(100% - 63px);
  overflow: hidden;
}
div.ost-foundation--alert div.btn.modal--close {
  display: none;
}
div.js--modal.sizing--fixed.ost-foundation--alert {
  max-height: 300px !important;
  max-width: 700px !important;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Foundation
 *
 * @package   OstFoundation
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
.js--loading-indicator .message {
  font-size: 14px;
  line-height: 14px;
  height: 14px;
  width: 100%;
  text-align: center;
  position: fixed;
  left: 0;
  top: calc(50% + 40px);
  color: #dadae6;
}
.js--loading-indicator .message span {
  font-size: 14px;
  line-height: 14px;
  height: 14px;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Foundation
 *
 * @package   OstFoundation
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
div.ost-foundation--calculator .calculator-container {
  height: 100%;
  width: 100%;
  padding: 5px;
  overflow: hidden;
}
div.ost-foundation--calculator .calculator-container button {
  height: calc(18% - 10px);
  width: calc(20% - 10px);
  margin: 5px;
}
div.ost-foundation--calculator .calculator-container button.is--output {
  width: calc(100% - 10px);
  margin: 5px;
  text-align: right;
  padding-right: 30px;
  letter-spacing: 6px;
}
div.ost-foundation--calculator .calculator-container button.is--summary {
  width: calc(100% - 10px);
  margin: 5px;
  text-align: right;
  padding-right: 30px;
  letter-spacing: 4px;
  font-size: 20px;
  height: calc(10% - 10px);
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Foundation
 *
 * @package   OstFoundation
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
div.ost-foundation--calendar .calendar-container {
  height: 100%;
  width: 100%;
  padding: 5px;
  overflow: hidden;
}
div.ost-foundation--calendar .calendar-container button {
  height: calc(12.5% - 10px);
  width: calc(12.5% - 10px);
  margin: 5px;
}
div.ost-foundation--calendar .calendar-container button.is--month {
  width: calc(75% - 10px);
  margin: 5px;
  background-color: #2b3a42;
  border-color: #2b3a42;
  color: #ffffff;
}
div.ost-foundation--calendar .calendar-container button.is--last-month-day,
div.ost-foundation--calendar .calendar-container button.is--next-month-day {
  border-color: #ffffff;
  background: #ffffff;
  color: #cccccc;
}
div.ost-foundation--calendar .calendar-container button.is--today {
  background: #3f5866;
  border-color: #3f5866;
  color: #ffffff;
}
div.ost-foundation--calendar .calendar-container button.is--week-day-header,
div.ost-foundation--calendar .calendar-container button.is--calendar-week-header {
  background-color: #3f5866;
  border-color: #3f5866;
  color: #ffffff;
}
div.ost-foundation--calendar .calendar-container button.is--calendar-week {
  background-color: #9eb1ba;
  border-color: #9eb1ba;
  color: #ffffff;
}
div.ost-foundation--calendar .calendar-container button.is--month-navigation {
  background-color: #339900 !important;
  border-color: #339900 !important;
  color: #ffffff !important;
}
.mo-vviinn-search-results {
  width: 100%;
  display: grid;
  grid-gap: 10px 20px;
  grid-template-columns: 1fr 100px;
  grid-template-areas: "search filter" "selected selected" "results results";
}
.mo-vviinn-search-results .mo-vviinn-text-search {
  grid-area: search;
}
.mo-vviinn-search-results .mo-vviinn-filters {
  grid-area: filter;
}
.mo-vviinn-search-results .mo-vviinn-selected-filters {
  grid-area: selected;
}
.mo-vviinn-search-results .mo-vviinn-results {
  grid-area: results;
}
.mo-vviinn-search-results .vviinn-filters-desktop {
  display: none;
}
@media screen and (max-width: 64em) {
  .mo-vviinn-search-results .mo-vviinn-filters {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 64em) {
  .mo-vviinn-search-results {
    grid-template-columns: 280px 1fr;
    grid-template-areas: "filter search" "filter selected" "filter results";
  }
  .mo-vviinn-search-results .vviinn-filters-desktop {
    display: block;
  }
  .mo-vviinn-search-results .vviinn-filters-mobile {
    display: none;
  }
}
/* Super Mega Slider styles. */
.mega-slider {
  /* Fix for free space between 2 slider  */
  /* Title box - less width and positioned and bottom-left corner  */
  /* Audio Playbutton position (SINCE V 1.1.6) */
  /* youtube container class  */
  /* ---- Slider-Arrow Styles ---- */
  /* Hover shadow left side */
  /* Hover shadow right side */
  /* ---- end of: slider arrows ---- */
  /* Since Version 1.2.5 */
}
.mega-slider .banner-slider--banner {
  /* textbox on the left */
  /* textbox on the right */
  /* textbox centered */
  /* textboxes general */
  /* individual settings for left, center & right infobox  */
}
.mega-slider .banner-slider--banner .banner-info--container {
  left: 60px;
  text-align: left;
}
.mega-slider .banner-slider--banner .banner-info--container .btn {
  float: left;
}
.mega-slider .banner-slider--banner .mega-text-right {
  right: 60px;
  text-align: right;
}
.mega-slider .banner-slider--banner .mega-text-right .btn {
  float: right;
}
.mega-slider .banner-slider--banner .mega-text-center {
  left: 25%;
  text-align: center;
}
.mega-slider .banner-slider--banner .mega-text-center .btn {
  float: unset;
  margin: 0 auto;
  display: table;
}
.mega-slider .banner-slider--banner .banner-info--container,
.mega-slider .banner-slider--banner .mega-text-right,
.mega-slider .banner-slider--banner .mega-text-center {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 50%;
}
.mega-slider .banner-slider--banner .banner-info--container .headline,
.mega-slider .banner-slider--banner .mega-text-right .headline,
.mega-slider .banner-slider--banner .mega-text-center .headline {
  color: #fff;
  display: inline-block;
  width: 100%;
  white-space: normal;
  margin: 5px 0;
  border-style: solid;
  border-width: 0;
}
.mega-slider .banner-slider--banner .banner-info--container .description-container .description,
.mega-slider .banner-slider--banner .mega-text-right .description-container .description,
.mega-slider .banner-slider--banner .mega-text-center .description-container .description {
  color: #fff;
  float: left;
  width: 100%;
  margin: 0px 0px 5px 0px;
  margin: 0rem 0rem 0.3125rem 0rem;
  border-style: solid;
  border-width: 0;
}
.mega-slider .banner-slider--banner .banner-info--container .btn,
.mega-slider .banner-slider--banner .mega-text-right .btn,
.mega-slider .banner-slider--banner .mega-text-center .btn {
  padding: 3px 11px 3px 11px;
  padding: 0.1875rem 0.6875rem 0.1875rem 0.6875rem;
  background: transparent;
  border-style: solid;
  font-weight: unset;
  border-width: 1px;
  line-height: 1.7em;
  position: relative;
  font-size: 16px;
  transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  border-radius: 0;
}
.mega-slider .banner-slider--banner .banner-info--container .btn:after,
.mega-slider .banner-slider--banner .mega-text-right .btn:after,
.mega-slider .banner-slider--banner .mega-text-center .btn:after {
  font-family: 'shopware', sans-serif;
  content: "\e60f";
  display: inline-block;
  font-size: 12px;
  font-weight: 100;
  opacity: 0;
  margin-left: -1em;
  transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
}
.mega-slider .banner-slider--banner .banner-info--container .btn:hover,
.mega-slider .banner-slider--banner .mega-text-right .btn:hover,
.mega-slider .banner-slider--banner .mega-text-center .btn:hover {
  padding: 3px 14px 3px 14px;
  padding: 0.1875rem 0.875rem 0.1875rem 0.875rem;
  border-color: unset;
  background: rgba(255, 255, 255, 0.2);
}
.mega-slider .banner-slider--banner .banner-info--container .btn:hover:after,
.mega-slider .banner-slider--banner .mega-text-right .btn:hover:after,
.mega-slider .banner-slider--banner .mega-text-center .btn:hover:after {
  opacity: 1;
  margin: auto 1px auto 4px;
}
.mega-slider .banner-slider--banner .banner-info--container .description-container {
  display: flex;
}
.mega-slider .banner-slider--banner .banner-info--container .description-container .description {
  margin: 0px 0px 3px 0px;
  margin: 0rem 0rem 0.1875rem 0rem;
  width: auto;
}
.mega-slider .banner-slider--banner .mega-text-center .description-container {
  display: flex;
}
.mega-slider .banner-slider--banner .mega-text-center .description-container .description {
  margin: 0 auto 5px auto;
  width: auto;
}
.mega-slider .banner-slider--banner .mega-text-right .description-container {
  display: block;
  float: right;
}
.mega-slider .banner-slider--banner .mega-text-right .description-container .description {
  float: right;
  width: auto;
}
.mega-slider .image-slider--container {
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem;
}
.mega-slider .banner-slider--title {
  bottom: 0;
  top: unset;
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  z-index: 100;
  /* needed to hide the shadow from the arrow box on hover */
}
.mega-slider .banner-slider--playbutton {
  padding: 12px 55px 12px 15px;
  padding: 0.75rem 3.4375rem 0.75rem 0.9375rem;
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  z-index: 100;
}
.mega-slider .banner-slider--playbutton .mega-play-button-container {
  display: block;
  cursor: pointer;
  float: right;
}
.mega-slider .banner-slider--playbutton .mega-play-button-container .mega-play-button {
  padding: 4px 5px 4px 8px;
  padding: 0.25rem 0.3125rem 0.25rem 0.5rem;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-radius: 50px;
  border: 2px solid;
}
@media screen and (max-width: 768px) {
  .mega-slider .banner-slider--title {
    display: none;
  }
}
.mega-slider .youtube--container {
  position: relative;
  padding-top: 56.25%;
  height: 0;
  /* Inner container */
}
.mega-slider .youtube--container .content--youtube {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* pointer-events: none */
}
.mega-slider .arrow.is--left,
.mega-slider .arrow.is--right {
  display: flex;
  /* for vertically aligning the before icon (arrow) */
  transition: all .4s;
  /* transition for the shadow effect */
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  z-index: 0;
  /* Needed to hide on over at the main-title area */
  border-radius: 0;
}
.mega-slider .arrow {
  height: 100%;
  margin-top: unset;
  top: 0%;
  background: none;
  border: none;
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  color: #fff;
  width: 37px;
  width: 2.3125rem;
  /* vertically align the arrow icon */
}
.mega-slider .arrow:before {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.mega-slider .arrow:hover {
  border: none;
  color: #000;
  background: rgba(255, 255, 255, 0.2);
  width: 41px;
  width: 2.5625rem;
  z-index: 0;
}
.mega-slider .arrow.is--left:hover {
  -webkit-box-shadow: -2px -4px 4px 0px #000000;
  -moz-box-shadow: -2px -4px 4px 0px #000000;
  box-shadow: -2px -4px 4px 0px #000000;
}
.mega-slider .arrow.is--right:hover {
  -webkit-box-shadow: 2px 0px 4px 0px #000000;
  -moz-box-shadow: 2px 0px 4px 0px #000000;
  box-shadow: 2px 0px 4px 0px #000000;
}
.mega-slider .super-mega-dots {
  display: block !important;
  bottom: 3%;
  z-index: 9999;
  top: auto;
  left: 0;
  position: absolute;
  width: 100%;
  text-align: center;
  padding: 0;
}
.mega-slider .super-mega-dots .dot--link {
  border-radius: 100%;
  margin: 0px 2px 0px 2px;
  margin: 0rem 0.125rem 0rem 0.125rem;
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  border: 5px solid rgba(255, 255, 255, 0.5);
  cursor: pointer;
  text-indent: -99999em;
  background-clip: padding-box;
}
.mega-slider .super-mega-dots .dot--link.is--active {
  background-color: #fff !important;
  background-clip: padding-box;
}
/* Setting the space for the main title box, when it`s active */
.mega-main-title {
  /* Delete the space in mobile view (title also wont show) */
}
.mega-main-title .arrow.is--left,
.mega-main-title .arrow.is--right {
  top: -39px;
  padding-top: 78px;
}
@media screen and (max-width: 768px) {
  .mega-main-title .arrow.is--left,
  .mega-main-title .arrow.is--right {
    padding-top: unset;
    top: 0;
  }
}
/* Darkside Styles*/
.mega-darkside .banner-slider--banner .banner-info--container .headline,
.mega-darkside .banner-slider--banner .mega-text-right .headline,
.mega-darkside .banner-slider--banner .mega-text-center .headline {
  color: #000000;
}
.mega-darkside .banner-slider--banner .banner-info--container .description-container .description,
.mega-darkside .banner-slider--banner .mega-text-right .description-container .description,
.mega-darkside .banner-slider--banner .mega-text-center .description-container .description {
  color: #000;
}
.mega-darkside .banner-slider--banner .banner-info--container .btn,
.mega-darkside .banner-slider--banner .mega-text-right .btn,
.mega-darkside .banner-slider--banner .mega-text-center .btn {
  color: #000000;
}
.mega-darkside .banner-slider--banner .banner-info--container .btn:hover,
.mega-darkside .banner-slider--banner .mega-text-right .btn:hover,
.mega-darkside .banner-slider--banner .mega-text-center .btn:hover {
  background: rgba(0, 0, 0, 0.2);
}
.mega-darkside .banner-slider--playbutton .mega-play-button-container .mega-play-button {
  color: #000;
  background: rgba(255, 255, 255, 0.5);
}
.mega-darkside .arrow {
  color: #000;
}
.mega-darkside .arrow:hover {
  background: rgba(0, 0, 0, 0.2);
  width: 41px;
  width: 2.5625rem;
  color: #fff;
}
.mega-darkside .banner-slider--title {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Registration Validation
 *
 * @package   OstRegistrationValidation
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2019 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Registration Validation
 *
 * @package   OstRegistrationValidation
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2019 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
textarea.has--no-error,
input[type="text"].has--no-error,
input[type="search"].has--no-error,
input[type="password"].has--no-error,
input[type="number"].has--no-error,
input[type="email"].has--no-error,
input[type="tel"].has--no-error {
  color: #208e4e;
  background: #def2e7;
  border-color: #208e4e;
}
.select-field select.has--no-error,
.js--fancy-select select.has--no-error {
  color: #208e4e;
  background: #def2e7;
  border-color: #208e4e;
}
.ost-registration-validation + .error-message,
.ost-registration-validation + .error-message + .error-message {
  display: none;
  margin-top: -5px;
  margin-bottom: 15px;
  color: #e74c3c;
  font-size: 12px;
  line-height: 18px;
}
@media screen and (min-width: 48em) {
  .ost-registration-validation + .error-message,
  .ost-registration-validation + .error-message + .error-message {
    margin-top: -10px;
  }
}
.ost-registration-validation.has--error + .error-message {
  display: block;
}
div.register--zip-city .error-message,
div.register--zip-city .ost-registration-validation + .error-message {
  float: left;
}
div.register--zip-city input.has--error + input:not(.has--error) + .error-message {
  display: block;
  width: 28%;
}
div.register--zip-city input:not(.has--error) + input.has--error + .error-message + .error-message {
  display: block;
  width: 70%;
  margin-left: 30%;
}
div.register--zip-city input.has--error + input.has--error + .error-message {
  display: block;
  width: 28%;
  margin-right: 2%;
}
div.register--zip-city input.has--error + input.has--error + .error-message + .error-message {
  display: block;
  width: 70%;
}
/**
 * Shopware
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the NEW BSD license
 * that is bundled with this package in the file LICENSE.
 * It is also available through the world-wide-web at this URL:
 * <http://opensource.org/licenses/BSD-3-Clause>
 *
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to info@shopware.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or modify the file if you wish to upgrade Shopware to a newer
 * version. If you wish to customize the storefront template of Shopware please
 * refer to http://wiki.shopware.com for more information.
 *
 * @category    design
 * @copyright   Copyright (c) 2014 shopware AG (http://www.shopware.com)
 * @license     http://opensource.org/licenses/BSD-3-Clause  New BSD
 */
.liveshopping--details {
  display: none;
}
.liveshopping--details .counter {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  padding: 5px 0px 5px 0px;
  padding: 0.3125rem 0rem 0.3125rem 0rem;
  border-top: 1px solid #dadae5;
  border-left: 1px solid #dadae5;
  border-right: 1px solid #dadae5;
  background-color: #f8f8fa;
  color: #5f7285;
  font-weight: 700;
}
.liveshopping--details .counter:after {
  content: "";
  display: table;
  clear: both;
}
.liveshopping--details .counter--number {
  font-size: 18px;
  font-size: 1.125rem;
}
.liveshopping--details .counter--text {
  font-size: 12px;
  font-size: 0.75rem;
}
.liveshopping--details .counter--headline,
.liveshopping--details .stock--headline {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 3px;
  margin-bottom: 0.1875rem;
}
.liveshopping--details .counter--time.is--stock {
  width: 60%;
  float: left;
}
.liveshopping--details .counter--stock {
  border-left: 1px solid #dadae5;
  width: 40%;
  float: left;
}
.liveshopping--details .liveshopping--prices {
  font-size: 12px;
  font-size: 0.75rem;
}
.liveshopping--details .liveshopping--prices .content--price {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  color: #fff;
  background-color: #e74c3c;
  width: 100%;
}
.liveshopping--details .liveshopping--prices .discount--charge-icon {
  top: 1px;
  top: 0.0625rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  position: relative;
}
.liveshopping--details .liveshopping--prices .price--container {
  min-height: 30px;
  min-height: 1.875rem;
  text-align: center;
}
.liveshopping--details .liveshopping--prices .liveshopping--pseudoprice {
  font-size: 14px;
  font-size: 0.875rem;
}
.liveshopping--details .liveshopping--prices .liveshopping--price {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 700;
}
.liveshopping--details .liveshopping--prices .discount--container {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
}
.liveshopping--details .liveshopping--prices .discount--charge-text {
  min-height: 30px;
  min-height: 1.875rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}
.liveshopping--details .liveshopping--prices .discount--charge--price {
  min-height: 30px;
  min-height: 1.875rem;
  font-size: 18px;
  font-size: 1.125rem;
}
.liveshopping--details .liveshopping--prices .unit-price--container {
  padding: 5px 0px 5px 0px;
  padding: 0.3125rem 0rem 0.3125rem 0rem;
}
.liveshopping--details .liveshopping--elapse {
  margin: 7px 0px 7px 0px;
  margin: 0.4375rem 0rem 0.4375rem 0rem;
  border-radius: 4px;
  background-clip: padding-box;
  width: 100%;
  background: #bf2718;
}
.liveshopping--details .elapse--inner {
  border-radius: 4px;
  background-clip: padding-box;
  background: #fff;
  height: 4px;
}
@media screen and (min-width: 30em) {
  .liveshopping--details {
    width: 80%;
  }
}
@media screen and (min-width: 48em) {
  .liveshopping--details {
    width: 100%;
  }
}
.box--emotion .liveshopping--listing {
  height: 100%;
}
.box--emotion .liveshopping--listing .product--price-info .price--unit {
  height: 20px;
  height: 1.25rem;
}
.product--box .product--badges .badge--liveshopping {
  display: none;
  white-space: nowrap;
}
.product--box .product--badges .badge--liveshopping .discount--charge-icon {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 0;
  font-weight: bold;
}
.product--box .product--badges .badge--liveshopping .counter--text {
  font-size: 12px;
  font-size: 0.75rem;
}
.liveshopping--listing {
  overflow: hidden;
}
.liveshopping--listing .liveshopping--container {
  border-radius: 3px;
  background-clip: padding-box;
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.625rem 0rem 0.625rem;
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #e74c3c;
  color: #ffffff;
}
.liveshopping--listing .liveshopping--price {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
}
.liveshopping--listing .liveshopping--pseudoprice {
  font-size: 12px;
  font-size: 0.75rem;
}
.box--basic .product--price-info,
.box--image .product--price-info,
.box--emotion .product--price-info {
  height: 50px;
  height: 3.125rem;
}
.box--basic .liveshopping--listing .liveshopping--container,
.box--image .liveshopping--listing .liveshopping--container,
.box--emotion .liveshopping--listing .liveshopping--container {
  height: 30px;
  height: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
}
.box--minimal .liveshopping--listing .price--unit {
  height: 24px;
  height: 1.5rem;
}
.box--minimal .liveshopping--listing .product--price-outer {
  height: 0;
}
.box--minimal .liveshopping--listing .liveshopping--container {
  padding: 2px 10px 2px 10px;
  padding: 0.125rem 0.625rem 0.125rem 0.625rem;
}
.box--minimal .liveshopping--listing .liveshopping--price {
  display: block;
}
.box--minimal .liveshopping--listing .liveshopping--pseudoprice {
  display: block;
}
.box--list .liveshopping--listing .liveshopping--container {
  max-width: 280px;
  max-width: 17.5rem;
}
.badge--stock {
  background: #5f7285;
  color: #ffffff;
}
@media screen and (min-width: 78.75em) {
  .is--ctl-live-shopping .sidebar-main + .content--wrapper {
    margin-left: 260px;
    margin-left: 16.25rem;
  }
}
.liveshopping--content {
  margin: 30px 0px 30px 0px;
  margin: 1.875rem 0rem 1.875rem 0rem;
}
.liveshopping--cat-text {
  padding: 20px 20px 20px 20px;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.product--table .cart--badge {
  z-index: 1;
  background: #e74c3c;
}
@media screen and (min-width: 48em) {
  .is--ctl-LiveShopping .sidebar-main + .content--wrapper,
  .is--ctl-liveshopping .sidebar-main + .content--wrapper {
    margin-left: 260px;
    margin-left: 16.25rem;
  }
  .is--ctl-LiveShopping .sidebar-main,
  .is--ctl-liveshopping .sidebar-main {
    display: block;
  }
}
@media screen and (min-width: 78.75em) {
  .liveshopping--content {
    padding-top: 45px;
    padding-top: 2.8125rem;
    margin: 0;
  }
  .quick-view--view {
    height: 550px;
    height: 34.375rem;
  }
}
@media screen and (min-width: 30em) {
  .quick-view--view .liveshopping--details {
    width: 100%;
  }
  .is--storytelling .product-slider--container .liveshopping--listing .product--image {
    height: 50%;
  }
  .is--storytelling .emotion--product .liveshopping--listing .product--image {
    height: 65%;
  }
  .is--storytelling .emotion--product .liveshopping--listing .product--details {
    max-height: 35%;
  }
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Form Back Button
 *
 * @package   OstFormBackButton
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Form Back Button
 *
 * @package   OstFormBackButton
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-forms.is--act-index form div.buttons a {
  float: left;
}
body.is--ctl-forms.is--act-index div.success-buttons.buttons a {
  float: left;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Order Info
 *
 * @package   OstOrderInfo
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2019 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Order Info
 *
 * @package   OstOrderInfo
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2019 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--login .ost-order-info--alert {
  margin-bottom: 15px;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--login form .ost-order-info--login--order-number,
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--login form .ost-order-info--login--customer-number {
  margin-bottom: 15px;
  display: block;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--login form .btn {
  display: block;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .header--container {
  margin-bottom: 20px;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .header--container h1 {
  padding: 20px 0px 20px 0px;
  margin: 0;
  font-size: 26px;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .status--container img.status-image {
  margin: auto;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .status--container .alert {
  margin: 15px 0 15px 0;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .customer--billing-address {
  width: 49%;
  float: left;
  margin: 0px 0px 20px 0px;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .customer--billing-address .panel--body {
  height: 200px;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .customer--billing-address .panel--body p {
  margin: 0;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .customer--shipping-address {
  width: 49%;
  float: right;
  margin: 0px 0px 20px 0px;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .customer--shipping-address .panel--body {
  height: 200px;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .customer--shipping-address .panel--body p {
  margin: 0;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .base-info--container {
  clear: both;
  margin: 0px 0px 20px 0px;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .base-info--container div.panel--body p {
  margin: 0;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .positions--container {
  margin: 0px 0px 20px 0px;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .positions--container .positions--table .column--number {
  width: 20%;
  text-align: left;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .positions--container .positions--table .column--name {
  width: 50%;
  text-align: left;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .positions--container .positions--table .column--quantity {
  width: 10%;
  text-align: center;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .positions--container .positions--table .column--price {
  width: 20%;
  text-align: right;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .positions--container .sums--table .sums--table-item {
  border-width: 0;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .positions--container .sums--table .sums--table-item .panel--td {
  padding: 0;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .positions--container .sums--table .sums--table-item:first-child {
  border-width: 1px 0 0 0;
  padding-top: 10px;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .positions--container .sums--table .column--description {
  width: 20%;
  text-align: left;
  margin-left: 60%;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .positions--container .sums--table .column--amount {
  width: 20%;
  text-align: right;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .customer-service--container {
  margin: 0;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info--index .customer-service--container div.panel--body p {
  margin: 0;
}
@media screen and (min-width: 48em) {
  .is--ctl-ostorderinfo .sidebar-main {
    display: block;
  }
  .is--ctl-ostorderinfo .sidebar-main .categories--headline,
  .is--ctl-ostorderinfo .sidebar-main .categories--navigation {
    display: none;
  }
  .is--ctl-ostorderinfo .sidebar-main + .content--wrapper {
    margin-left: 260px;
    margin-left: 16.25rem;
  }
}
/** Styles der Top Navigation **/
.navigation-main .dreiscMenuIcon {
  float: left;
  height: 32px;
  margin: 2px 6px 2px -4px;
  width: 32px;
  position: relative;
  top: -6px;
}
.navigation-main .dreiscMenuIconOnly {
  float: left;
  height: 32px;
  margin: 2px -2px 2px -4px;
  width: 32px;
  position: relative;
  top: -7px;
}
/** Styles des Menu Containers **/
.dreisc-menu--container-item {
  margin-top: 1px;
  max-width: 1260px;
  max-width: 78.75rem;
  box-shadow: 0 10px 25px -15px #000000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: #ffffff;
  width: 100%;
  position: absolute;
  color: #3f4c58;
  z-index: 10000;
}
.dreisc-menu--container-item .clear {
  clear: both;
}
.dreisc-menu--container-item .dreisc-menu--clear-space {
  clear: both;
  height: 10px;
}
.dreisc-menu--container-item:after {
  content: "";
  display: table;
  clear: both;
}
.dreisc-menu--container-item .menu--list {
  list-style: none;
  display: block;
}
.dreisc-menu--container-item .content--wrapper {
  margin: 20px 20px 20px 20px;
  margin: 1.25rem 1.25rem 1.25rem 1.25rem;
  position: relative;
}
.dreisc-menu--container-item .menu--delimiter {
  content: "";
  width: 1px;
  background: #dadae5;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
}
.dreisc-menu--container-item .menu--teaser {
  padding: 10px 10px 0px 20px;
  padding: 0.625rem 0.625rem 0rem 1.25rem;
  position: relative;
  float: left;
}
.dreisc-menu--container-item .teaser--image {
  height: 250px;
  height: 15.625rem;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.dreisc-menu--container-item .teaser--image + .teaser--headline,
.dreisc-menu--container-item .teaser--image + .teaser--text {
  margin-top: 40px;
  margin-top: 2.5rem;
}
.dreisc-menu--container-item .teaser--headline {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
}
.dreisc-menu--container-item .menu--list-item {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: normal;
  word-wrap: break-word;
}
.dreisc-menu--container-item .menu--list-item-link {
  padding: 5px 0px 5px 0px;
  padding: 0.3125rem 0rem 0.3125rem 0rem;
  font-size: 16px;
  font-size: 1rem;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  color: #3f4c58;
  display: block;
}
.dreisc-menu--container-item .menu--list-item-link:hover {
  color: #b61934;
}
.dreisc-menu--container-item .button-container {
  font-size: 16px;
  font-size: 1rem;
  padding: 20px 30px 20px 30px;
  padding: 1.25rem 1.875rem 1.25rem 1.875rem;
  background: #3f4c58;
  color: #ffffff;
  font-weight: bold;
}
.dreisc-menu--container-item .button-container .button--category {
  padding: 20px 20px 20px 20px;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  color: #ffffff;
  position: relative;
}
.dreisc-menu--container-item .button-container .icon--arrow-right {
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: -6px;
  margin-top: -0.375rem;
  position: absolute;
  top: 50%;
  right: 0;
}
.dreisc-menu--container-item .button-container .button--close {
  padding: 20px 20px 20px 20px;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  margin-top: -20px;
  margin-top: -1.25rem;
  float: right;
  cursor: pointer;
}
.dreisc-menu--container-item .menu--container {
  display: none;
}
.dreisc-menu--container-item .menu--container:first-child {
  border-left: block;
}
.dreisc-menu--container-item .menu--container.menu--is-active {
  display: block;
}
.dreisc-menu--container-item .menu--level-0 {
  padding: 10px 10px 0px 10px;
  padding: 0.625rem 0.625rem 0rem 0.625rem;
  float: left;
}
.dreisc-menu--container-item .menu--level-0.columns--1 {
  -webkit-column-count: 1;
  column-count: 1;
}
.dreisc-menu--container-item .menu--level-0.columns--2 {
  -webkit-column-count: 2;
  column-count: 2;
}
.dreisc-menu--container-item .menu--level-0.columns--3 {
  -webkit-column-count: 3;
  column-count: 3;
}
.dreisc-menu--container-item .menu--level-0.columns--4 {
  -webkit-column-count: 4;
  column-count: 4;
}
.dreisc-menu--container-item .menu--level-1 {
  margin: 5px 0px 0px 20px;
  margin: 0.3125rem 0rem 0rem 1.25rem;
}
.dreisc-menu--container-item .menu--level-2 {
  margin: 0px 0px 5px 20px;
  margin: 0rem 0rem 0.3125rem 1.25rem;
}
.dreisc-menu--container-item .item--level-0 {
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
  display: inline-block;
  position: relative;
}
.dreisc-menu--container-item .item--level-0 .menu--list-item-link {
  font-weight: bold;
}
.dreisc-menu--container-item .item--level-1:last-child {
  margin: 0;
}
.dreisc-menu--container-item .item--level-1 .menu--list-item-link {
  padding: 5px 0px 5px 0px;
  padding: 0.3125rem 0rem 0.3125rem 0rem;
  font-size: 16px;
  font-size: 1rem;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  color: #3f4c58;
  display: block;
  font-weight: normal;
}
.dreisc-menu--container-item .item--level-1 .menu--list-item-link:hover {
  color: #b61934;
}
.dreisc-menu--container-item .item--level-2 .menu--list-item-link {
  font-size: 14px;
  font-size: 0.875rem;
}
.dreisc-menu--container-item .item--level-2 .menu--list-item-link + .menu--level-3 {
  margin: 0px 0px 5px 20px;
  margin: 0rem 0rem 0.3125rem 1.25rem;
}
.dreisc-menu--container-item .item--level-3 .menu--list-item-link {
  font-size: 12px;
  font-size: 0.75rem;
}
.navigation-main .navigation--list .navigation--entry.is--hovered {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: #3f4c58;
}
.navigation-main .navigation--list .navigation--entry.is--hovered .navigation--link {
  background: #3f4c58;
  color: #ffffff;
}
@media screen and (min-width: 78.75em) {
  .advanced-menu .content--wrapper {
    margin: 40px 40px 40px 40px;
    margin: 2.5rem 2.5rem 2.5rem 2.5rem;
  }
}
/** Styles der Menu Inhalte **/
.dreiscMenu {
  background-color: #FFFFFF;
}
.dreiscMenu .dreiscMenuColumn {
  float: left;
  height: 100%;
  margin-top: 10px;
  overflow: hidden;
}
.dreiscMenu .dreiscMenuColumns1 .dreiscMenuColumn {
  width: 99%;
  padding-left: 0.5%;
}
.dreiscMenu .dreiscMenuColumns2 .dreiscMenuColumn {
  width: 98%;
  padding-left: 1%;
}
.dreiscMenu .dreiscMenuColumns3 .dreiscMenuColumn {
  width: 97%;
  padding-left: 1.5%;
}
.dreiscMenu .dreiscMenuColumns4 .dreiscMenuColumn {
  width: 96%;
  padding-left: 2%;
}
.dreiscMenu .dreiscMenuColumnLast {
  /*margin-right: 1px;*/
}
.dreiscMenu .dreiscMenuColumns1 {
  float: left;
  width: 100%;
}
.dreiscMenu .dreiscMenuColumns2 {
  float: left;
  width: 50%;
}
.dreiscMenu .dreiscMenuColumns3 {
  float: left;
  width: 33.3%;
}
.dreiscMenu .dreiscMenuColumns4 {
  float: left;
  width: 25%;
}
.dreiscMenu .dreiscMenuColumns5 {
  float: left;
  width: 20%;
}
.dreiscMenu .dreiscMenuColumns7 {
  float: left;
  width: 14.27%;
}
.dreiscMenu #dreiscMenuColumnContent {
  width: 100%;
}
.dreiscMenu .dreiscMenuElementHeadline {
  font-size: 14px;
  font-size: 0.875rem;
  color: #303030;
  font-weight: bold;
  margin: 0 0 5px;
  padding: 2px 2px 2px 8px;
  line-height: 1.1;
  display: block;
}
#dreiscMenuColumnContent a.menu {
  background: url("../../Plugins/Local/Frontend/DreiscMenu/Views/_default/frontend/dreisc_menu/_resources/images/link-ico.png") no-repeat scroll left top transparent;
  border-left-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
  border-left: transparent;
  border-right: transparent;
  float: inherit;
  color: #3E3E3E;
  height: inherit;
  line-height: normal;
  margin-bottom: 5px;
  padding: 0 0 0 18px;
  display: block;
}
#dreiscMenuColumnContent a.menu:hover {
  background: url("../../Plugins/Local/Frontend/DreiscMenu/Views/_default/frontend/dreisc_menu/_resources/images/link-ico.png") no-repeat scroll left bottom transparent;
  color: #117275;
}
#dreiscMenuColumnContent a {
  border-left-color: transparent;
  border-right-color: transparent;
  border-left-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
  color: inherit;
  padding: inherit;
  float: none;
}
#dreiscMenuColumnContent p {
  line-height: 1.5em;
  margin: 0 0 0.3em;
}
.dreiscMenuElementHtml a {
  height: inherit !important;
  display: inline-block !important;
}
.dreiscMenuElementHtml .dreisc-menu--text {
  margin: 10px;
}
/*
#dreiscMenuColumnContent ul {
  position: relative;
  margin-left: 20px;
}
#dreiscMenuColumnContent ul li {
  float: none;
  list-style: disc outside none;
  line-height: 1.5em;
}
#dreiscMenuColumnContent ol {
  position: relative;
  margin-left: 20px;
}
#dreiscMenuColumnContent ol li {
  float: none;
  list-style: decimal outside none;
  line-height: 1.5em;
}
*/
.dreiscMenu .dreiscMenuFooter {
  background-color: #B2B2B2;
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: -5px;
}
/**
 * Element article box
 */
#dreiscMenuColumnContent div.dreisc_menu_artbox {
  height: 270px;
}
#dreiscMenuColumnContent div.dreisc_menu_artbox.last {
  margin-right: 0;
}
#dreiscMenuColumnContent div.dreisc_menu_artbox a {
  float: inherit;
}
#dreiscMenuColumnContent div.dreisc_menu_artbox a.dreisc_artbox_thumb {
  height: 105px;
}
#dreiscMenuColumnContent div.dreisc_menu_artbox a.title {
  padding: 0;
  text-align: center;
  line-height: 1.2em;
}
#dreiscMenuColumnContent div.dreisc_menu_artbox p.price {
  padding: 0;
  text-align: center;
}
#dreiscMenuColumnContent div.dreisc_menu_artbox p.pseudoprice {
  padding: 0;
  text-align: center;
}
#dreiscMenuColumnContent div.dreisc_menu_artbox div.article_price_unit {
  padding: 0;
  text-align: center;
}
#dreiscMenuColumnContent div.dreisc_menu_artbox a.artbox_thumb {
  height: 130px;
  display: block;
  margin-bottom: 8px;
}
.dreisc_artbox.dreisc_menu_artbox img {
  margin: 0 auto;
}
.dreisc_artbox.dreisc_menu_artbox_small img {
  margin: 0 auto;
}
/**
 * Element article gallery
 */
#dreiscMenuColumnContent div.dreisc_menu_artgallery {
  border: 0 none;
  height: 80px;
  margin: 0;
  width: 25%;
}
#dreiscMenuColumnContent div.dreisc_menu_artgallery div.inner {
  padding: 8px;
}
#dreiscMenuColumnContent div.dreisc_menu_artgallery.last {
  margin-right: 0;
}
#dreiscMenuColumnContent div.dreisc_menu_artgallery a {
  float: inherit;
}
.dreisc_menu_artgallery_inner {
  /*border: 1px solid #E0E0E0;*/
  background-color: #FFFFFF;
  width: 70px;
  height: 75px;
  margin: 0 auto;
}
.dreisc_menu_artgallery_inner a {
  height: 75px;
  width: 70px;
  display: table-cell;
  vertical-align: middle;
}
.dreisc_menu_artgallery_inner a img {
  max-height: 70px;
  margin: 0 auto;
}
.touch-close-button {
  background: url("../../Plugins/Local/Frontend/DreiscMenu/Views/_default/frontend/dreisc_menu/_resources/images/closebutton.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 22px;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 22px;
  cursor: pointer;
  display: none;
  z-index: 999;
}
/**
 * Styles of the standard .dreisc_artbox
 * These styles are cloned because of the compatibility to infinity scroll
 */
.dreisc_artbox {
  border: 0;
  margin: 0;
  float: left;
  position: relative;
}
.dreisc_artbox .inner {
  padding: 10px 10px 5px 10px;
  overflow: visible !important;
  background-color: #ffffff;
}
.dreisc_artbox .star {
  position: absolute;
  top: 10px;
}
.dreisc_artbox .dreisc_artbox_thumb {
  margin-top: 10px;
  height: 105px;
  display: block;
  text-align: center;
}
.dreisc_artbox a.title {
  display: block;
  font-weight: 700;
  font-size: 12px;
  margin: 0 0 8px 0;
}
.dreisc_artbox p.desc {
  font-size: 11px;
  line-height: 13px;
}
.dreisc_artbox p.price,
.dreisc_artbox p.pseudoprice {
  text-align: left;
  position: absolute;
  bottom: 65px;
  left: 10px;
  height: 30px;
  margin: 0;
}
.dreisc_artbox p.pseudoprice {
  bottom: 77px;
}
.dreisc_artbox span.price {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
}
.article_box span.pseudo,
.dreisc_artbox span.pseudo {
  text-decoration: line-through;
  display: block;
  color: #777;
  font-weight: 500;
}
.dreisc_artbox .unit {
  font-size: 10px;
  position: absolute;
  bottom: 115px;
  font-weight: 700;
}
.dreisc_artbox .actions {
  position: absolute;
  bottom: 2px;
  left: 5px;
  width: 137px;
}
.dreisc_artbox .actions a {
  display: block;
  width: 125px;
  height: 20px;
  border: 1px solid;
  position: relative;
  padding: 0 5px;
  margin-bottom: 2px;
  line-height: 20px;
}
.dreisc_artbox .actions a.more {
  background-position: right -21px;
}
/* Base price */
.dreisc_artbox .article_price_unit p,
.dreisc_artbox .article_price_unit_pseudo p {
  margin-bottom: 0;
  font-size: 10px;
}
.dreisc_artbox {
  border-color: #c7c7c7;
}
.dreisc_artbox .actions a {
  color: #696969;
  border-color: #e3e3e3;
}
.dreisc_artbox .actions a.more {
  color: #dd4800;
}
.dreisc_artbox p.pseudoprice span.price {
  color: #990000;
}
.dreisc_artbox span.pseudo {
  color: #777;
}
.dreisc_artbox .article_price_unit p,
.dreisc_artbox .article_price_unit_pseudo p {
  color: #999;
}
.dreisc_artbox.first {
  border-top-color: #dfdfdf;
}
.dreisc_artbox.last {
  border-bottom-color: #dfdfdf;
}
.dreisc_artbox p.desc {
  color: #777;
}
.dreisc_artbox .actions a {
  color: #696969;
  border-color: #dfdfdf;
}
.dreisc_artbox .actions a.more {
  color: #e1540f;
}
.dreisc_artbox p.pseudoprice span.price {
  color: #990000;
}
.dreisc_artbox span.pseudo {
  color: #777;
}
.dreisc_artbox {
  margin: 0;
  overflow: hidden;
}
.dreisc_artbox .inner {
  padding: 10px;
  margin: 5px;
  border: 1px solid #dfdfdf;
  height: 98%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
}
.dreisc_artbox .actions {
  left: 15px;
  bottom: 10px;
}
.dreisc_artbox .actions a {
  margin-bottom: 5px;
  width: 148px;
  border: 0 none;
}
.dreisc_artbox p.price {
  margin-top: 20px;
}
.dreisc_artbox p.price.both {
  margin-top: 0px;
}
.dreisc_artbox p.pseudoprice {
  bottom: 94px;
}
.dreisc_artbox .dreisc_artbox_thumb {
  margin-bottom: 10px;
  margin-top: 0;
}
.dreisc_artbox a.title {
  margin: 0 0 5px;
  text-decoration: none;
}
.dreisc_artbox a.title:hover {
  color: #e1540f;
}
.dreisc_artbox span.pseudo {
  font-size: 10px;
}
.dreisc_artbox .inner .article_price_unit_pseudo .purchaseunit,
.dreisc_artbox .inner .article_price_unit .purchaseunit {
  color: #333;
}
.dreisc_artbox .inner .pseudo_percent {
  height: 25px;
  width: 25px;
  position: absolute;
  top: 22px;
  left: -1px;
  display: block;
  text-indent: -9999em;
}
.dreisc_artbox p.price,
.dreisc_artbox p.pseudoprice {
  position: static;
}
.dreisc_artbox .actions a:hover {
  background-color: #dfdfdf;
  border-color: #dfdfdf;
  color: #333;
}
/**
 * Article box small
 */
.dreisc_menu_artbox_small {
  border: 0 none;
  height: 70px;
  margin: 0;
  width: 50%;
}
.dreisc_menu_artbox_small_inner {
  padding: 5px 0 0 5px !important;
  height: 58px !important;
  border: 0 !important;
  background-color: transparent !important;
}
.artbox_small_thumb_wrapper {
  float: left;
  width: 30%;
}
.artbox_small_thumb {
  height: 55px !important;
  width: 60px;
  display: block;
}
.artbox_small_info {
  float: left;
  width: 60%;
  margin-left: 10%;
  margin-top: 2px;
}
.artbox_small_info a {
  /*display: inline !important;*/
  width: 100% !important;
}
.artbox_small_price {
  font-size: 11px;
}
.artbox_small_article_name {
  height: inherit !important;
  margin: 5px 0;
  width: 150px;
  font-size: 11px;
  line-height: 1.1;
}
div.dreiscMenuColumns3 .artbox_small_article_name {
  width: 220px;
}
div.dreiscMenuColumns5 .artbox_small_article_name {
  width: 100px;
}
div.dreiscMenuColumns5 .artbox_small_price span.price {
  width: 100px;
}
.dreiscMenu .clear {
  clear: both;
}
/**
 * Inhaltselement Artikel-Kategorie
 */
.dreisc-menu--category-list {
  line-height: 1.5em;
}
.dreisc-menu--category-list ul {
  margin-left: 20px;
  margin-left: 1.25rem;
}
.dreisc-menu--category-list li {
  list-style-type: none;
}
.dreisc-menu--category-list .ul-level-1 {
  font-size: 0.95em;
}
.dreisc-menu--category-list .ul-level-1 .ul-level-2 {
  font-size: 0.95em;
}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 5px;
  border: none;
  background: #4c4c4c;
  color: #fff;
}
/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden;
}
/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */
}
/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}
/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}
.tooltipster-base .tooltipster-content {
  overflow: hidden;
}
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.tooltipster-arrow span,
.tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}
.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
  left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}
.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
  right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}
.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}
.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}
/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
.tooltipster-fade-show {
  opacity: 1;
}
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}
.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
/*
// Breakpoints always < 480px -> xl
@phoneLandscapeViewportWidth: 30em;     // 480px -> s
@tabletViewportWidth: 48em;             // 768px -> m
@tabletLandscapeViewportWidth: 64em;    // 1024px -> l
@desktopViewportWidth: 78.75em;         // 1260px -> xl
*/
.FriedmEnev_arrow {
  position: relative;
}
.FriedmEnev_arrow:not(.gbmed-enev-arrowOld) {
  width: 80px;
  height: 44px;
  -webkit-clip-path: polygon(0% 0%, 75% 0%, 94% 50%, 75% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 75% 0%, 94% 50%, 75% 100%, 0% 100%);
}
.FriedmEnev_arrow:not(.gbmed-enev-arrowOld):not([data-friedmenev-spectrum="true"]) {
  height: 38px;
}
.FriedmEnev_arrow:not(.gbmed-enev-arrowOld):not([data-friedmenev-spectrum="true"]) .FriedmEnev_anchor {
  margin-left: -16px;
}
.FriedmEnev_arrow:not(.gbmed-enev-arrowOld):before,
.FriedmEnev_arrow:not(.gbmed-enev-arrowOld):after {
  content: '';
  background-color: currentColor;
  -webkit-clip-path: polygon(0% 0%, 75% 0%, 94% 50%, 75% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 75% 0%, 94% 50%, 75% 100%, 0% 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.FriedmEnev_arrow:not(.gbmed-enev-arrowOld):before {
  width: 96%;
  height: 96%;
  left: 2%;
  top: 2%;
}
.FriedmEnev_arrow:not(.gbmed-enev-arrowOld):after {
  background-color: #000;
  z-index: -2;
}
.FriedmEnev_arrow:not(.gbmed-enev-arrowOld) .FriedmEnev_anchor {
  height: 96%;
  color: #fff;
  -webkit-text-stroke: 1px #000;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  top: 2%;
  font-weight: 700;
}
.FriedmEnev_arrow:not(.gbmed-enev-arrowOld) .FriedmEnev_anchor .FriedmEnev_spectrum {
  position: absolute;
  top: 0;
  left: 1px;
  height: 100%;
  width: 16px;
  background: #fff;
  color: #000;
  -webkit-text-stroke: initial;
  text-align: center;
  line-height: 15px;
  font-size: 12px;
}
.FriedmEnev_arrow:not(.gbmed-enev-arrowOld) .FriedmEnev_anchor .FriedmEnev_spectrum .icon--arrow-up5 {
  color: #000;
  display: block;
  width: auto;
  height: 12px;
  top: 0px;
  position: relative;
}
.FriedmEnev_arrow:not(.gbmed-enev-arrowOld) .FriedmEnev_anchor .FriedmEnev_spectrum .icon--arrow-up5 svg {
  top: 0;
}
.FriedmEnev_arrow.gbmed-enev-arrowOld {
  width: auto;
  min-width: 50px;
  min-width: 3.125rem;
  height: 28px;
  height: 1.75rem;
  background-color: transparent;
  margin: 0px 0px 5px 0px;
  margin: 0rem 0rem 0.3125rem 0rem;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
  visibility: hidden;
  display: inline-block;
  cursor: default;
}
.FriedmEnev_arrow.gbmed-enev-arrowOld.is-visible {
  visibility: visible;
}
.FriedmEnev_arrow.gbmed-enev-arrowOld:before,
.FriedmEnev_arrow.gbmed-enev-arrowOld:after {
  content: '';
  position: absolute;
  top: 0;
  right: -26px;
  right: -1.625rem;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 14px;
  border-width: 0.875rem;
  border-left-width: 12px;
  border-left-width: 0.75rem;
}
.FriedmEnev_arrow.gbmed-enev-arrowOld .FriedmEnev_anchor {
  padding: 4px 8px 0px 8px;
  padding: 0.25rem 0.5rem 0rem 0.5rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 21px;
  line-height: 1.3125rem;
  text-align: left;
  white-space: nowrap;
}
.FriedmEnev_arrow.gbmed-enev-arrowOld a.FriedmEnev_anchor {
  padding: 7px 8px 0px 8px;
  padding: 0.4375rem 0.5rem 0rem 0.5rem;
}
.FriedmEnev_arrow.gbmed-enev-arrowOld .image-slider--item {
  height: 0;
  text-align: left;
}
.FriedmEnev_arrow.gbmed-enev-arrowOld .image-slider--container,
.FriedmEnev_arrow.gbmed-enev-arrowOld .image-slider--slide {
  height: inherit;
}
.FriedmEnev_arrow.gbmed-enev-arrowOld[data-friedmenev-spectrum="true"] {
  height: 76px;
  height: 4.75rem;
}
.FriedmEnev_arrow.gbmed-enev-arrowOld[data-friedmenev-spectrum="true"]:after {
  right: -15px;
  right: -0.9375rem;
  border-width: 38px 0 38px 15px;
}
.FriedmEnev_arrow.gbmed-enev-arrowOld[data-friedmenev-spectrum="true"] .FriedmEnev_anchor {
  line-height: 29px;
  line-height: 1.8125rem;
}
.FriedmEnev_arrow.gbmed-enev-arrowOld[data-friedmenev-spectrum="true"] .FriedmEnev_spectrum {
  font-size: 0.7rem;
  border-top: #fff solid 1px;
  line-height: 16px;
  line-height: 1rem;
  padding-top: 5px;
  padding-top: 0.3125rem;
  margin-top: 2px;
  margin-top: 0.125rem;
}
/* tooltipster */
.tooltipster-default {
  border: 2px solid #dadae5;
  background: #ffffff !important;
  color: #5f7285 !important;
  box-shadow: 0 10px 25px -15px #f5f5f8;
  width: 100%;
  height: 300px;
  height: 18.75rem;
}
.tooltipster-default .tooltipster-content,
.tooltipster-default .FriedmEnev_tooltip {
  width: 100%;
  height: 100%;
}
.tooltipster-default .tooltipster-content .FriedmEnev_tooltip,
.tooltipster-default .FriedmEnev_tooltip .FriedmEnev_tooltip {
  background: transparent no-repeat center;
  background-size: contain;
}
@media screen and (min-width: 48em) {
  .tooltipster-default {
    width: 450px;
    width: 28.125rem;
    height: 450px;
    height: 28.125rem;
  }
}
/* fixes */
.product--details .FriedmEnev_arrow {
  margin-top: 5px;
  margin-top: 0.3125rem;
}
.FriedmEnev_arrow .FriedmEnev_anchor,
#detail .FriedmEnev_arrow .FriedmEnev_anchor {
  color: #fff !important;
}
.entry--enev .FriedmEnev_arrow .image-slider--item {
  cursor: inherit;
}
.table--content .FriedmEnev_container_arrow {
  float: none;
  clear: both;
}
.product--badges .FriedmEnev_datasheet {
  font-size: 0.7rem;
}
@media screen and (min-width: 48em) {
  .tooltipster-default {
    width: 312px;
    height: 624px;
  }
}
.FriedmEnev_detail_arrow {
  margin: 15px 0px 15px 0px;
  margin: 0.9375rem 0rem 0.9375rem 0rem;
}
.mo-friedm_env-arrow-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.mo-friedm_env-arrow-wrapper .FriedmEnev_arrow:not(.gbmed-enev-arrowOld)::before {
  left: 1%;
}
.mo-friedm_env-arrow-wrapper:has(.FriedmEnev_container_arrow_body) ~ .configurable--container,
.mo-friedm_env-arrow-wrapper:has(.FriedmEnev_container_arrow_body) ~ .delivery--container {
  display: none !important;
}
.mo-friedm_env-arrow-wrapper:has(:not(.FriedmEnev_container_arrow_image)) ~ .delivery--container {
  display: block !important;
  height: 20px !important;
}
.mo-friedm_env-arrow-wrapper:has(.FriedmEnev_container_arrow_body) ~ .product--price-info {
  margin-top: 0 !important;
}
.mo-friedm_env-arrow-wrapper .FriedmEnev_container_arrow_body {
  display: grid;
  grid-template-columns: 50px;
  grid-template-rows: 30px 25px;
  grid-gap: 2px;
  justify-items: center;
  margin: 0 5px;
}
.mo-friedm_env-arrow-wrapper .FriedmEnev_container_arrow_body .Mo-FriedmEnev_container_arrow_image {
  width: 30px;
}
.mo-friedm_env-arrow-wrapper .FriedmEnev_container_arrow_body:has(:not(.FriedmEnev_container_arrow_image)) {
  grid-template-rows: 30px;
}
.mo-friedm_env-arrow-wrapper .FriedmEnev_arrow:not(.gbmed-enev-arrowOld) .FriedmEnev_anchor {
  height: 94%;
  top: 3%;
  font-size: 34px;
}
.mo-friedm_env-arrow-wrapper .FriedmEnev_arrow:not(.gbmed-enev-arrowOld) .FriedmEnev_anchor .FriedmEnev_spectrum {
  top: -1px;
}
.mo-friedm_env-arrow-wrapper .FriedmEnev_arrow {
  scale: .5;
  top: -8px;
  left: 3px;
}
.product--box.box--basic:has(.mo-friedm_env-arrow-wrapper) .product--title {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 64em) {
  .mo-friedm_env-arrow-wrapper {
    flex-wrap: wrap;
  }
  .mo-friedm_env-arrow-wrapper .FriedmEnev_container_arrow_body {
    margin: 5px 5px 0 5px;
  }
  .mo-friedm_env-arrow-wrapper {
    height: 120px;
  }
  .mo-friedm_env-arrow-wrapper:has(:not(.FriedmEnev_container_arrow_body)) {
    height: 100px;
  }
  body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content:has(.mo-friedm_env-arrow-wrapper) .product--box .delivery--container,
  body.is--ctl-search section.content-main div.content-main--inner div.content.search--content:has(.mo-friedm_env-arrow-wrapper) .product--box .delivery--container {
    height: 93px;
  }
}
@media screen and (min-width: 64em) {
  body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content:has(.mo-friedm_env-arrow-wrapper) div.product--box:not(:has(.mo-friedm_env-arrow-wrapper)) div.box--content div.product--info .product--price-info,
  body.is--ctl-search section.content-main div.content-main--inner div.content.search--content:has(.mo-friedm_env-arrow-wrapper) div.product--box:not(:has(.mo-friedm_env-arrow-wrapper)) div.box--content div.product--info .product--price-info {
    margin-top: 15px;
  }
}
.last-seen-products:has(.FriedmEnev_container_arrow_body) .last-seen-products-item--title + .product--price {
  margin-top: 66px;
}
@media screen and (max-width: 64em) {
  .last-seen-products:has(.FriedmEnev_container_arrow_body) .last-seen-products-item--title + .product--price {
    margin-top: 130px;
  }
  .last-seen-products:has(.FriedmEnev_container_arrow_body) .product--price {
    right: 48px;
    right: 3rem;
  }
  .last-seen-products:has(.FriedmEnev_container_arrow_body) .product--price .product--box .price--default:not(.is--discount) {
    margin-top: 24px;
    margin-top: 1.5rem;
  }
}
/*
 * Main themes stylings for SicoCreditPlus
 */
.product--details .content--sico-creditplus {
  padding: 0.625rem;
}
@media (min-width: 48em) {
  .product--details .content--sico-creditplus {
    padding: 1.875rem;
  }
}
#financing--table {
  width: 100%;
}
#financing--description {
  margin-bottom: 15px;
}
.financing--sccp-pangvtext {
  margin-top: 5px;
}
#financing-mini-info {
  font-size: 11px;
  float: none;
  clear: both;
  padding-top: 10px;
  padding-bottom: 10px;
}
#financing-mini-info .financing-mini-info--logo {
  vertical-align: middle;
  display: inline-block;
  width: 44px;
}
#financing-mini-info .financing-mini-info--text {
  vertical-align: middle;
  display: inline-block;
  max-width: 180px;
}
#financing-mini-info a {
  text-decoration: underline;
  color: #1AAEB7;
  float: none;
  margin-right: 0;
}
#financing-mini-info .price {
  font-size: 11px;
  font-weight: bold;
}
a.sccp-continue-to-payment {
  border: 1px solid #1AAEB7;
  border-radius: 3px;
  background-color: #0A9EA7;
  padding: 15px;
  display: block;
  width: 210px;
  text-align: center;
  font-size: 22px;
  margin: 0 auto;
  text-decoration: none;
  text-shadow: 0 1px 1px #660100;
  color: #FFFFFF;
}
a.sccp-continue-to-payment:hover,
a.sccp-continue-to-payment:active {
  background-color: #1DC3CD;
  border-color: #0A9EA7;
  text-decoration: none;
}
.sccp-need-to-pay-box {
  border: 1px solid #0A9EA7;
  padding: 5px;
  margin: 0 0 1.25rem 0;
}
.sccp-need-to-pay-box.color2 {
  border: 1px solid #E8F7F8;
}
.sccp--iframe .controlbar {
  margin-bottom: 10px;
}
.sccp--iframe .controlbar .js--modal {
  border: 0 none transparent;
  border-radius: 0;
  box-shadow: none;
  height: 45px;
  opacity: 1;
  position: static;
  text-align: right;
}
.sccp--iframe .controlbar .js--modal .modal--close {
  position: relative;
  right: 0;
}
.sccp--iframe iframe {
  border: 0 none transparent;
  min-height: 2100px;
}
#financing--table {
  display: none;
}
#financing--table-mobile table {
  margin-bottom: 10px;
  width: 100%;
}
#financing--table-mobile table th {
  padding: 5px;
  text-align: left;
}
@media (min-width: 48em) {
  .financing--sccp-mobilehint,
  #financing--table-mobile {
    display: none;
  }
  #financing--table {
    display: table;
  }
}
body.is--ctl-checkout.is--act-shippingpayment #financing--table-mobile table {
  margin-bottom: 10px;
}
body.is--ctl-checkout.is--act-shippingpayment #financing--table-mobile table th {
  padding: 5px;
  text-align: left;
  width: 66%;
}
@media (min-width: 676px) {
  body.is--ctl-checkout.is--act-shippingpayment .financing--sccp-mobilehint,
  body.is--ctl-checkout.is--act-shippingpayment #financing--table-mobile {
    display: none;
  }
  body.is--ctl-checkout.is--act-shippingpayment #financing--table {
    display: table;
  }
  body.is--ctl-checkout.is--act-shippingpayment #financing--table td {
    padding: 10px 5px 10px 5px;
  }
}
@media (min-width: 900px) {
  body.is--ctl-checkout.is--act-shippingpayment .financing--sccp-mobilehint,
  body.is--ctl-checkout.is--act-shippingpayment #financing--table-mobile {
    display: block;
  }
  body.is--ctl-checkout.is--act-shippingpayment #financing--table {
    display: none;
  }
}
@media (min-width: 1110px) {
  body.is--ctl-checkout.is--act-shippingpayment .financing--sccp-mobilehint,
  body.is--ctl-checkout.is--act-shippingpayment #financing--table-mobile {
    display: none;
  }
  body.is--ctl-checkout.is--act-shippingpayment #financing--table {
    display: table;
  }
}
.displaynone {
  display: none !important;
}
.shopwareSovidoModalDialog.modal.shopwareSovidoModalDialogBig {
  position: absolute;
  top: 225px;
}
.shopwareSovidoModalDialog {
  width: auto;
}
.sovidoModalPlayer {
  overflow: hidden;
}
.wrapper .shopwareSovidoPlayButtonPreviewImage {
  position: absolute;
  top: 86px;
  left: 101px;
  cursor: pointer;
  z-index: 10;
  height: 83px;
  width: 83px;
  background-image: url('../../Plugins/Community/Frontend/SovidoSovido/Views/frontend/_public/src/img/buttons/button_play_large.png');
}
.shopwareSovidoPlayButton {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  background-image: url('../../Plugins/Community/Frontend/SovidoSovido/Views/frontend/_public/src/img/buttons/button_play_small.png');
}
.sovidoTitle {
  text-align: center;
}
.sovido-mobile-lightbox-text {
  display: block;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  text-align: center;
}
@media screen and (max-width: 48em) {
  .sovido-tab-link-mobile-none {
    display: none !important;
  }
  .sovido-tab-link-mobile-show {
    display: block;
  }
  .sovido-tab-container-mobile-none {
    display: none !important;
  }
  .sovido-tab-container-mobile-show {
    display: block;
  }
}
@media screen and (min-width: 48em) {
  .sovido-mobile-lightbox-text {
    display: none !important;
  }
}
.sovido--thumbnail {
  width: 70px;
  width: 4.375rem;
  height: 70px;
  height: 4.375rem;
  padding: 5px 5px 5px 5px;
  padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
  margin: 0px 10px 0px 0px;
  margin: 0rem 0.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);
  display: none;
  text-align: center;
  border: 1px solid #dadae5;
  margin-bottom: 1.25rem;
}
.lightbox-trigger {
  display: inline-block;
}
.lightbox-trigger-image {
  display: none;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('../../custom/plugins/DHLPaWunschpaket/Resources/views/frontend/_public/src/img/fancybox_sprite.png');
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('../../custom/plugins/DHLPaWunschpaket/Resources/views/frontend/_public/src/img/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('../../custom/plugins/DHLPaWunschpaket/Resources/views/frontend/_public/src/img/blank.gif');
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
  overflow: hidden;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('../../custom/plugins/DHLPaWunschpaket/Resources/views/frontend/_public/src/img/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
.mopt-wunschpaket-address-type-select-holder {
  display: block;
}
.mopt-wunschpaket-streetwrapper label.mopt-wunschpaket-type-dependent,
.register--additional-line1 .mopt-wunschpaket-postnumber-tip {
  display: inline-block;
  margin-right: 2%;
  min-width: 120px;
}
@media screen and (min-width: 48em) {
  .account--address input.mopt-wunschpaket-type-dependent,
  .account--address .mopt-wunschpaket-streetwrapper input.mopt-wunschpaket-street-field-dhl-selected {
    width: 50%;
    margin-bottom: 0;
    max-width: calc(68% - 120px);
  }
  .account--address .mopt-wunschpaket-streetwrapper label.mopt-wunschpaket-type-dependent,
  .account--address .register--additional-line1 .mopt-wunschpaket-postnumber-tip {
    display: inline-block;
    width: 18%;
    margin-right: 2%;
  }
}
.mopt-wunschpaket-map-holder {
  width: 100%;
  height: 98%;
}
.mopt-wunschpaket-map {
  height: 72vh;
  width: auto;
  margin: 10px;
}
@media screen and (min-width: 30em) {
  .mopt-wunschpaket-map {
    height: 65vh;
  }
}
@media screen and (min-height: 64em) {
  .mopt-wunschpaket-map {
    height: 70vh;
  }
}
.mopt-wunschpaket-errors {
  margin: 10px;
}
form.mopt-wunschpaket-map-form {
  margin: 10px;
  margin-bottom: 15px;
}
.mopt-wunschpaket-map-address {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px 0;
}
.mopt-wunschpaket-map-address label {
  display: block;
  margin-left: 5px;
}
.mopt-wunschpaket-services-checkbox {
  margin-top: 10px;
}
label.mopt-wunschpaket-checkbox-label {
  margin-right: 15px;
}
.register--additional-line1.mopt-wunschpaket-type-dependent #mopt-wunschpaket-postnumber-tip {
  margin-right: 5px;
}
.register--additional-line1.mopt-wunschpaket-type-dependent,
.mopt-wunschpaket-streetwrapper {
  margin-bottom: 0.625em;
}
input.wunschpaket-map-form-submit {
  margin-top: 10px;
  display: block;
}
.mopt-wunschpaket-map img {
  max-width: none;
  max-height: none;
}
h4.mopt-wunschpaket-map-title {
  margin-top: 0px;
}
address.mopt-wunschpaket-map-address {
  margin-bottom: 0px;
  margin-top: 15px;
}
.mopt-wunschpaket-map-icons {
  margin-top: 10px;
}
.mopt-wunschpaket-onmap-icons {
  display: none;
}
.mopt-wunschpaket-map-icons img.icon {
  margin: 0 auto;
  width: 48px;
  height: 48px;
  display: inline;
}
h5.moptEmpfaengerservicesOpeningHours {
  margin-bottom: 0px;
  margin-top: 0px;
  width: 250px;
}
ul.moptEmpfaengerservicesOpeningHours {
  margin-top: 0px;
  margin-bottom: 15px;
}
.ajax--cart .mopt-wunschpaket-powered-by-dhl {
  display: block;
  padding: 10px;
}
.information--panel-item .mopt-wunschpaket-powered-by-dhl {
  display: block;
  padding: 20px 20px 20px 20px;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
}
.is--act-finish .information--panel-item .mopt-wunschpaket-powered-by-dhl {
  padding: 0;
}
.mopt-wunschpaket-powered-by-dhl p {
  margin-top: 20px;
}
.mopt-wunschpaket-powered-by-dhl img {
  margin-bottom: 8px;
}
#moptEmpfaengerservicesWunschpaket .mopt-wunschpaket-powered-by-dhl {
  margin: 0;
}
#moptEmpfaengerservicesWunschpaket {
  border: 1px solid #FFCC00;
  margin-bottom: 20px;
  padding: 0 5px;
}
#moptEmpfaengerservicesWunschpaket label {
  font-weight: bold;
}
div#moptEmpfaengerservicesWunschpaket p {
  margin-bottom: 5px;
}
div#moptEmpfaengerservicesWunschpaket > img {
  width: 96px;
}
div#moptEmpfaengerservicesWunschpaket input:disabled,
form#mopt-wunschpaket-map-form input:disabled {
  background-color: gainsboro;
}
div#moptEmpfaengerservicesWunschpaket dt:first-of-type {
  margin-top: 10px;
}
div#moptEmpfaengerservicesWunschpaket dt {
  margin-top: 20px;
  display: block;
}
div#moptEmpfaengerservicesWunschpaket dd {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
  -webkit-margin-start: 0px;
  display: block;
  clear: both;
}
div.moptEmpfaengerservicesWunschpaketFlow dd ul {
  padding: 0px;
  margin: 0px;
}
div#moptEmpfaengerservicesWunschpaket dd ul li {
  background-color: #e3e3e3;
  width: 70px;
  padding: 10px 0 0;
  margin: 0 10px 5px 0;
  float: left;
  list-style-type: none;
  text-align: center;
  cursor: pointer;
}
#moptWunschpaketPreferredDaySelect {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
div#moptEmpfaengerservicesWunschpaket dl dd ul li label {
  background-color: #eef4f2;
  text-align: center;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  line-height: 1rem;
  padding: 4px;
  vertical-align: central;
  cursor: pointer;
}
div.moptEmpfaengerservicesWunschpaketFlow dl dd ul li label {
  margin-bottom: 0px;
}
div#moptEmpfaengerservicesWunschpaket dd ul li input {
  display: none;
}
div#moptEmpfaengerservicesWunschpaket ul li input:disabled + label,
form#mopt-wunschpaket-map-form input:disabled + label {
  color: #cecece;
}
div#moptEmpfaengerservicesWunschpaket ul li input:checked + label {
  background-color: #fc0;
}
div#moptEmpfaengerservicesWunschpaket input[type="text"] {
  width: 94%;
}
div#moptEmpfaengerservicesWunschpaket ul#moptWunschpaketPreferredDaySelect li {
  width: 55px;
}
div#moptEmpfaengerservicesWunschpaket ul#moptWunschpaketPreferredDaySelect label {
  height: 40px;
}
.mopt-wunschpaket-privacy-link-holder {
  width: 94%;
  text-align: right;
  height: 14px;
  line-height: 14px;
}
.mopt-wunschpaket-privacy-link-holder .mopt-wunschpaket-privacy-link {
  color: #3f4c58;
  font-size: 10px;
  font-size: 0.625rem;
}
.tooltip {
  cursor: pointer;
}
#mopt-wunschpaket-search-map {
  padding-left: 0;
  padding-right: 0px;
  padding-top: 0px;
}
#mopt-wunschpaket-search-map-btn {
  margin: 0px;
}
#mopt-wunschpaket-search-map-btn img {
  display: inline-block;
  margin-right: 15px;
  margin-top: 10px;
}
#mopt-wunschpaket-search-map-btn span {
  display: inline-block;
  margin-right: 15px;
  vertical-align: super;
}
.mopt-wunschpaket-dhl-logo-in-address {
  margin-bottom: 10px;
}
.confirm--content .information--panel-item.information--panel-address .shipping--panel {
  text-align: left;
}
@media screen and (min-width: 48em) {
  #moptEmpfaengerservicesWunschpaket {
    margin-left: 40px;
    margin-left: 2.5rem;
    padding: 0;
  }
  .mopt-wunschpaket-map-address {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 10px;
  }
}
#moptWunschpaketRestoredSaveButton {
  margin-top: 10px;
  margin-left: 5px;
}
input#mopt-wunschpaket-postnumber {
  width: unset;
}
@media screen and (max-width: 30em) {
  .fancybox-close {
    top: -5px;
    right: -5px;
  }
}
.paypal--sidebar .paypal--sidebar-inner {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
}
.paypal--sidebar .logo--image {
  margin: auto;
}
@media screen and (min-width: 48em) {
  .paypal--sidebar {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    border: 1px solid #dadae5;
  }
  .paypal--sidebar .paypal--sidebar-inner {
    padding: 12px 12px 12px 12px;
    padding: 0.75rem 0.75rem 0.75rem 0.75rem;
  }
  .paypal--sidebar .paypal--sidebar-inner-returns {
    padding: 12px 12px 12px 24px;
    padding: 0.75rem 0.75rem 0.75rem 1.5rem;
  }
}
.unified-instructions--table {
  margin: 0 auto;
  width: 100%;
  table-layout: fixed;
}
.unified-instructions--table tr {
  width: 100%;
}
.unified-instructions--table tr td {
  background: none;
  width: 50%;
  word-wrap: break-word;
}
.unified-instructions--table tr td.bolder {
  font-weight: bolder;
}
.unified--panel {
  margin: 20px 0px 20px 0px;
  margin: 1.25rem 0rem 1.25rem 0rem;
  width: 100%;
}
.unified--panel .unified--instruction {
  font-weight: bolder;
  text-align: center;
}
.unified--panel .unified-header--left-td {
  width: 45%;
  text-align: right;
}
.unified--panel .unified-header--left-td h3 {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.unified--panel .unified-header--center-td {
  min-width: 100px;
  min-width: 6.25rem;
  width: auto;
}
.unified--panel .unified-header--right-td {
  width: 45%;
}
.unified--panel .unified-legal--message {
  text-align: center;
}
.finish--loading-indicator {
  width: 21px;
  width: 1.3125rem;
  height: 21px;
  height: 1.3125rem;
  margin: 0 auto;
  display: block;
  position: relative;
  box-sizing: content-box;
}
.finish--loading-indicator:before {
  border-radius: 100%;
  background-clip: padding-box;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: block;
  content: "";
  border-width: 2px;
  border-style: solid;
  border-color: #333 #CCC #CCC #CCC;
}
@media screen and (min-width: 30em) {
  .unified-instructions--container {
    margin: 20px 0px 20px 0px;
    margin: 1.25rem 0rem 1.25rem 0rem;
  }
  .unified-instructions--table {
    width: 80%;
    border: 1px solid #dadae5;
    border-radius: 3px;
  }
  .unified-instructions--table tr {
    width: 100%;
  }
  .unified-instructions--table tr td {
    font-size: inherit;
  }
  .unified-instructions--table tr td.bolder {
    font-size: inherit;
    width: 50%;
  }
}
@media screen and (min-width: 64em) {
  .unified-instructions--table {
    width: 50%;
  }
}
.paypal-unified--error {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.paypal--payment-selection .is--plus-container {
  border-bottom: 0;
}
.paypal--payment-selection .is--plus-container .method--label {
  display: none;
}
.paypal--payment-selection .is--plus-container #ppplus {
  padding: 0;
  margin: 0;
}
.paypal--payment-selection .is--plus-container #ppplus iframe {
  top: -26px;
  top: -1.625rem;
  position: relative;
}
.paypal--payment-selection .is--plus-container .method--description {
  position: relative;
  width: 100%;
  display: block;
}
.paypal--payment-selection .is--plus-container.payment--method {
  margin-bottom: -28px;
  margin-bottom: -1.75rem;
  padding: 0;
  height: inherit;
}
.paypal--payment-selection .is--plus-container.payment--method:hover {
  background-color: white;
}
.paypal--payment-selection .is--plus-container.payment--method.js--is-active,
.paypal--payment-selection .is--plus-container.payment--method.is--active {
  background-color: white;
}
.paypal--payment-selection .is--plus-container.payment--method.js--is-active:after,
.paypal--payment-selection .is--plus-container.payment--method.is--active:after {
  display: none;
}
.paypal--payment-selection .method--input {
  display: none;
}
.paypal--payment-selection .payment--method {
  font-size: 11px;
  font-size: 0.6875rem;
  padding: 20px 0px 20px 0px;
  padding: 1.25rem 0rem 1.25rem 0rem;
  color: #3f3f3f;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  position: relative;
  cursor: pointer;
  height: inherit;
}
.paypal--payment-selection .payment--method:after {
  content: "";
  display: table;
  clear: both;
}
.paypal--payment-selection .payment--method:hover {
  background-color: #f9f9f9;
}
.paypal--payment-selection .payment--method.js--is-active,
.paypal--payment-selection .payment--method.is--active {
  cursor: default;
  background-color: #f9f9f9;
}
.paypal--payment-selection .payment--method.js--is-active .method--name,
.paypal--payment-selection .payment--method.is--active .method--name {
  font-weight: bold;
}
.paypal--payment-selection .payment--method.js--is-active .method--label,
.paypal--payment-selection .payment--method.is--active .method--label {
  width: 100%;
}
.paypal--payment-selection .payment--method.js--is-active .method--description,
.paypal--payment-selection .payment--method.is--active .method--description {
  padding-left: 8px;
  padding-left: 0.5rem;
  display: block;
}
.paypal--payment-selection .payment--method.js--is-active:after,
.paypal--payment-selection .payment--method.is--active:after {
  height: 18px;
  height: 1.125rem;
  width: 23px;
  width: 1.4375rem;
  right: 8px;
  right: 0.5rem;
  top: 15px;
  top: 0.9375rem;
  content: '';
  position: absolute;
  background: url('https://www.paypalobjects.com/webstatic/ppplus/icons/checkmark.png') no-repeat;
}
.paypal--payment-selection .payment--method:last-child {
  border-bottom: 0;
}
.paypal--payment-selection .method--label {
  padding-left: 8px;
  padding-left: 0.5rem;
  width: 17%;
  float: left;
}
.paypal--payment-selection .method--description {
  display: none;
  float: left;
  width: 65%;
}
.paypal--payment-selection .method--name {
  font-size: 12px;
  font-size: 0.75rem;
  color: #3f3f3f;
  font-weight: normal;
  cursor: pointer;
}
.paypal--payment-selection .method--bankdata {
  text-align: center;
  clear: both;
}
@media screen and (min-width: 48em) {
  .paypal--payment-selection .is--plus-container #ppplus {
    margin-bottom: -47px;
    margin-bottom: -2.9375rem;
    padding: 0;
    width: 100%;
  }
  .paypal--payment-selection .is--plus-container #ppplus iframe {
    top: -46px;
    top: -2.875rem;
  }
  .paypal--payment-selection .payment--method.js--is-active .method--label,
  .paypal--payment-selection .payment--method.is--active .method--label {
    width: 17%;
  }
  .paypal--payment-selection .payment--method.js--is-active .method--description,
  .paypal--payment-selection .payment--method.is--active .method--description {
    width: 66%;
  }
  .paypal--payment-selection .payment--method:last-child {
    border-bottom: 1px solid #dadae5;
  }
}
.paypal-unified-installments-banner--product-detail {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.paypal-unified-installments-banner--cart {
  margin-top: 20px;
  margin-top: 1.25rem;
}
.paypal-unified-ec--outer-button-container:after {
  content: "";
  display: table;
  clear: both;
}
.paypal-unified-ec--button-container {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.product--table .paypal-unified-ec--button-container {
  margin-top: 0px;
  margin-top: 0rem;
}
.register--login .paypal-unified-ec--outer-button-container {
  line-height: normal;
}
.paypal-unified-ec--button-placeholder {
  height: 35px;
  height: 2.1875rem;
}
.paypal-unified-ec--button-placeholder.paypal-button--is-responsive-size {
  height: 54px;
  height: 3.375rem;
}
.paypal-unified-ec--button-placeholder-has-pay-later-button {
  height: 70px;
  height: 4.375rem;
}
.paypal-unified-ec--button-placeholder-has-pay-later-button.paypal-button--is-responsive-size {
  height: 105px;
  height: 6.5625rem;
}
@media screen and (min-width: 30em) {
  .product--table .paypal-unified-ec--button-container {
    margin-top: 10px;
    margin-top: 0.625rem;
  }
}
@media screen and (min-width: 48em) {
  .product--table .paypal-unified-ec--button-container {
    margin-top: -5px;
    margin-top: -0.3125rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
  }
}
.paypal-unified--error-message {
  margin-top: 16px;
  margin-top: 1rem;
  padding: 16px 16px 16px 16px;
  padding: 1rem 1rem 1rem 1rem;
  border-radius: 3;
  background-clip: padding-box;
  width: 100%;
  border: 1px solid #dadae5;
}
.paypal-button-width--small {
  width: 150px;
  width: 9.375rem;
}
.paypal-button-width--medium {
  width: 250px;
  width: 15.625rem;
}
.paypal-button-width--large {
  width: 350px;
  width: 21.875rem;
  max-width: 100%;
}
.paypal-button-width--responsive {
  width: 63%;
  text-align: right;
}
.paypal-button-width--responsive.paypal-button--is-ajax-cart {
  width: 100%;
  text-align: right;
}
.paypal-button-width--responsive.paypal-button--is-login {
  width: 100%;
}
.paypal-button-width--responsive.paypal-button--is-listing {
  width: 100%;
}
.paypal-button-width--responsive.paypal-button--is-cart {
  width: 290px;
  width: 18.125rem;
}
.paypal-button-width--responsive.paypal-unified-in-context--button-container,
.paypal-button-width--responsive.paypal-unified-pay-later--button-container,
.paypal-button-width--responsive.paypal-unified--smart-payment-buttons,
.paypal-button-width--responsive.paypal-unified--sepa-payment-buttons {
  width: 236px;
  width: 14.75rem;
}
.container--ajax-cart.is--shown .paypal-unified-ec--outer-button-container .paypal-unified-ec--button-container.paypal-button--is-ajax-cart.paypal-button-width--responsive {
  width: 100%;
}
.paypal-unified--smart-payment-buttons {
  float: right;
}
#paypal-acdc-form .paypal--acdc-submit-error {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
#paypal-acdc-form .acdc-column-container {
  -webkit-column-count: 2;
  column-count: 2;
}
#paypal-acdc-form input[type="text"] {
  width: 100%;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
#paypal-acdc-form .field {
  height: 38px;
  height: 2.375rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  width: unset;
}
.swag-payment-paypal-unified-pay-upon-invoice-legal-text-container {
  width: 239px;
  width: 14.9375rem;
}
.swag-payment-paypal-unified-pay-upon-invoice-legal-text-container .swag-payment-paypal-unified-pay-upon-invoice-legal-text {
  font-size: 12px;
  font-size: 0.75rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
}
.pay-upon-invoice--extra-fields .pui-extra-field {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
.pay-upon-invoice--extra-fields .pui--phone,
.pay-upon-invoice--extra-fields .pui--birthday {
  width: 265px;
  width: 16.5625rem;
}
.pay-upon-invoice--extra-fields .select-field,
.pay-upon-invoice--extra-fields .js--fancy-select {
  width: auto;
}
#cookie-consent {
  width: 280px;
  width: 17.5rem;
  -webkit-transition: transform 0.45s cubic-bezier(0.3, 0, 0.15, 1);
  transition: transform 0.45s cubic-bezier(0.3, 0, 0.15, 1);
}
#cookie-consent.off-canvas {
  position: fixed;
  z-index: 8000;
  background: #e9e9f0;
}
#cookie-consent .cookie-consent--header {
  cursor: pointer;
}
#cookie-consent .cookie-consent--description {
  padding: 15px 10px 15px 10px;
  padding: 0.9375rem 0.625rem 0.9375rem 0.625rem;
}
#cookie-consent .cookie-consent--configuration .cookie-consent--group {
  padding: 15px 10px 15px 10px;
  padding: 0.9375rem 0.625rem 0.9375rem 0.625rem;
  border-bottom: 1px solid #dadae5;
  position: relative;
}
#cookie-consent .cookie-consent--configuration .cookie-consent--group:after {
  content: "";
  display: table;
  clear: both;
}
#cookie-consent .cookie-consent--configuration .cookie-consent--group-title {
  cursor: pointer;
  float: left;
  width: 85%;
}
#cookie-consent .cookie-consent--configuration .cookie-consent--group-title.is--active .cookie-consent--group-arrow {
  transform: rotate(90deg);
}
#cookie-consent .cookie-consent--configuration .cookie-consent--configuration-header-text {
  padding: 15px 10px 15px 10px;
  padding: 0.9375rem 0.625rem 0.9375rem 0.625rem;
  font-weight: 700;
  color: #3f4c58;
  border-bottom: 1px solid #dadae5;
}
#cookie-consent .cookie-consent--configuration .cookie-consent--group-description {
  margin-left: 42px;
  margin-left: 2.625rem;
  color: #8798a9;
}
#cookie-consent .cookie-consent--cookie {
  padding: 15px 0px 15px 0px;
  padding: 0.9375rem 0rem 0.9375rem 0rem;
  position: relative;
}
#cookie-consent .cookie-consent--cookie:after {
  content: "";
  display: table;
  clear: both;
}
#cookie-consent .cookie-consent--cookie .cookie--label {
  cursor: pointer;
}
#cookie-consent .cookie-consent--group-container {
  padding-top: 10px;
  padding-top: 0.625rem;
  float: none;
  clear: both;
}
#cookie-consent .cookie-consent--group-arrow {
  right: 15px;
  right: 0.9375rem;
  font-size: 12px;
  font-size: 0.75rem;
  top: 18px;
  top: 1.125rem;
  position: absolute;
}
#cookie-consent .cookie-consent--save {
  padding: 15px 10px 15px 10px;
  padding: 0.9375rem 0.625rem 0.9375rem 0.625rem;
}
#cookie-consent .cookie-consent--save .cookie-consent--save-button {
  text-align: center;
  width: 100%;
}
#cookie-consent .cookie-consent--configuration-main {
  background: #fff;
}
#cookie-consent .cookie-consent--state-label {
  margin-left: 40px;
  margin-left: 2.5rem;
}
.cookie-consent--state-input {
  display: block;
  position: absolute;
}
.cookie-consent--state-input.cookie-consent--cookie-state {
  top: calc(50% - 10px);
}
.cookie-consent--state-input.cookie-consent--required {
  opacity: 0.4;
}
.cookie-consent--state-input.cookie-consent--required .cookie-consent--state-input-element {
  cursor: default;
}
.cookie-consent--state-input .cookie-consent--state-input-element {
  height: 20px;
  height: 1.25rem;
  width: 20px;
  width: 1.25rem;
  border-radius: 3px;
  border-radius: 0.1875rem;
  border: 1px solid #dadae5;
  cursor: pointer;
  display: block;
  position: relative;
}
.cookie-consent--state-input input {
  display: none;
}
.cookie-consent--state-input input:checked + .cookie-consent--state-input-element {
  background: #9e9ebb;
}
.cookie-consent--state-input input:checked + .cookie-consent--state-input-element::after {
  width: 10px;
  width: 0.625rem;
  height: 5px;
  height: 0.3125rem;
  top: 4px;
  top: 0.25rem;
  left: 3px;
  left: 0.1875rem;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  background: transparent;
  content: '';
  position: absolute;
  transform: rotate(-45deg);
}
.cookie-consent--state-input input:indeterminate + .cookie-consent--state-input-element {
  background: #9e9ebb;
}
.cookie-consent--state-input input:indeterminate + .cookie-consent--state-input-element::after {
  width: 10px;
  width: 0.625rem;
  height: 5px;
  height: 0.3125rem;
  top: 3px;
  top: 0.1875rem;
  left: 4px;
  left: 0.25rem;
  border: 2px none #fff;
  border-bottom-style: solid;
  background: transparent;
  content: '';
  position: absolute;
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--button.cookie-permission--extra-button .cookie-permission--accept-button {
  margin-right: 5px;
  margin-right: 0.3125rem;
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--accept-button,
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--decline-button,
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--configure-button {
  margin-top: 10px;
  margin-top: 0.625rem;
}
@media screen and (min-width: 30em) {
  .page-wrap--cookie-permission .cookie-permission--container .cookie-permission--accept-button,
  .page-wrap--cookie-permission .cookie-permission--container .cookie-permission--decline-button,
  .page-wrap--cookie-permission .cookie-permission--container .cookie-permission--configure-button {
    margin-top: 0;
  }
}
@media screen and (min-width: 64em) {
  .page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--content {
    width: calc(100% - 240px);
  }
  .page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--content.cookie-permission--extra-button {
    width: calc(100% - 370px);
  }
  .page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--button.cookie-permission--extra-button {
    width: 370px;
    width: 23.125rem;
  }
}
.main-search--form.is--highlighted {
  z-index: 6000 !important;
}
/* Search Overlay */
.main-search--results {
  background: #fff;
  width: 100%;
  height: auto;
  left: 0;
  right: 0;
  margin: 0;
  z-index: 6000;
  position: fixed;
  top: 165px;
  top: 10.3125rem;
  overflow-y: scroll;
  box-shadow: none;
  border-top: 1px solid #ccc;
}
.main-search--results.is--open {
  display: block;
}
.main-search--results .block-group {
  width: 100%;
}
.main-search--results .block-group .block--search-terms {
  width: 100%;
}
.main-search--results .block-group .block--additional {
  width: 100%;
  margin: -1px 0 0 -1px;
}
.main-search--results .block-group .block--products {
  width: 100%;
  margin: -1px 0 0 -1px;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  border-left: 1px solid #DADAE5;
}
.main-search--results .block-group .block--products a.product-link {
  display: inline-block;
  width: 100%;
}
.main-search--results .block-group .block--products .description span {
  color: #5f7285;
}
.main-search--results .block-group .es-title {
  background: #f8f8f8;
  padding: 15px 20px 15px 20px;
  padding: 0.9375rem 1.25rem 0.9375rem 1.25rem;
  margin: 0;
}
.main-search--results .block-group .es-redirect {
  background: #f8f8f8;
  padding: 10px 15px 10px 15px;
  padding: 0.625rem 0.9375rem 0.625rem 0.9375rem;
  margin: 0;
  text-align: center;
  border-bottom: 2px solid #DADAE5;
}
.main-search--results .block-group .list--simple {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-search--results .block-group .list--simple li {
  list-style: none;
}
.main-search--results .block-group .list--simple li.entry--empty {
  padding: 20px 20px 20px 20px;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
}
.main-search--results .block-group .list--simple li.entry--empty i {
  color: #4aa3df;
}
.main-search--results .block-group .list--simple li.entry--empty span {
  padding-left: 10px;
  padding-left: 0.625rem;
  font-style: italic;
}
.main-search--results .block-group .list--simple li a {
  padding: 10px 20px 10px 20px;
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  width: 100%;
  display: block;
}
.main-search--results .block-group .list--simple li a:hover {
  background: #f8f8f8;
}
.main-search--results .block-group .list--simple li.has--focus a {
  background: #b61934;
  color: #fff;
}
.main-search--results .block-group .list--products {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-search--results .block-group .list--products li {
  padding: 10px 20px 10px 20px;
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
  clear: both;
}
.main-search--results .block-group .list--products li.entry--empty {
  padding: 20px 20px 20px 20px;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
}
.main-search--results .block-group .list--products li.entry--empty i {
  color: #4aa3df;
}
.main-search--results .block-group .list--products li.entry--empty span {
  padding-left: 10px;
  padding-left: 0.625rem;
  font-style: italic;
}
.main-search--results .block-group .list--products li:after {
  content: '';
  clear: both;
}
.main-search--results .block-group .list--products li .image {
  height: 80px;
  height: 5rem;
  width: 20%;
  margin-right: 5%;
  float: left;
  text-align: center;
}
.main-search--results .block-group .list--products li .image object {
  width: 90px;
  width: 5.625rem;
  height: 80px;
  height: 5rem;
  max-width: 100%;
  max-height: 100%;
  margin: auto auto;
  object-fit: contain;
}
.main-search--results .block-group .list--products li .image img {
  max-width: 100%;
  max-height: 100%;
  margin: auto auto;
}
.main-search--results .block-group .list--products li .description {
  width: 75%;
  float: right;
}
.main-search--results .block-group .list--products li .description a {
  font-size: 16px;
  font-size: 1rem;
}
.main-search--results .block-group .list--products li .description span {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: 2px;
  margin-top: 0.125rem;
}
.main-search--results .block-group .list--products li.has--focus {
  background: #b61934;
}
.main-search--results .block-group .list--products li.has--focus .description a {
  color: #fff;
}
.main-search--results .block-group .list--products li.has--focus .description span {
  color: #fff;
}
.main-search--results .block-group .list--supplier {
  margin: 0;
  padding: 20px;
  list-style: none;
  clear: both;
}
.main-search--results .block-group .list--supplier li {
  height: 60px;
  height: 3.75rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  margin-right: 2%;
  width: 30%;
  display: inline-block;
  padding-right: 0;
}
.main-search--results .block-group .list--supplier li.entry--empty {
  width: 100%;
  height: auto;
  padding: 0;
}
.main-search--results .block-group .list--supplier li.entry--empty i {
  color: #4aa3df;
}
.main-search--results .block-group .list--supplier li.entry--empty span {
  padding-left: 10px;
  padding-left: 0.625rem;
  font-style: italic;
}
.main-search--results .block-group .list--supplier li a {
  padding: 5px 5px 5px 5px;
  padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 3px 3px 3px 3px;
}
.main-search--results .block-group .list--supplier li a img {
  max-width: 100%;
  margin: 0 auto;
}
.main-search--results .block-group .list--supplier li.has--focus a {
  border: 1px solid #b61934;
  border-radius: 3px 3px 3px 3px;
}
/* Search Detail */
.panel--elastic {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.panel--elastic .block-group {
  width: 100%;
}
.panel--elastic .block-group .block {
  padding-right: 15px;
  padding-right: 0.9375rem;
  width: 25%;
}
.panel--elastic .block-group .block .block--headline {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  color: #3f4c58;
  font-weight: 600;
}
.panel--elastic .block-group .block ul {
  list-style: none;
}
.panel--elastic .block-group .block ul li a {
  color: #5f7285;
}
.panel--elastic .block-group .block ul li a:hover {
  color: #b61934;
}
.panel--elastic .block-group .block.block-manufacturers {
  width: 100%;
}
.panel--elastic .block-group .block.block-manufacturers ul li {
  padding-right: 30px;
  padding-right: 1.875rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
  width: 20%;
  float: left;
}
@media screen and (min-width: 30em) {
  .main-search--results {
    position: fixed;
    overflow-y: auto;
    width: 100%;
    margin: 0;
    border-top: 0 none;
    top: 110px;
    box-shadow: 0 0 10px 1px #000;
  }
}
@media screen and (min-width: 48em) {
  .main-search--results .block-group {
    width: 100%;
  }
  .main-search--results .block-group .block--search-terms {
    width: 100%;
  }
  .main-search--results .block-group .block--additional {
    width: 50%;
    border-right: 1px solid #DADAE5;
  }
  .main-search--results .block-group .block--products {
    width: 50%;
  }
}
@media screen and (min-width: 64em) {
  .main-search--results {
    width: 1000px;
    top: 100px;
    margin: 0 auto;
  }
}
.payment--method .method--payolution {
  padding: 0px 0px 0px 40px;
  padding: 0rem 0rem 0rem 2.5rem;
  width: 100%;
}
.payment--method .method--payolution .register--content {
  float: none;
  margin-top: 0;
}
.payment--method .method--payolution .register--content .register--phone {
  width: 32%;
}
.payment--method .method--payolution .register--content .register--phone label.phone--label {
  font-weight: bold;
}
.payment--method .method--payolution .block-group.payolution-form--bank-details label {
  font-weight: bold;
}
.payment--method .method--payolution .block-group.payolution-form--bank-details .block-group.bank-details--holder,
.payment--method .method--payolution .block-group.payolution-form--bank-details .block-group.bank-details--iban,
.payment--method .method--payolution .block-group.payolution-form--bank-details .block-group.bank-details--bic {
  margin-bottom: 10px;
}
.payment--method .method--payolution .block-group.payolution--privacy-check .block.payolution-privacy-check--checkbox {
  width: 15px;
  position: absolute;
  margin-top: 2px;
}
.payment--method .method--payolution .block-group.payolution--privacy-check .block.payolution-privacy-check--label {
  padding-left: 20px;
}
.payment--method .method--payolution .block-group.payolution--sepa-mandate .block.payolution-sepa-mandate--checkbox {
  width: 15px;
  position: absolute;
  margin-top: 2px;
}
.payment--method .method--payolution .block-group.payolution--sepa-mandate .block.payolution-sepa-mandate--label {
  padding-left: 20px;
}
.payment--method .method--payolution .block-group.payolution-form--birthdate label {
  display: block;
  font-weight: bold;
}
.payment--method .method--payolution .block-group.payolution-form--birthdate .block {
  width: 25%;
  margin-right: 1%;
}
@media screen and (max-width: 64em) {
  .payment--method .method--payolution .block-group.payolution-form--birthdate .block {
    width: 32%;
  }
}
.payment--method .method--payolution .block-group.payolution-form--birthdate .block .js--fancy-select {
  width: 100%;
}
.payment--method .method--payolution.method--payolution-installment {
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
}
.payment--method .method--payolution.method--payolution-installment .block-group.payolution-form--birthdate .block {
  width: 32%;
  margin-right: 1%;
}
.payment--method .method--payolution.method--payolution-installment .block-group .block.payolution-installment--column {
  width: 33.33333%;
  padding-left: 1%;
  padding-right: 1%;
}
@media screen and (max-width: 64em) {
  .payment--method .method--payolution.method--payolution-installment .block-group .block.payolution-installment--column {
    width: 100%;
    margin-bottom: 20px;
  }
}
.payment--method .method--payolution.method--payolution-installment .block-group .block.payolution-installment--column.payolution-installment--column3 .panel--footer {
  margin-top: 20px;
  text-align: right;
}
.payment--method .method--payolution.method--payolution-installment .block-group .block.payolution-installment--column.payolution-installment--column3 .panel--footer .payolution-payment--submit-button {
  text-align: center;
  width: 50%;
}
.payment--method .method--payolution.method--payolution-installment .block-group .block.payolution-installment--column.payolution-installment--column3 .panel--footer .payolution-payment--submit-button i {
  position: absolute;
  right: 12px;
  top: 14px;
}
.payment--method .method--payolution.method--payolution-installment .payolution--privacy-check {
  margin-bottom: 20px;
}
.payment--method .method--payolution.method--payolution-installment .payolution-installment--selection {
  border-spacing: 0;
  overflow: hidden;
  width: 100%;
  text-align: center;
  margin: 15px 0;
  border: 1px solid #dadae5;
  border-radius: 5px;
}
.payment--method .method--payolution.method--payolution-installment .payolution-installment--selection .payolution-installment-selection--column {
  background: #dadae5 linear-gradient(to bottom, #e4e4e4 0%, #dadae5 100%);
  border: none;
  border-bottom: 1px solid #dadae5;
  cursor: pointer;
  padding: 10px 0;
  float: left;
  width: 100%;
}
.payment--method .method--payolution.method--payolution-installment .payolution-installment--selection .payolution-installment-selection--column:hover {
  color: #000000;
  background: #f5f5f5 none repeat scroll 0 0;
  font-weight: bold;
}
.payment--method .method--payolution.method--payolution-installment .payolution-installment--selection .payolution-installment-selection--column.is--active {
  color: #000000;
  background: #f5f5f5 none repeat scroll 0 0;
  font-weight: bold;
}
.payment--method .method--payolution.method--payolution-installment .payolution-installment--selection .payolution-installment-selection--column.is--last {
  border-bottom: 0;
}
.payment--method .method--payolution.method--payolution-installment .payolution-installment--plan .payolution-installment--plan-list {
  padding: 3px 5px;
  border: 1px solid #dadae5;
  border-radius: 5px;
  height: 156px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.payment--method .method--payolution.method--payolution-installment .payolution-installment--plan .payolution-installment--plan-list .row {
  height: 25px;
  padding: 0 5px;
}
.payment--method .method--payolution.method--payolution-installment .payolution-installment--plan .payolution-installment--plan-list .column--left,
.payment--method .method--payolution.method--payolution-installment .payolution-installment--plan .payolution-installment--plan-list .column--middle {
  text-align: left;
  width: 23%;
}
.payment--method .method--payolution.method--payolution-installment .payolution-installment--plan .payolution-installment--plan-list .column--middle {
  text-align: center;
}
.payment--method .method--payolution.method--payolution-installment .payolution-installment--plan .payolution-installment--plan-list .column--right {
  text-align: right;
  width: 54%;
}
.payment--method .method--payolution.method--payolution-installment .payolution-installment--overview .payolution-installment--overview-details .column--left {
  width: 75%;
}
.payment--method .method--payolution.method--payolution-installment .payolution-installment--overview .payolution-installment--overview-details .column--right {
  width: 25%;
  text-align: right;
}
.payment--method .method--payolution.method--payolution-installment .payolution-installment--overview .payolution-installment--overview-details .installment-overview--rate-amount {
  font-weight: bold;
  font-size: 16px;
}
.payment--method .method--payolution.method--payolution-installment .payolution-installment--overview .payolution-installment--overview-details .installment-overview--rate-amount .column--right {
  color: #FF0000;
}
.payment--method .method--payolution.method--payolution-installment .payolution-installment--overview .payolution-installment--overview-bank .overview-bank--heading {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid black;
  font-size: 16px;
}
.payment--method .method--payolution.method--payolution-installment .payolution-installment--overview .payolution-installment--overview-bank .block-group {
  margin-top: 10px;
}
.payment--method .method--payolution.method--payolution-installment .payolution-installment--overview .payolution-installment--overview-bank .block-group .column--left {
  width: 34%;
  font-weight: bold;
  text-align: right;
  line-height: 40px;
}
.payment--method .method--payolution.method--payolution-installment .payolution-installment--overview .payolution-installment--overview-bank .block-group .column--right {
  margin-left: 2%;
  width: 64%;
  text-align: right;
}
.payment--method .method--payolution.method--payolution-installment .payolution-installment--overview .payolution-installment--overview-bank .block-group .column--right input {
  width: 100%;
}
.payment--method .method--payolution.method--payolution-b2b {
  width: 100%;
}
.payment--method .method--payolution.method--payolution-b2b .block-group {
  width: 50%;
  margin-bottom: 10px;
}
@media screen and (max-width: 64em) {
  .payment--method .method--payolution.method--payolution-b2b .block-group {
    width: 100%;
  }
}
.payment--method .method--payolution.method--payolution-b2b .block-group.payolution-form--birthdate .block {
  width: 32.3333%;
  margin-right: 1%;
}
.payment--method .method--payolution.method--payolution-b2b .block-group.payolution-form--birthdate .block .js--fancy-select {
  width: 100%;
}
.payment--method .method--payolution.method--payolution-b2b .block-group label {
  display: block;
  font-weight: bold;
}
.payment--method .method--payolution.method--payolution-b2b .block-group .block {
  width: 100%;
}
.payment--method .method--payolution.method--payolution-b2b .block-group .block input {
  width: 100%;
}
.payment--method .method--payolution.method--payolution-b2b .block-group.payolution-form--company-type label {
  display: block;
  font-weight: bold;
}
.payment--method .method--payolution.method--payolution-b2b .block-group.payolution-form--company-type .block {
  width: 100%;
  margin-right: 1%;
}
.payment--method .method--payolution.method--payolution-b2b .block-group.payolution-form--company-type .block .js--fancy-select {
  width: 100%;
}
.payolution--panel .panel--heading {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
@media screen and (max-width: 48em) {
  .payolution--panel .panel--heading {
    margin-top: 10px;
  }
}
.payolution--panel .panel--content .register--content {
  width: 100%;
}
.payolution-error--container {
  background-color: #ff9696;
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 5px;
}
.spacing--top {
  margin-top: 10px;
}
.is--disabled {
  position: relative;
  opacity: .25;
}
.is--disabled::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: ' ';
}
#payolutionInstallmentInfo {
  border-top: 1px solid #dadae5;
  padding-top: 10px;
  float: left;
  width: 100%;
}
#payolutionInstallmentInfo #payolutionInstallmentInfo--text {
  float: left;
}
@media screen and (min-width: 480px) {
  #payolutionInstallmentInfo #payolutionInstallmentInfo--text {
    max-width: 60%;
  }
}
@media screen and (max-width: 479px) {
  #payolutionInstallmentInfo #payolutionInstallmentInfo--text {
    width: 100%;
  }
}
#payolutionInstallmentInfo #payolutionInstallmentInfo--text span {
  font-size: 12px;
}
#payolutionInstallmentInfo #payolutionInstallmentInfo--text span#payolutionInstallmentPrice {
  color: #FF0000;
  font-size: 18px;
  font-weight: bold;
  margin-left: 0px;
}
#payolutionInstallmentInfo #payolutionInstallmentInfo--text #icon--currency {
  margin-top: 2px;
  margin-right: 5px;
  background-color: #5F7285;
  text-align: center;
  border-radius: 100px;
  float: left;
  min-width: 20px;
  height: 20px;
  vertical-align: bottom;
}
#payolutionInstallmentInfo #payolutionInstallmentInfo--text #icon--currency span {
  font-size: 12px;
  margin-left: 0px;
  color: #FFFFFF;
}
#payolutionInstallmentInfo #payolutionInstallmentButton {
  max-width: 40%;
  border: none;
  text-align: center;
  border-radius: 3px;
  float: right;
  padding: 5px 20px;
  background-color: #dadae5;
  background-image: linear-gradient(to bottom, #e4e4e4 0%, #dadae5 100%);
}
#payolutionInstallmentInfo #payolutionInstallmentButton a {
  color: #000000;
}
@media screen and (max-width: 479px) {
  #payolutionInstallmentInfo #payolutionInstallmentButton {
    float: left;
    max-width: 100%;
    margin-top: 15px;
  }
}
#payolutionInstallmentInfoModal {
  width: 90%;
  margin: 10px auto;
}
#payolutionInstallmentInfoModal #payolutionInstallmentInfoModal--header {
  font-weight: bold;
  font-size: 16px;
}
#payolutionInstallmentInfoModal #payolutionInstallmentInfoModal--payolutionInstallmentSelection {
  border-spacing: 0px;
  overflow: hidden;
  width: 100%;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
  border: 1px solid #dadae5;
  border-radius: 5px;
}
#payolutionInstallmentInfoModal #payolutionInstallmentInfoModal--payolutionInstallmentSelection .payolutionInstallmentSelection--payolutionInstallmentColumn {
  background-color: #dadae5;
  background-image: linear-gradient(to bottom, #e4e4e4 0%, #dadae5 100%);
  border: none;
  border-bottom: 1px solid #dadae5;
  cursor: pointer;
  padding-bottom: 10px;
  padding-top: 10px;
  float: left;
  width: 100%;
}
#payolutionInstallmentInfoModal #payolutionInstallmentInfoModal--payolutionInstallmentSelection .payolutionInstallmentSelection--payolutionInstallmentColumn:hover {
  color: #000000;
  background: #f5f5f5 none repeat scroll 0 0;
  font-weight: bold;
}
#payolutionInstallmentInfoModal #payolutionInstallmentInfoModal--payolutionInstallmentSelection .payolutionInstallmentSelection--payolutionInstallmentColumn.payolutionRateActive {
  color: #000000;
  background: #f5f5f5 none repeat scroll 0 0;
  font-weight: bold;
}
#payolutionInstallmentInfoModal #payolutionInstallmentInfoModal--payolutionInstallmentSelection .payolutionInstallmentSelection--payolutionInstallmentColumn.payolutionLastElement {
  border-bottom: 0px;
}
#payolutionInstallmentInfoModal .payolutionInstallmentInfoModal--payolutionInstallmentOverview {
  width: 100%;
  margin-bottom: 15px;
}
#payolutionInstallmentInfoModal .payolutionInstallmentInfoModal--payolutionInstallmentOverview div.payolutionInstallmentOverview--element {
  list-style: none;
}
#payolutionInstallmentInfoModal .payolutionInstallmentInfoModal--payolutionInstallmentOverview div.payolutionInstallmentOverview--element.payolutionInstallmentOverview--rates div {
  margin-bottom: 10px;
}
#payolutionInstallmentInfoModal .payolutionInstallmentInfoModal--payolutionInstallmentOverview div.payolutionInstallmentOverview--element.payolutionInstallmentOverview--totalAmount div {
  margin-bottom: 10px;
}
#payolutionInstallmentInfoModal .payolutionInstallmentInfoModal--payolutionInstallmentOverview div.payolutionInstallmentOverview--element.payolutionInstallmentOverview--effectiveZins div {
  margin-bottom: 10px;
}
#payolutionInstallmentInfoModal .payolutionInstallmentInfoModal--payolutionInstallmentOverview div.payolutionInstallmentOverview--element.payolutionInstallmentOverview--monthlyAmount div {
  font-size: 16px;
  font-weight: bold;
}
#payolutionInstallmentInfoModal .payolutionInstallmentInfoModal--payolutionInstallmentOverview div.payolutionInstallmentOverview--element.payolutionInstallmentOverview--monthlyAmount div:last-child {
  color: #FF0000;
}
#payolutionInstallmentInfoModal .payolutionInstallmentInfoModal--payolutionInstallmentOverview div.payolutionInstallmentOverview--element div {
  width: 50%;
}
#payolutionInstallmentInfoModal .payolutionInstallmentInfoModal--payolutionInstallmentOverview div.payolutionInstallmentOverview--element div:first-child {
  text-align: left;
  float: left;
}
#payolutionInstallmentInfoModal .payolutionInstallmentInfoModal--payolutionInstallmentOverview div.payolutionInstallmentOverview--element div:last-child {
  text-align: right;
  float: right;
}
#payolutionInstallmentInfoModal #payolutionInstallmentInfoModal--payolutionInstallmentButton {
  float: right;
  cursor: pointer;
  border: none;
  margin-top: 20px;
  color: #000000;
  font-weight: bold;
  text-align: center;
  border-radius: 3px;
  padding: 5px 20px;
  background-color: #dadae5;
  background-image: linear-gradient(to bottom, #e4e4e4 0%, #dadae5 100%);
}
#payolutionInstallmentInfoModal #payolutionInstallmentInfoModal--payolutionInstallmentPlan #payolutionInstallmentPlan--header {
  font-weight: bold;
  font-size: 16px;
}
#payolutionInstallmentInfoModal #payolutionInstallmentInfoModal--payolutionInstallmentPlan ul {
  border-top: 1px solid #000000;
  margin-top: 15px;
  width: 100%;
}
#payolutionInstallmentInfoModal #payolutionInstallmentInfoModal--payolutionInstallmentPlan ul li {
  list-style: none;
}
#payolutionInstallmentInfoModal #payolutionInstallmentInfoModal--payolutionInstallmentPlan ul li .payolutionInstallmentPlanList--left {
  text-align: left;
  float: left;
  width: 20%;
}
#payolutionInstallmentInfoModal #payolutionInstallmentInfoModal--payolutionInstallmentPlan ul li .payolutionInstallmentPlanList--middle {
  text-align: center;
  float: left;
  width: 20%;
}
#payolutionInstallmentInfoModal #payolutionInstallmentInfoModal--payolutionInstallmentPlan ul li .payolutionInstallmentPlanList--right {
  text-align: right;
  float: right;
  width: 60%;
}
body.is--ctl-checkout.is--act-shippingpayment .payment--method .method--payolution.method--payolution-installment {
  width: calc(100% - 20px);
  padding: 0 0 0 0;
}
body.is--ctl-checkout.is--act-shippingpayment .payment--method .method--payolution.method--payolution-installment .block.payolution-installment--column {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 20px;
}
body.is--ctl-checkout.is--act-shippingpayment .payment--method .method--payolution.method--payolution-installment .block.payolution-installment--column ul {
  padding-left: 15px;
}
.supplier-sites--filter .filter-panel {
  height: auto;
  margin-left: 0;
  width: 100%;
}
.supplier-sites--filter .filter-panel .filter-panel--flyout {
  position: relative;
  z-index: 800;
}
.supplier-sites--filter .filter--property .filter-panel--checkbox {
  top: 5px;
  top: 0.3125rem;
  left: 0;
  position: absolute;
}
.sidebar--supplier-navigation .filter--property .filter-panel--checkbox {
  top: 5px;
  top: 0.3125rem;
  left: 0;
  position: absolute;
}
.brand-slider--container {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.brand-slider--item {
  padding: 10px 15px 10px 15px;
  padding: 0.625rem 0.9375rem 0.625rem 0.9375rem;
  height: 100%;
  width: 100%;
}
.brand-slider--item .brand-slider--image {
  height: 100px;
  height: 6.25rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  display: block;
  position: relative;
  width: 100%;
}
.brand-slider--item .brand-slider--image img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 80%;
}
.brand-slider--item .brand-slider--title {
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  color: #3f4c58;
  font-weight: bold;
}
.brand-slider--item .brand-slider--title:hover {
  color: #b61934;
}
.brand-slider--item .brand-slider--text {
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}
.sidebar--supplier-navigation {
  margin: 10px 0px 20px 0px;
  margin: 0.625rem 0rem 1.25rem 0rem;
}
.supplier--close-btn {
  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%);
  font-size: 14px;
  font-size: 0.875rem;
  color: #f8f8fa;
  font-weight: bold;
  display: block;
}
.action--supplier-options .supplier--close-btn .icon--arrow-right {
  margin: 12px 0px 0px 0px;
  margin: 0.75rem 0rem 0rem 0rem;
  font-size: 11px;
  font-size: 0.6875rem;
  float: right;
}
.supplier--info {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
}
.sidebar--categories-wrapper .supplier-sites--headline {
  margin-top: 0;
}
.sidebar--supplier-navigation::after {
  content: "";
  clear: both;
  display: table;
}
.action--supplier-options {
  background-color: #f5f5f8;
}
#brand_index {
  margin: 0px 0px 30px 0px;
  margin: 0rem 0rem 1.875rem 0rem;
  background: #f5f5f8;
  border: 1px solid #dadae5;
  border-radius: 3px;
  display: none;
  text-align: center;
}
#brand_index .btn {
  line-height: 15px;
  line-height: 0.9375rem;
  padding: 5px 5px 5px 5px;
  padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
}
.brand_char {
  margin-top: 10px;
  margin-top: 0.625rem;
  font-weight: bold;
}
.brand_letter {
  font-size: 30px;
  font-size: 1.875rem;
  height: 50px;
  height: 3.125rem;
  line-height: 50px;
  line-height: 3.125rem;
  width: 65px;
  width: 4.0625rem;
  float: left;
  font-weight: bold;
}
.brand--row {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  margin: 0 0 20px -2%;
  overflow: hidden;
}
.brand--row .brand--column.column-main {
  padding: 0 0 0 2%;
  overflow: hidden;
}
.brand--row .brand--column.column-list {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.brand--row .brand--column.column-list .product--box {
  display: -webkit-flex;
}
.brand--row .brand--column.column-list .product--box .box--content {
  width: 100%;
}
.brand--row .brand--column.column-list .product--box .brand-box--image {
  height: 100px;
  height: 6.25rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  display: block;
  position: relative;
  width: 100%;
}
.brand--row .brand--column.column-list .product--box .brand-box--image img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 80%;
}
.brand--row .brand--column.column-list .product--box .brand-box--title {
  display: block;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  color: #3f4c58;
  font-weight: bold;
}
.brand--row .brand--column.column-list .product--box .brand-box--title:hover {
  color: #b61934;
}
.brand--row .brand--column.column-list .product--box .brand-box--text {
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 30em) {
  .brand-slider--item {
    display: inline-block;
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  .is--ctl-SupplierModified .content-main .content--wrapper,
  .is--ctl-suppliermodified .content-main .content--wrapper,
  .is--ctl-listing.is--act-manufacturer .content-main .content--wrapper {
    margin-left: 260px;
    margin-left: 16.25rem;
  }
  .is--ctl-SupplierModified .sidebar-main.off-canvas,
  .is--ctl-suppliermodified .sidebar-main.off-canvas,
  .is--ctl-listing.is--act-manufacturer .sidebar-main.off-canvas {
    display: block;
    overflow: inherit;
  }
  .is--ctl-SupplierModified.is--no-sidebar .content-main .content--wrapper,
  .is--ctl-suppliermodified.is--no-sidebar .content-main .content--wrapper,
  .is--ctl-listing.is--act-manufacturer.is--no-sidebar .content-main .content--wrapper {
    margin-left: 260px;
    margin-left: 16.25rem;
  }
  .is--ctl-SupplierModified.is--cbax-sm-no-sidebar .content-main .content--wrapper,
  .is--ctl-suppliermodified.is--cbax-sm-no-sidebar .content-main .content--wrapper,
  .is--ctl-listing.is--act-manufacturer.is--cbax-sm-no-sidebar .content-main .content--wrapper {
    margin: 0;
  }
  .is--ctl-SupplierModified.is--cbax-sm-no-sidebar .sidebar-main.off-canvas,
  .is--ctl-suppliermodified.is--cbax-sm-no-sidebar .sidebar-main.off-canvas,
  .is--ctl-listing.is--act-manufacturer.is--cbax-sm-no-sidebar .sidebar-main.off-canvas,
  .is--ctl-SupplierModified.is--cbax-sm-no-sidebar .sidebar-main,
  .is--ctl-suppliermodified.is--cbax-sm-no-sidebar .sidebar-main,
  .is--ctl-listing.is--act-manufacturer.is--cbax-sm-no-sidebar .sidebar-main,
  .is--ctl-SupplierModified.is--cbax-sm-no-sidebar .cbax-aside,
  .is--ctl-suppliermodified.is--cbax-sm-no-sidebar .cbax-aside,
  .is--ctl-listing.is--act-manufacturer.is--cbax-sm-no-sidebar .cbax-aside {
    display: none;
  }
  .is--act-manufacturer .sidebar-main.off-canvas {
    display: block;
    overflow: inherit;
  }
  .is--act-manufacturer.is--no-sidebar .sidebar-main {
    display: none;
  }
  .sidebar--supplier-navigation {
    margin: 0px 0px 20px 0px;
    margin: 0rem 0rem 1.25rem 0rem;
  }
  .is--ctl-SupplierModified .sidebar--categories-navigation,
  .is--ctl-suppliermodified .sidebar--categories-navigation,
  .is--ctl-listing.is--act-manufacturer .sidebar--categories-navigation {
    display: block;
  }
  .supplier--info {
    display: none;
  }
}
@media screen and (min-width: 64em) {
  .brand-slider--item {
    width: 33.3333%;
  }
}
@media only screen and (min-width: 78.75em) {
  #brand_index {
    display: block;
  }
  .brand-slider--item {
    width: 25%;
  }
}
.product--details .content--product-supplier {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
}
@media only screen and (min-width: 48em) {
  .product--details .content--product-supplier {
    padding: 30px 30px 30px 30px;
    padding: 1.875rem 1.875rem 1.875rem 1.875rem;
  }
}
.box--listing_2col {
  width: 100%;
}
.box--listing_3col {
  width: 100%;
}
.box--listing_4col {
  width: 50%;
}
@media only screen and (min-width: 30em) {
  .box--listing_3col {
    width: 50%;
  }
  .box--listing_4col {
    width: 33.33%;
  }
  .is--cbax-sm-no-sidebar .box--listing_3col {
    width: 50%;
  }
}
@media only screen and (min-width: 48em) {
  .box--listing_3col {
    width: 50%;
  }
  .box--listing_4col {
    width: 33.33%;
  }
  .is--cbax-sm-no-sidebar .box--listing_2col {
    width: 50%;
  }
  .is--cbax-sm-no-sidebar .box--listing_3col {
    width: 33.33%;
  }
  .is--cbax-sm-no-sidebar .box--listing_4col {
    width: 25%;
  }
}
@media only screen and (min-width: 64em) {
  .box--listing_2col {
    width: 50%;
  }
  .box--listing_3col {
    width: 33.33%;
  }
  .box--listing_4col {
    width: 25%;
  }
}
@media only screen and (min-width: 78.75em) {
  .is--cbax-sm-no-sidebar .box--listing_2col {
    width: 33.33%;
  }
  .is--cbax-sm-no-sidebar .box--listing_3col {
    width: 25%;
  }
  .is--cbax-sm-no-sidebar .box--listing_4col {
    width: 20%;
  }
}
.FriedmEnev_detail_arrow {
  margin: 15px 0;
}
.FriedmEnev_detail_arrow .FriedmEnev_detail_arrow_body {
  display: flex;
  grid-gap: 30px;
  align-items: center;
  color: #3f4c58;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
.capitalize {
  text-transform: capitalize;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
@media screen and (min-width: 48em) {
  .is--ctl-forms aside.sidebar-main + .content--wrapper,
  .is--ctl-ticket aside.sidebar-main + .content--wrapper,
  .is--ctl-tellafriend aside.sidebar-main + .content--wrapper,
  .is--ctl-newsletter aside.sidebar-main + .content--wrapper,
  .is--ctl-sitemap aside.sidebar-main + .content--wrapper,
  .is--ctl-custom aside.sidebar-main + .content--wrapper,
  .is--ctl-note.is--user aside.sidebar-main + .content--wrapper,
  .is--ctl-address aside.sidebar-main + .content--wrapper,
  .is--ctl-account.is--user aside.sidebar-main + .content--wrapper {
    margin-left: calc( ( ( 100% - 30px ) / 4 * 1 ) + 10px ) !important;
  }
  .is--ctl-faq aside.sidebar-main + .content--wrapper {
    margin-left: calc( ( ( 100% - 30px ) / 4 * 1 ) + 10px ) !important;
  }
  .is--ctl-ostorderinfo aside.sidebar-main + .content--wrapper {
    margin-left: calc( ( ( 100% - 30px ) / 4 * 1 ) + 10px ) !important;
  }
  .sidebar-main {
    width: calc( ( ( 100% - 30px ) / 4 * 1 ) + 0px );
  }
  body.is--ctl-detail.is--act-index div.product--image-container {
    width: calc( ( ( 100% - 30px ) / 4 * 2 ) + 10px ) !important;
  }
  body.is--ctl-detail.is--act-index div.product--buybox {
    width: calc( ( ( 100% - 30px ) / 4 * 2 ) + 10px ) !important;
  }
  body.is--ctl-detail.is--act-index div.ost-cross-selling {
    width: calc( ( ( 100% - 30px ) / 4 * 2 ) + 10px ) !important;
  }
}
@media screen and (min-width: 64em) {
  .is--ctl-forms aside.sidebar-main + .content--wrapper,
  .is--ctl-ticket aside.sidebar-main + .content--wrapper,
  .is--ctl-tellafriend aside.sidebar-main + .content--wrapper,
  .is--ctl-newsletter aside.sidebar-main + .content--wrapper,
  .is--ctl-sitemap aside.sidebar-main + .content--wrapper,
  .is--ctl-custom aside.sidebar-main + .content--wrapper,
  .is--ctl-note.is--user aside.sidebar-main + .content--wrapper,
  .is--ctl-address aside.sidebar-main + .content--wrapper,
  .is--ctl-account.is--user aside.sidebar-main + .content--wrapper {
    margin-left: calc( ( ( 100% - 40px ) / 5 * 1 ) + 10px ) !important;
  }
  .is--ctl-faq aside.sidebar-main + .content--wrapper {
    margin-left: calc( ( ( 100% - 40px ) / 5 * 1 ) + 10px ) !important;
  }
  .is--ctl-ostorderinfo aside.sidebar-main + .content--wrapper {
    margin-left: calc( ( ( 100% - 40px ) / 5 * 1 ) + 10px ) !important;
  }
  .sidebar-main {
    width: calc( ( ( 100% - 40px ) / 5 * 1 ) + 0px );
  }
  body.is--ctl-detail.is--act-index div.product--image-container {
    width: calc( ( ( 100% - 40px ) / 5 * 3 ) + 20px ) !important;
  }
  body.is--ctl-detail.is--act-index div.product--buybox {
    width: calc( ( ( 100% - 40px ) / 5 * 2 ) + 10px ) !important;
  }
  body.is--ctl-detail.is--act-index div.ost-cross-selling {
    width: calc( ( ( 100% - 40px ) / 5 * 2 ) + 10px ) !important;
  }
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body {
  background: none;
  color: #666;
}
body .klasse--20px-hoehe {
  height: 20px;
}
body button {
  text-transform: uppercase;
}
body section.content-main {
  background: #FFFFFF;
  box-shadow: none;
  margin-top: 0;
}
body section.content-main div.content-main--inner {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.is--rounded {
  border-radius: 0;
}
body section.content-main {
  margin-bottom: -10px;
}
@media screen and (min-width: 78.75em) {
  body section.content-main {
    max-width: 1180px;
  }
}
body .header-main {
  border-bottom: 1px solid #FFF;
}
body nav.navigation-main {
  border: none;
}
body nav.navigation-main div.navigation--list-wrapper {
  border-top: 1px solid #dadae5;
  border-bottom: 1px solid #FFF;
}
body nav.navigation-main div.navigation--list-wrapper ul.navigation--list li.navigation--entry a.navigation--link.is--first {
  display: none;
}
body nav.navigation-main div.navigation--list-wrapper ul.navigation--list li.navigation--entry a.navigation--link.active,
body nav.navigation-main div.navigation--list-wrapper ul.navigation--list li.navigation--entry a.navigation--link.is--active {
  background: none;
  color: inherit;
}
@media screen and (min-width: 78.75em) {
  body nav.navigation-main .container {
    max-width: 1180px;
  }
}
.header-main:has(.top-bar.corona-top-bar) {
  padding-top: 0;
}
body .header-main div.top-bar div.container {
  max-width: 1180px;
}
body .header-main div.header--navigation.container {
  max-width: 1180px;
}
body .header-main div.header--navigation.container nav.shop--navigation ul li.navigation--entry.entry--search input.main-search--field {
  color: #666666;
}
body .header-main div.header--navigation.container nav.shop--navigation ul li.navigation--entry.entry--search input.main-search--field::placeholder {
  color: #666666;
}
body .header-main div.header--navigation.container nav.shop--navigation .badge.is--primary {
  background-color: #008a39;
  background-image: none;
}
body .header-main div.header--navigation.container nav.shop--navigation .badge.notes--quantity {
  background-color: #008a39;
  color: white;
  border: none;
}
body .header-main div.corona-top-bar {
  background-color: #e30613;
  color: white;
  font-size: 14px;
  text-align: center;
  display: block !important;
  padding: 15px 0 !important;
  margin: 0 0 15px 0 !important;
}
body .header-main div.corona-top-bar div.container {
  background: transparent !important;
  color: #ffffff !important;
  text-transform: none !important;
  font-size: 12px !important;
}
@media screen and (min-width: 48em) {
  body .header-main div.corona-top-bar div.container {
    font-size: 18px !important;
  }
}
@media screen and (min-width: 78.75em) {
  body .header-main div.header--navigation.container {
    max-width: 1180px;
  }
  body .header-main div.corona-top-bar div.container {
    font-size: 24px !important;
  }
}
aside.sidebar-main ul.sidebar--navigation li.navigation--entry.navigation--hidden-on-mobile {
  border: none;
  display: none;
}
@media screen and (min-width: 48em) {
  aside.sidebar-main ul.sidebar--navigation li.navigation--entry.navigation--hidden-on-mobile {
    display: list-item;
  }
  aside.sidebar-main ul.sidebar--navigation li.navigation--entry {
    border: none;
  }
  aside.sidebar-main ul.sidebar--navigation li.navigation--entry a.navigation--hidden-on-desktop {
    display: none;
  }
}
@media screen and (min-width: 78.75em) {
  .is--ctl-listing aside.sidebar-main + .content--wrapper,
  .is--ctl-forms aside.sidebar-main + .content--wrapper,
  .is--ctl-tellafriend aside.sidebar-main + .content--wrapper,
  .is--ctl-newsletter aside.sidebar-main + .content--wrapper,
  .is--ctl-sitemap aside.sidebar-main + .content--wrapper,
  .is--ctl-custom aside.sidebar-main + .content--wrapper,
  .is--ctl-note.is--user aside.sidebar-main + .content--wrapper,
  .is--ctl-address aside.sidebar-main + .content--wrapper,
  .is--ctl-account.is--user aside.sidebar-main + .content--wrapper {
    margin-left: 240px;
    margin-left: 15rem;
  }
}
aside.sidebar-main {
  padding-top: 0;
}
aside.sidebar-main ul.sidebar--navigation {
  border: none;
}
nav.content--breadcrumb a.breadcrumb--button.breadcrumb--link {
  display: none;
}
nav.content--breadcrumb li.breadcrumb--entry.is--home-entry {
  margin-left: 5px;
}
nav.content--breadcrumb {
  padding: 0px 5px 0px 5px;
  padding: 0rem 0.3125rem 0rem 0.3125rem;
  border: none;
}
nav.content--breadcrumb {
  padding: 10px;
}
nav.content--breadcrumb ul.breadcrumb--list {
  background: #ffffff;
}
@media (max-width: 767px) {
  nav.content--breadcrumb li:nth-last-child(1) {
    display: list-item;
    max-width: 60%;
  }
  nav.content--breadcrumb li:nth-last-child(1) a.breadcrumb--link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  nav.content--breadcrumb li:nth-last-child(2) {
    display: list-item;
  }
  nav.content--breadcrumb li:nth-last-child(3) {
    display: list-item;
    max-width: 32%;
  }
  nav.content--breadcrumb li:nth-last-child(3) a.breadcrumb--link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.breadcrumb--entry.breadcrumb--vviinn {
  display: none !important;
}
.breadcrumb--entry.breadcrumb--vviinn .breadcrumb--link {
  position: relative;
  padding-right: 25px;
}
@media (max-width: 767px) {
  .breadcrumb--entry.breadcrumb--vviinn .breadcrumb--link {
    white-space: collapse !important;
  }
}
.breadcrumb--entry.breadcrumb--vviinn svg {
  position: absolute;
}
.breadcrumb--entry.breadcrumb--vviinn svg path {
  fill: #b61934;
}
.is--ctl-search .breadcrumb--entry.breadcrumb--vviinn {
  display: list-item !important;
}
@media (max-width: 767px) {
  .is--ctl-search .breadcrumb--entry.breadcrumb--vviinn {
    max-width: 100%;
  }
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
.emotion--container {
  background: transparent;
}
.emotion--show-listing {
  margin: 0;
  padding: 10px;
  background: #ffffff;
  text-align: center;
}
div.emotion--element div.emotion--html div.html--content *:first-child {
  margin-top: 0 !important;
}
div.emotion--element div.emotion--html div.html--content *:last-child {
  margin-bottom: 0 !important;
}
body.is--ctl-campaign.is--act-index .content--home {
  margin-top: 0;
}
.emotion--product .product--box .product--details {
  max-height: 30%;
  width: 100%;
  position: relative;
  bottom: 0;
  left: 0;
}
body .ost-emotion--product .product--box .product--image {
  margin-bottom: 50px;
}
body .ost-emotion--product .product--box .box--content .product--info .product--details {
  max-height: 30%;
  width: 100%;
  position: relative;
  bottom: 0;
  left: 0;
}
body .ost-emotion--product .product--box .box--content .product--info .product--details a.product--title {
  font-size: 18px;
  line-height: 24px;
  height: 48px;
  color: #666666;
  text-align: center;
}
@media screen and (min-width: 900px) {
  body .ost-emotion--product .product--box .box--content .product--info .product--details a.product--title {
    font-size: 20px;
    line-height: 24px;
    height: 50px;
  }
}
body .ost-emotion--product .product--box .box--content .product--info .product--details .product--price-info {
  margin: 5px 0;
  height: 45px !important;
}
body .ost-emotion--product .product--box .box--content .product--info .product--details .product--price-info .block-group {
  height: 100%;
}
body .ost-emotion--product .product--box .box--content .product--info .product--details .product--price-info .product--price {
  height: 100%;
  float: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  padding-bottom: 0;
}
body .ost-emotion--product .product--box .box--content .product--info .product--details .product--price-info .product--price .price--default {
  font-size: 22px;
  color: #666666;
}
@media screen and (min-width: 900px) {
  body .ost-emotion--product .product--box .box--content .product--info .product--details .product--price-info .product--price .price--default {
    font-size: 24px;
  }
}
body.is--ctl-register.is--target-checkout #registration {
  display: block !important;
}
.register--content div.register--password-description {
  margin: 0px 15px 0 15px;
  padding-bottom: 0;
}
.register--content div.register--account-information div.register--password-description {
  margin: 5px 15px 25px 15px;
  padding-bottom: 0;
  font-size: 12px;
}
.register--zip-city .container--register--field-zipcode {
  width: 28%;
  float: left;
  margin-right: 2%;
}
.register--zip-city .container--register--field-zipcode .register--field-zipcode {
  width: 100% !important;
  float: none !important;
  margin-right: 0 !important;
}
.register--zip-city .container--register--field-city {
  width: 70%;
  float: left;
}
.register--zip-city .container--register--field-city .register--field-city {
  width: 100% !important;
  float: none !important;
}
div.steps--container.container div.steps--content {
  border: 10px solid #FFF;
  border-bottom: 0;
  margin-bottom: 0;
  padding: 24px 0;
}
div.steps--container.container div.steps--content ul.steps--list li.steps--entry span.text {
  width: 50%;
}
@media screen and (min-width: 78.75em) {
  div.steps--container.container {
    max-width: 1180px;
  }
}
.register--login .register--new-customer {
  margin: 10px 0;
}
@media screen and (min-width: 48em) {
  body.is--ctl-register.is--act-index .register--content.register-checkout--content {
    width: 100%;
  }
  body.is--ctl-register.is--act-index .register--content {
    width: calc( ( ( 100% - 40px ) / 5 * 3 ) + 20px );
    margin-top: 10px;
    margin-bottom: 0;
  }
  body.is--ctl-register.is--act-index .register--login {
    width: calc( ( ( 100% - 40px ) / 5 * 2 ) + 10px );
    margin-top: 10px;
    margin-bottom: 0;
  }
}
body.is--ctl-listing nav.content--breadcrumb {
  background-color: #FFF;
}
body.is--ctl-listing section.content-main div.content-main--inner {
  background-color: #FFF;
  padding: 0;
}
body.is--ctl-listing section.content-main div.content-main--inner form.action--per-page.action--content.block {
  display: none;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content--emotions div.emotion--wrapper div.emotion--element div.product--box div.box--content div.product--info a.product--title {
  color: #666666;
  text-align: center;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content--emotions div.emotion--wrapper div.emotion--element div.product--box div.box--content div.product--info .product--price-info .product--price {
  float: unset;
  text-align: center;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content--emotions div.emotion--wrapper div.emotion--element div.product--box div.box--content div.product--info .product--price-info .product--price .price--default {
  color: #666666;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content {
  padding-top: 0;
  margin-top: 0;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content div.listing--container {
  background-color: #e7eced;
  border: 2px solid #e7eced;
  margin: 0 0;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content div.listing {
  padding: 0;
  margin: -2px 0 0 -2px;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content div.product--box {
  padding: 2px 0 0 2px;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content div.product--box div.box--content div.product--info {
  padding: 10px;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content div.product--box div.box--content div.product--info a.product--image {
  margin-bottom: 40px;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content div.product--box div.box--content div.product--info a.product--image img.article--color-badge {
  width: 100%;
  top: unset;
  bottom: -40px;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content div.product--box div.box--content div.product--info a.product--title {
  font-size: 18px;
  line-height: 24px;
  height: 48px;
  color: #666666;
  text-align: center;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content div.product--box div.box--content div.product--info .product--price-info {
  margin: 5px 0;
  height: 45px;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content div.product--box div.box--content div.product--info .product--price-info .block-group {
  height: 100%;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content div.product--box div.box--content div.product--info .product--price-info .product--price {
  height: 100%;
  float: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  padding-bottom: 0;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content div.product--box div.box--content div.product--info .product--price-info .product--price .price--default {
  font-size: 22px;
  color: #666666;
}
@media screen and (min-width: 430px) {
  body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content div.product--box div.box--content div.product--info a.product--image {
    margin-bottom: 50px;
  }
  body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content div.product--box div.box--content div.product--info a.product--image img.article--color-badge {
    width: 100%;
    top: unset;
    bottom: -50px;
  }
}
body.is--ctl-listing section.content-main div.content-main--inner div.content--emotions {
  margin-bottom: 15px;
}
@media screen and (min-width: 48em) {
  body.is--ctl-listing section.content-main div.content-main--inner div.content--emotions {
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 900px) {
  body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content div.product--box div.box--content div.product--info a.product--title {
    font-size: 20px;
    line-height: 24px;
    height: 50px;
  }
  body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content div.product--box div.box--content div.product--info .product--price-info .product--price .price--default {
    font-size: 24px;
  }
}
@media screen and (min-width: 1170px) {
  body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content div.listing--container {
    margin: 0 5px;
  }
}
@media screen and (min-width: 1180px) {
  body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content div.listing--container {
    margin: 0 10px;
  }
}
@media screen and (min-width: 48em) {
  body.is--ctl-listing div.listing--actions div.listing--paging {
    border: none;
  }
  body.is--ctl-listing div.action--filter-options.off-canvas {
    border: none;
  }
}
.infinite--actions {
  background: #ffffff;
  margin-bottom: 10px;
}
.infinite--actions a.btn {
  margin: 10px 0;
}
.listing--actions {
  background: #ffffff;
  padding: 10px;
  margin-bottom: 10px;
}
.listing--actions .action--sort {
  margin-bottom: 0;
}
.category--teaser {
  margin-bottom: 10px;
}
@media screen and (min-width: 48em) {
  .listing--actions {
    border: none;
    padding: 10px 0 0 0;
    border-radius: 0;
  }
}
@media screen and (min-width: 64em) {
  .action--sort .sort--select {
    margin-bottom: 10px;
  }
  .listing {
    margin: -10px 0 0 -10px;
    padding: 0 0 10px 0;
  }
}
@media screen and (min-width: 78.75em) {
  .action--sort .sort--select {
    margin-bottom: 0;
  }
  .listing--actions .action--sort {
    margin-bottom: 10px;
  }
  .listing--actions .listing--paging .paging--link {
    border-radius: 0;
  }
  .listing--bottom-paging {
    background: #ffffff;
    border-radius: 0;
    border: 0;
  }
  .listing--bottom-paging .panel--paging .paging--link {
    border-radius: 0;
  }
}
@media screen and (min-width: 78.75em) {
  body.is--ctl-listing.is--act-manufacturer section.content-main.container {
    /* this is for default supplier page */
    /* with cbax supplier modified plugin */
    padding-top: 0;
  }
  body.is--ctl-listing.is--act-manufacturer section.content-main.container div.content div.vendor--info.panel {
    margin-bottom: 10px;
  }
  body.is--ctl-listing.is--act-manufacturer section.content-main.container div.content div.listing--wrapper div.listing--actions.ost-listing-filter--sorting {
    display: none;
  }
}
.listing--content div.topseller {
  display: none;
}
div.product--box img.article--color-badge {
  position: absolute;
  z-index: 1000;
  display: block;
  width: 100%;
  height: 54px;
  top: 114px;
  right: 0;
}
.ost-emotion--product div.product--box img.article--color-badge {
  position: absolute;
  z-index: 1000;
  display: block;
  width: 100%;
  height: 54px;
  top: 144px;
  right: 0;
}
body.is--ctl-listing.is--act-index div.listing div.product--box img.article--color-badge {
  display: block;
  width: 100%;
  height: 54px;
  top: 114px;
  right: 0;
}
body.is--ctl-detail.is--act-index div.product--box img.article--color-badge {
  display: block;
  width: 100%;
  height: 54px;
  bottom: 0;
  right: 0;
  top: unset;
}
body.is--ctl-search.is--act-index div.product--box img.article--color-badge {
  display: block;
  width: 100%;
  height: 54px;
  bottom: 0;
  right: 0;
  top: unset;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content .mo-listing--has-banner {
  display: flex;
  flex-wrap: wrap;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content .mo-listing--has-banner:has(.FriedmEnev_container_arrow_body) .mo-listing--banner {
  max-height: 464px;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content .mo-listing--banner {
  order: 2;
  max-height: 397px;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content .mo-listing--banner.size--2 {
  width: 100%;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content .mo-listing--banner.size--1 {
  width: 50%;
}
body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content .mo-listing--banner img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 30em) {
  body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content .mo-listing--banner {
    order: 4;
  }
  body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content .mo-listing--banner.size--2 {
    width: 66.66666%;
  }
  body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content .mo-listing--banner.size--1 {
    width: 33.33333%;
  }
}
@media screen and (min-width: 64em) {
  body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content .mo-listing--banner {
    order: 5;
  }
  body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content .mo-listing--banner.size--2 {
    width: 50%;
  }
  body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content .mo-listing--banner.size--1 {
    width: 25%;
  }
  body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content div.listing:has(.box--3column) .mo-listing--banner {
    order: 4;
  }
  body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content div.listing:has(.box--3column) .mo-listing--banner.size--2 {
    width: 66.66666%;
  }
  body.is--ctl-listing section.content-main div.content-main--inner div.content.listing--content div.listing:has(.box--3column) .mo-listing--banner.size--1 {
    width: 33.33333%;
  }
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
@media screen and (min-width: 78.75em) {
  .topseller {
    margin-bottom: 10px;
  }
  .topseller .product-slider--arrow.arrow--next {
    right: 0;
    border-right: 0;
    border-radius: 0;
  }
  .topseller .product-slider--arrow.arrow--prev {
    left: 0;
    border-left: 0;
    border-radius: 0;
  }
}
body.is--ctl-index.is--act-index section.content-main div.content-main--inner .content--home {
  margin-top: 0px;
}
@media screen and (min-width: 78.75em) {
  body.is--ctl-index.is--act-index section.content-main div.content-main--inner {
    padding-bottom: 0;
  }
}
body label.sort--label.action--label,
body span.paging--display {
  color: #666;
}
body .action--filter-btn .filter--trigger {
  background-color: #f8f8fa;
  border-color: #cbcbdb;
  color: #666;
}
body .action--filter-btn .filter--trigger:hover {
  border-color: #cbcbdb;
}
body .action--filter-btn .filter--trigger.is--active {
  background-color: #666;
}
body .action--filter-btn .filter--trigger.is--active:hover {
  background-color: #666;
}
body .filter-panel,
body .filter-panel:hover {
  background-color: #f8f8fa;
  border-color: #cbcbdb;
}
body .filter-panel .filter-panel--icon,
body .filter-panel .filter-panel--title,
body .filter-panel:hover .filter-panel--icon,
body .filter-panel:hover .filter-panel--title {
  color: #666;
}
body .panel--paging .paging--link.is--active,
body .panel--paging .paging--link.is--active:hover {
  background: none;
  background-color: #666;
}
body .panel--paging .paging--link.paging--prev,
body .panel--paging .paging--link.paging--prev:hover,
body .panel--paging .paging--link.paging--next,
body .panel--paging .paging--link.paging--next:hover {
  background: none;
  background-color: #f8f8fa;
  color: #666;
  border-color: #cbcbdb;
}
@media screen and (min-width: 48em) {
  body .filter-panel {
    width: 32.333333%;
  }
}
@media screen and (min-width: 64em) {
  body .filter-panel {
    width: 24%;
  }
}
body .box--slider .product--price-info {
  height: 2.5rem;
}
body .product--box .product--badges .product--badge {
  float: none;
}
body .product--box .product--badges .product--badge.badge--werbung {
  border-radius: 0;
  display: inline-block;
  border: 1px solid #e50413;
  color: #e50413;
  background: white;
  text-transform: uppercase;
}
body .product--box .product--badges .badge--recommend.promotionBadge + .badge--werbung {
  display: none;
}
body .product--box .product--badges .product--badge.promotionBadge {
  border-radius: 0;
  display: inline-block;
}
body .product--box div.product--badges div.product--badge.badge--newcomer {
  display: none;
}
body .product--box div.product--badges div.product--badge.badge--discount {
  display: none;
}
body .product--box .box--content {
  background: #ffffff;
  border: none;
}
body .product--box .box--content .product--info a.product--title {
  height: 20px;
  font-weight: normal;
  color: #666;
  text-align: center;
}
body .product--box .box--content .product--info a.product--title.sliderProductNameDoubleLine {
  height: 40px;
}
body .product--box .box--content .product--info div.delivery--container {
  height: 40px;
  margin: 5px 0;
  text-align: center;
}
body .product--box .box--content .product--info div.delivery--container span.full-price-service--green,
body .product--box .box--content .product--info div.delivery--container span.delivery-text {
  color: #008a39;
}
@media screen and (max-width: 479px) and (min-width: 382px), (min-width: 632px) {
  body .product--box .box--content .product--info div.delivery--container {
    height: 20px;
  }
}
body .product--box .box--content .product--info div.configurable--container {
  height: 22px;
  margin: 5px 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
body .product--box .box--content .product--info div.configurable--container img {
  margin-right: 4px;
}
body .product--box .box--content .product--info div.configurable--container span.configurable--label {
  color: #666;
}
body .product--box .box--content .product--info .product--price-info .price--unit {
  display: none;
}
body .product--box .box--content .product--info .product--price-info .product--price {
  text-align: center;
}
body .product--box .box--content .product--info .product--price-info .product--price span.price--discount {
  color: #666;
  text-decoration: none;
}
body .product--box .box--content .product--info .product--price-info .product--price span.price--discount span.uvp--price {
  text-decoration: line-through;
}
body .product--box .box--content .product--info .product--price-info .product--price span.price--default {
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 0.3px;
  line-height: 24px;
  color: #666;
}
body .product--box .box--content .product--info .product--price-info .product--price span.price--default.is--discount {
  color: #e50413 !important;
}
body div.product-slider div.product-slider--item div.product--box.box--slider {
  margin-bottom: 10px;
}
body div.product-slider div.product-slider--item div.product--box.box--slider:last-child {
  margin-bottom: 0;
}
body .product--box.box--basic {
  padding: 10px 0 0 10px;
  width: 50%;
}
body .product--box.box--basic .box--content {
  padding: 0;
}
body .product--box.box--basic .box--content .product--info {
  padding: 0;
}
body .product--box.box--basic .box--content .product--info a.product--image {
  display: block;
  width: 100%;
  height: 168px;
  position: relative;
}
body .product--box.box--basic .box--content .product--info a.product--title {
  margin: 5px 0 5px 0;
  padding: 0 8px;
}
body .product--box.box--basic .box--content .product--info .product--description {
  display: none;
}
body .product--box.box--basic .box--content .product--info .product--actions {
  display: none;
}
body .product--box.box--basic .box--content .product--info .product--price-info {
  padding: 0 8px 0 8px;
  margin-bottom: 3px;
}
body .product--box.box--basic .box--content .product--info a.product--image {
  height: 168px;
}
body section.emotion--container.emotion--column-2 .emotion--element.col-xl-1 .product--box.box--emotion .box--content {
  padding: 0;
}
body .emotion--product .product--box .product--image {
  height: 176px;
}
@media screen and (min-width: 30em) {
  body .emotion--product .product--box .product--image {
    height: 186px;
  }
}
@media screen and (min-width: 64em) {
  body .emotion--product .product--box .product--image {
    height: 70%;
  }
}
@media screen and (max-width: 64em) {
  body .product--box.box--basic .box--content .product--info .product--price-info,
  body .product--box.box--slider .box--content .product--info .product--price-info {
    height: 3rem;
  }
  body .product--box.box--basic .box--content .product--info .product--price-info .product--price,
  body .product--box.box--slider .box--content .product--info .product--price-info .product--price {
    height: 100%;
    width: 100%;
    flex-direction: column;
    padding-bottom: 5px;
  }
  body .box--slider .product--price-info {
    height: 3rem;
  }
}
section.emotion--container.emotion--column-2 .emotion--element .product--box.box--emotion .box--content {
  padding: 0;
}
section.emotion--container.emotion--column-2 .emotion--element .product--box.box--emotion .box--content .product--info {
  padding: 0;
}
section.emotion--container.emotion--column-2 .emotion--element .product--box.box--emotion .box--content .product--info a.product--image {
  display: block;
  width: 100%;
  position: relative;
}
section.emotion--container.emotion--column-2 .emotion--element .product--box.box--emotion .box--content .product--info a.product--title {
  margin: 5px 0 5px 0;
  padding: 0 8px;
}
section.emotion--container.emotion--column-2 .emotion--element .product--box.box--emotion .box--content .product--info .product--description {
  display: none;
}
section.emotion--container.emotion--column-2 .emotion--element .product--box.box--emotion .box--content .product--info .product--actions {
  display: none;
}
section.emotion--container.emotion--column-2 .emotion--element .product--box.box--emotion .box--content .product--info .product--price-info {
  padding: 0 8px 0 8px;
  margin-bottom: 3px;
}
@media screen and (min-width: 30em) {
  body.is--ctl-search .box--basic,
  body.is--ctl-listing.is--no-sidebar .box--basic,
  body .product--box.box--basic {
    padding: 10px 0 0 10px;
    width: 33.333333%;
  }
  body .product--box.box--basic .box--content,
  body section.emotion--container.emotion--column-4 .emotion--element .product--box.box--emotion .box--content {
    padding: 0;
  }
  body .product--box.box--basic .box--content .product--info,
  body section.emotion--container.emotion--column-4 .emotion--element .product--box.box--emotion .box--content .product--info {
    padding: 0;
  }
  body .product--box.box--basic .box--content .product--info a.product--image,
  body section.emotion--container.emotion--column-4 .emotion--element .product--box.box--emotion .box--content .product--info a.product--image {
    display: block;
    width: 100%;
    position: relative;
  }
  body .product--box.box--basic .box--content .product--info a.product--title,
  body section.emotion--container.emotion--column-4 .emotion--element .product--box.box--emotion .box--content .product--info a.product--title {
    margin: 5px 0 5px 0;
    padding: 0 8px;
  }
  body .product--box.box--basic .box--content .product--info .product--description,
  body section.emotion--container.emotion--column-4 .emotion--element .product--box.box--emotion .box--content .product--info .product--description {
    display: none;
  }
  body .product--box.box--basic .box--content .product--info .product--actions,
  body section.emotion--container.emotion--column-4 .emotion--element .product--box.box--emotion .box--content .product--info .product--actions {
    display: none;
  }
  body .product--box.box--basic .box--content .product--info .product--price-info,
  body section.emotion--container.emotion--column-4 .emotion--element .product--box.box--emotion .box--content .product--info .product--price-info {
    padding: 0 8px 0 8px;
    margin-bottom: 3px;
  }
  body .product--box.box--basic .box--content .product--info a.product--image {
    height: 168px;
  }
}
@media screen and (min-width: 64em) {
  body.is--ctl-search .box--basic,
  body.is--ctl-listing.is--no-sidebar .box--basic,
  body .product--box.box--basic {
    padding: 10px 0 0 10px;
    width: 25%;
  }
  body .product--box.box--basic .box--content,
  body section.emotion--container.emotion--column-5 .col-xl-1 .product--box.box--emotion .box--content,
  body section.emotion--container.emotion--column-5 .col-xl-2 .product--box.box--emotion .box--content {
    padding: 0;
  }
  body .product--box.box--basic .box--content .product--info,
  body section.emotion--container.emotion--column-5 .col-xl-1 .product--box.box--emotion .box--content .product--info,
  body section.emotion--container.emotion--column-5 .col-xl-2 .product--box.box--emotion .box--content .product--info {
    padding: 0;
  }
  body .product--box.box--basic .box--content .product--info a.product--image,
  body section.emotion--container.emotion--column-5 .col-xl-1 .product--box.box--emotion .box--content .product--info a.product--image,
  body section.emotion--container.emotion--column-5 .col-xl-2 .product--box.box--emotion .box--content .product--info a.product--image {
    display: block;
    width: 100%;
    height: 168px;
    position: relative;
  }
  body .product--box.box--basic .box--content .product--info a.product--title,
  body section.emotion--container.emotion--column-5 .col-xl-1 .product--box.box--emotion .box--content .product--info a.product--title,
  body section.emotion--container.emotion--column-5 .col-xl-2 .product--box.box--emotion .box--content .product--info a.product--title {
    margin: 5px 0 5px 0;
    padding: 0 8px;
  }
  body .product--box.box--basic .box--content .product--info .product--description,
  body section.emotion--container.emotion--column-5 .col-xl-1 .product--box.box--emotion .box--content .product--info .product--description,
  body section.emotion--container.emotion--column-5 .col-xl-2 .product--box.box--emotion .box--content .product--info .product--description {
    display: none;
  }
  body .product--box.box--basic .box--content .product--info .product--actions,
  body section.emotion--container.emotion--column-5 .col-xl-1 .product--box.box--emotion .box--content .product--info .product--actions,
  body section.emotion--container.emotion--column-5 .col-xl-2 .product--box.box--emotion .box--content .product--info .product--actions {
    display: none;
  }
  body .product--box.box--basic .box--content .product--info .product--price-info,
  body section.emotion--container.emotion--column-5 .col-xl-1 .product--box.box--emotion .box--content .product--info .product--price-info,
  body section.emotion--container.emotion--column-5 .col-xl-2 .product--box.box--emotion .box--content .product--info .product--price-info {
    padding: 0 8px 0 8px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 64em) {
  body.is--ctl-listing div.listing div.product--box.box--basic.box--3column {
    width: calc(100% / 3);
  }
  body.is--ctl-listing div.listing div.product--box.box--basic.box--3column .box--content .product--info a.product--image {
    height: 226px;
  }
}
section.emotion--container.emotion--column-5 .col-xl-1 .product--box.box--emotion .box--content .product--info span.image--media img,
section.emotion--container.emotion--column-4 .emotion--element .product--box.box--emotion .box--content .product--info span.image--media img,
section.emotion--container.emotion--column-2 .emotion--element .product--box.box--emotion .box--content .product--info span.image--media img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
body.is--ctl-listing.is--act-index .listing--container .product--box .box--content .product--info a.product--title {
  height: 40px;
}
body.is--ctl-listing .product--box.box--basic .product--badges,
body.is--ctl-search .product--box.box--basic .product--badges {
  left: 0;
}
body.is--ctl-detail.is--act-index {
  color: #666666;
}
body.is--ctl-detail.is--act-index div.buybox--button-container button.buybox--button {
  font-size: 0.875rem;
  padding-right: 12px;
  background-color: #008a39;
}
body.is--ctl-detail.is--act-index div.buybox--button-container button.buybox--button i.icon--arrow-right {
  display: none;
}
body.is--ctl-detail.is--act-index .similar--content .product-slider,
body.is--ctl-detail.is--act-index .viewed--content .product-slider,
body.is--ctl-detail.is--act-index .bought--content .product-slider,
body.is--ctl-detail.is--act-index .related--content .product-slider,
body.is--ctl-detail.is--act-index .product-streams--content .product-slider {
  padding: 0;
  min-height: auto;
}
body.is--ctl-detail.is--act-index .product--details .action--link.action--compare {
  display: inline-block;
}
body.is--ctl-detail.is--act-index div.two-rows .product-slider--container {
  display: block;
  max-height: unset;
}
@media screen and (min-width: 48em) {
  body.is--ctl-detail.is--act-index div.two-rows .product-slider--arrow {
    top: 53%;
  }
  body.is--ctl-detail.is--act-index div.two-rows .product-slider--container {
    display: flex;
    flex-flow: column wrap;
    max-height: 600px;
  }
  body.is--ctl-detail.is--act-index .ost-cross-selling .ost-article-family .product-slider--container {
    max-height: 610px;
  }
}
body.is--ctl-detail.is--act-index section.content-main {
  background-color: #FFF;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(100% - 20px);
  background: #FFF;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details {
  background: #FFF;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-btn a {
  text-transform: uppercase;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details > div:last-child {
  margin-bottom: 0 !important;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details header.product--header {
  display: flex;
  justify-content: flex-end;
  background-color: #FFF;
  padding: 0 0 20px 10px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details header.product--header div.product--info {
  width: 100%;
  display: flex;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details header.product--header div.product--info div.product--info-left {
  width: 65%;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details header.product--header div.product--info div.product--info-left h1.product--title {
  margin-bottom: 5px;
  line-height: 1.2;
  width: 95%;
  font-size: 24px;
  font-weight: normal;
  color: #666666;
  letter-spacing: 0.3px;
}
@media screen and (max-width: 767px) {
  body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details header.product--header div.product--info div.product--info-left h1.product--title {
    hyphens: auto;
  }
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details header.product--header div.product--info div.product--supplier {
  width: 35%;
}
@media screen and (max-width: 767px) {
  body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details header.product--header div.product--info div.product--supplier a img {
    max-width: 95px;
    max-height: 65px;
  }
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--image-container {
  background: #ffffff;
  margin-bottom: 0;
  padding: 0 20px 20px 20px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--image-container div.image--thumbnails.image-slider--thumbnails {
  width: 100%;
  margin-top: 20px;
  position: relative;
  top: 0;
  left: 0;
  float: left;
  display: block;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--image-container div.image--thumbnails.image-slider--thumbnails div.image-slider--thumbnails-slide {
  display: inline-flex;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--image-container div.image--thumbnails.image-slider--thumbnails div.image-slider--thumbnails-slide a.thumbnail--link {
  margin: 0 20px 0 0;
  border-radius: 0;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox {
  background: #ffffff;
  margin-top: 10px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox span.price--line-through {
  text-decoration: none;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox span.price--line-through span.uvp--price {
  text-decoration: line-through;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox header.product--header {
  display: none;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner {
  display: grid;
  background: #ffffff;
  padding: 20px 20px 10px 20px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner > * {
  order: 4;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner .product--configurator {
  order: 1;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner .product--configurator div.configurator--variant label.option--label {
  border-radius: 0;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner div[data-additionalclass="ost-configurator--initial"] {
  order: 1;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner div[data-additionalclass="ost-configurator--initial"] button {
  margin-bottom: 25px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner div.product--price {
  order: 2;
  margin-bottom: 10px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner div.ost-article-assembly-surchage--fullservice-price.alert.is--success {
  order: 2;
  background: none;
  padding: 0px;
  margin: 0px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner div.ost-article-assembly-surchage--fullservice-checkbox.alert.is--info {
  order: 3;
  background: none;
  padding: 0px;
  margin: 0px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner div#financing-mini-info {
  order: 3;
  padding-top: 0 !important;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner p.product--tax {
  order: 3;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner div.product-info--sku {
  margin-bottom: 24px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner div.product-info--sku span {
  white-space: nowrap;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner div.product--price.price--default span.price--content {
  font-weight: normal;
  font-size: 38px;
  color: #666666;
  letter-spacing: 0.3px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner div.product--price.price--default.price--discount {
  display: flex;
  flex-direction: column-reverse;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner div.product--price.price--default.price--discount span.price--discount-icon {
  display: none;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner div.product--price.price--default.price--discount span.content--discount {
  display: block;
  font-weight: normal;
  font-size: 18px;
  color: #666666;
  letter-spacing: 0;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner div.product--price.price--default.price--discount span.content--discount span.price--discount-percentage {
  display: none;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner div.product--price.price--default.price--discount span.price--content {
  color: #e30a13;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner #financing-mini-info {
  font-size: 0.875rem;
  padding-bottom: 0;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner #financing-mini-info a {
  color: #000;
  text-decoration: none;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner div.product--delivery {
  margin-top: 7px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner div.product--delivery span.delivery--green {
  color: #008a39;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner div.product--delivery span.delivery--yellow {
  color: #f1c40f;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner div.product--delivery span.delivery--red {
  color: #e74c3c;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner p.product--tax {
  font-size: 0.875rem;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner p.product--tax a {
  color: #000;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner p.product--tax a:hover {
  text-decoration: none !important;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner p.product--tax[data-modalbox="true"] {
  display: none !important;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner form.buybox--form {
  padding: 0;
  margin-top: 14px;
  width: 100%;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner form.buybox--form input.ost-article-assembly-surcharge--checkbox {
  display: none;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner form.buybox--form div.buybox--button-container div.buybox--quantity {
  width: 124px;
  margin-right: 10px;
  margin-bottom: 5px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner form.buybox--form div.buybox--button-container button.buybox--button {
  width: calc(100% - 134px);
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.product--actions-container {
  background: #ffffff;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.product--actions-container {
  padding: 0 20px 20px 10px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.product--actions-container nav.product--actions {
  border: none;
  padding: 0;
  margin: 0;
  text-align: center;
  display: flex;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.product--actions-container nav.product--actions > * {
  width: 55px;
  text-align: center;
  margin: 10px;
  padding: 0;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.product--actions-container nav.product--actions > * button {
  margin: 0;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.product--actions-container nav.product--actions > a {
  display: block;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.product--actions-container nav.product--actions .action-icon-text {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #666666;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.product--actions-container nav.product--actions i {
  font-size: 25px;
  margin: 0;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.product--actions-container nav.product--actions img.pdp-icon {
  width: 30px;
  margin: auto;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.product--actions-container nav.product--actions i.icon--heart:before {
  content: url(../../custom/plugins/OstOstermannTrendsTheme/Resources/Themes/Frontend/OstOstermannTrendsTheme/frontend/_public/src/img/pdp/icon-herz-29x29.png);
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.product--actions-container nav.product--actions i.icon--question:before {
  content: url(../../custom/plugins/OstOstermannTrendsTheme/Resources/Themes/Frontend/OstOstermannTrendsTheme/frontend/_public/src/img/pdp/icon-fragen-29x29.png);
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.product--actions-container nav.product--actions i.icon--check:before {
  content: url(../../custom/plugins/OstOstermannTrendsTheme/Resources/Themes/Frontend/OstOstermannTrendsTheme/frontend/_public/src/img/pdp/icon-haken-29x29.png);
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.product--actions-container nav.product--actions i.icon--chat:before {
  content: url(../../custom/plugins/OstOstermannTrendsTheme/Resources/Themes/Frontend/OstOstermannTrendsTheme/frontend/_public/src/img/pdp/icon-teilen-29x29.png);
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.product--actions-container nav.product--actions i.icon--phone:before {
  content: url(../../custom/plugins/OstOstermannTrendsTheme/Resources/Themes/Frontend/OstOstermannTrendsTheme/frontend/_public/src/img/pdp/icon-frage-29x29.png);
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.product--actions-container nav.product--actions .action--form-compare {
  order: 1;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.product--actions-container nav.product--actions .action--form-compare span {
  display: flex;
  justify-content: center;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product {
  background: #ffffff;
  margin-bottom: 10px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--navigation {
  border-left: 1px solid #dadae5;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--navigation a.tab--link {
  border: none;
  border-radius: 0;
  background: none;
  border-right: 1px solid #dadae5;
  color: #666666;
  margin-right: 0;
  margin-left: -4px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--navigation a.tab--link.is--active {
  color: #3f4c58;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--navigation a.tab--link:first-child {
  margin-left: 0;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--container-list a {
  color: #000000;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--container-list div.tab--container {
  border: none;
  border-top: 1px solid #dadae5;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--container-list div.tab--container div.content--shipping-details,
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--container-list div.tab--container div.content--security,
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--container-list div.tab--container div.content--supplier {
  padding: 20px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--container-list div.tab--container div.content--shipping-details div.content--title,
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--container-list div.tab--container div.content--security div.content--title,
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--container-list div.tab--container div.content--supplier div.content--title {
  margin-top: 0;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--container-list div.tab--container div.content--description {
  padding: 20px;
  display: flex;
  flex-direction: column;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--container-list div.tab--container div.content--description div.content--title {
  margin-top: 0;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--container-list div.tab--container div.content--description div.product--description {
  order: 1;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--container-list div.tab--container div.content--description div.content--title.product-properties--title {
  margin-top: 24px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--container-list div.tab--container div.content--description div.product--properties {
  width: 100%;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--container-list div.tab--container div.content--description div.product--properties table tr td.product--properties-label {
  width: 30%;
  color: #666;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--container-list div.tab--container div.content--description div.product--properties table tr td.product--properties-value {
  width: 70%;
  color: #666;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.ost-cross-selling {
  background: #ffffff;
  margin-bottom: 10px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.ost-cross-selling div.title {
  padding: 10px 15px 10px 15px;
  margin: 0 5px 0 0;
  line-height: 24px;
  font-size: 14px;
  top: 1px;
  position: relative;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  color: #3f4c58;
  display: inline-block;
  border: none;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.ost-cross-selling div.product-slider {
  border-top: 1px solid #dadae5;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.ost-cross-selling div.product-slider div.product-slider--item {
  width: 50%;
  height: 295px;
  /*
                            div.product--box.box--slider {
                                margin-bottom: 10px;
                            }

                            div.product--box.box--slider:last-child {
                                margin-bottom: 0;
                            }
                            */
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.ost-cross-selling div.product-slider div.product-slider--item.is--slider-\[dvsn-article-family\] {
  height: 305px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.ost-cross-selling div.product-slider div.product-slider--item .product--price {
  float: none;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.ost-cross-selling div.product-slider a.product-slider--arrow.arrow--next {
  border-right: none;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.ost-cross-selling div.product-slider a.product-slider--arrow.arrow--prev {
  border-left: none;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.mo-additional-cross-selling {
  width: unset !important;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--cross-selling {
  background: #ffffff;
  margin-bottom: 10px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--cross-selling div.tab--navigation a.tab--link {
  border: none;
  border-radius: 0;
  background: none;
  border-right: 1px solid #dadae5;
  color: #666666;
  margin-right: 0;
  margin-left: -4px;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--cross-selling div.tab--navigation a.tab--link.is--active {
  color: #3f4c58;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--cross-selling div.tab--navigation a.tab--link:first-child {
  margin-left: 0;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--cross-selling div.tab--navigation a.tab--link span.product--rating-count-wrapper {
  display: none;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--cross-selling div.tab--container-list div.tab--container {
  border: none;
  border-top: 1px solid #dadae5;
  border-radius: 0;
  margin-bottom: 0;
  display: block;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--cross-selling div.tab--container-list div.tab--container:first-child {
  border: none;
}
body.is--ctl-detail.is--act-index .alert.is--promotion {
  background: #e30613;
  color: white;
  text-align: center;
  width: 100%;
}
body.is--ctl-detail.is--act-index .is--width100 {
  width: 100%;
}
body.is--ctl-detail.is--act-index .promotion--description {
  width: 100%;
}
@media screen and (max-width: 767px) {
  @-moz-document url-prefix() {
    body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.ost-cross-selling div.product-slider div.product-slider--item {
      height: 320px;
    }
    body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.ost-cross-selling div.product-slider div.product-slider--item.is--slider-\[dvsn-article-family\] {
      height: 330px;
    }
  }
}
@media screen and (min-width: 48em) {
  body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details header.product--header {
    display: none;
  }
  body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper {
    display: flex;
    align-items: stretch;
  }
  body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--image-container {
    width: 60%;
    padding-right: 10px;
    margin-right: 0;
    margin-bottom: 10px;
  }
  body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--image-container div.image--thumbnails.image-slider--thumbnails {
    height: 80px;
  }
  body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox {
    width: calc(40% - 10px);
    margin-left: 10px;
    margin-top: 0;
  }
  body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox header.product--header {
    display: block;
    padding: 0 20px;
  }
  body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.product--detail-upper div.product--buybox div.buybox--inner div.product--supplier {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 10%;
  }
  body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--container-list div.tab--container div.content--description {
    padding: 30px 4px;
    max-height: 590px;
    overflow-y: auto;
  }
  body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--container-list div.tab--container div.content--shipping-details,
  body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--container-list div.tab--container div.content--security,
  body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--container-list div.tab--container div.content--supplier {
    padding: 30px 16px;
    max-height: 590px;
    overflow-y: auto;
  }
  body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--product div.tab--container-list div.tab--container .content--sico-creditplus {
    padding: 30px 16px;
    max-height: 590px;
    overflow-y: auto;
  }
  body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.ost-cross-selling {
    margin-left: 10px;
    float: left;
    margin-bottom: 10px;
  }
  body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.mo-additional-cross-selling {
    width: unset !important;
    float: none;
    margin: 0;
  }
  body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--cross-selling div.tab--container-list div.tab--container {
    margin-bottom: 0;
  }
  body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.tab-menu--cross-selling div.tab--container-list div.tab--container:first-child {
    border-top: 1px solid #dadae5;
  }
}
body.is--ctl-detail.is--act-index .product--details .content--description .product--description {
  line-height: 1.5rem;
  font-size: 0.875rem;
}
@media screen and (min-width: 78.75em) {
  body.is--ctl-detail.is--act-index .product--details .content--shipping-details {
    padding: 0.625rem 2.8125rem 2.8125rem 2.8125rem;
  }
}
body.is--ctl-detail.is--act-index .product--details .content--shipping-details {
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
}
body.is--ctl-detail.is--act-index .product--details .content--shipping-details .product--description {
  line-height: 1.5rem;
  font-size: 0.875rem;
}
@media screen and (min-width: 48em) {
  body.is--ctl-detail.is--act-index .product--details .content--shipping-details {
    padding: 1.875rem 1.875rem 1.875rem 1.875rem;
  }
}
@media screen and (min-width: 78.75em) {
  body.is--ctl-detail.is--act-index .product--details .content--supplier {
    padding: 0.625rem 2.8125rem 2.8125rem 2.8125rem;
  }
}
body.is--ctl-detail.is--act-index .product--details .content--supplier {
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
}
body.is--ctl-detail.is--act-index .product--details .content--supplier .product--description {
  line-height: 1.5rem;
  font-size: 0.875rem;
}
@media screen and (min-width: 48em) {
  body.is--ctl-detail.is--act-index .product--details .content--supplier {
    padding: 1.875rem 1.875rem 1.875rem 1.875rem;
  }
}
@media screen and (min-width: 30em) {
  .product--details .configurator--form,
  .product--details .buybox--form {
    width: 100%;
  }
}
#financing-mini-info {
  white-space: nowrap;
  font-size: 14px;
}
div.last-seen-products div.last-seen-products--title {
  color: #666666 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding-left: 0 !important;
}
body.is--ctl-detail.is--act-index section.content-main div.content-main--inner div.content.product--details div.ost-cross-selling div.title {
  color: #666666;
  font-size: 18px;
  font-weight: 600;
  padding-left: 0;
}
body.is--ctl-detail.is--act-index .ost-article-family div.title {
  color: #666666 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding-left: 0 !important;
}
.configurator--label.mo-p-label {
  display: block;
}
body footer.footer-main {
  border: none;
  background-color: #ffffff;
}
body footer.footer-main h5.column--headline,
body footer.footer-main .column--headline.heading5 {
  margin-top: 0;
  line-height: 24px;
  text-transform: uppercase;
  color: #666666;
  font-weight: 600;
}
body footer.footer-main .column--payment-methods div {
  display: flex;
}
body footer.footer-main .column--payment-methods div img {
  height: 25px;
  width: 75px;
  margin: 0 5px 5px 0;
}
body footer.footer-main .column--security div {
  display: flex;
}
body footer.footer-main .column--security div img {
  height: 65px;
  width: 65px;
  margin-bottom: 8px;
  margin-right: 12px;
}
body footer.footer-main .footer-minimal {
  display: none;
}
body footer.footer-main .navigation--link {
  line-height: 1.7;
  padding: 4px 0;
  margin: 0;
  color: #666666;
}
body footer.footer-main .container {
  background-color: #fff;
}
body footer.footer-main .container .footer--column-start {
  background: #f4f6f6;
}
body footer.footer-main .container .grid--container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-top: 20px;
  background: #f4f6f6;
}
body footer.footer-main .container .grid--container > div {
  grid-column: span 1;
  background-color: #f4f6f6;
  padding: 8px;
}
body footer.footer-main .container .grid--container h5 {
  color: #666666;
}
body footer.footer-main .container .grid--container div.grid--top {
  grid-column: span 2;
  width: 100%;
  background-color: #e7eced;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
}
body footer.footer-main .container .grid--container div.grid--bottom {
  grid-column: span 2;
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #e7eced;
  padding: 2px;
}
body footer.footer-main .container .grid--container div.grid--bottom img {
  width: 50px;
}
body footer.footer-main .container .grid--container div.grid--stores,
body footer.footer-main .container .grid--container div.grid--service,
body footer.footer-main .container .grid--container div.grid--content {
  margin-left: 5%;
  margin-right: 5%;
}
body footer.footer-main .container .grid--container div.grid--contact,
body footer.footer-main .container .grid--container div.grid--payment-methods,
body footer.footer-main .container .grid--container div.grid--security {
  margin-left: 0;
  margin-right: 5%;
}
body footer.footer-main .container .grid--container div.grid--contact span {
  line-height: 24px;
  display: block;
}
body footer.footer-main .container .grid--container div.grid--payment-methods {
  margin-left: 0;
}
body footer.footer-main .container .grid--container div.grid--payment-methods div {
  display: flex;
}
body footer.footer-main .container .grid--container div.grid--payment-methods div img {
  height: 25px;
  width: 75px;
  margin: 0 5px 5px 0;
}
body footer.footer-main .container .grid--container div.grid--security h5 {
  white-space: nowrap;
}
body footer.footer-main .container .grid--container div.grid--security div {
  display: flex;
}
body footer.footer-main .container .grid--container div.grid--security div img {
  height: 65px;
  width: 65px;
  margin-bottom: 8px;
  margin-right: 12px;
}
body footer.footer-main .container .grid--container > div h5 {
  margin-top: 0;
  line-height: 24px;
  text-transform: uppercase;
}
body footer.footer-main .container .grid--container > div ul {
  margin-left: 20px;
  padding: 0;
}
body footer.footer-main .container .grid--container > div ul li {
  line-height: 24px;
  list-style-type: disc;
}
body footer.footer-main .container .grid--container > div p {
  margin-bottom: 0;
}
@media screen and (min-width: 48em) {
  body footer.footer-main .footer--column-start {
    padding-top: 20px;
  }
  body footer.footer-main .footer--columns.block-group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
    padding-left: 30px;
    border: none;
  }
  body footer.footer-main .footer--columns.block-group::after,
  body footer.footer-main .footer--columns.block-group:before {
    display: none;
  }
  body footer.footer-main .footer--column {
    width: unset;
    padding: 0;
  }
  body footer.footer-main div.grid--top {
    margin-bottom: 20px;
  }
  body footer.footer-main .container {
    max-width: none;
  }
  body footer.footer-main .container .grid--container {
    grid-template-columns: repeat(3, 1fr);
  }
  body footer.footer-main .container .grid--container div.grid--top,
  body footer.footer-main .container .grid--container div.grid--bottom {
    grid-column: span 3;
    font-size: 22px;
  }
  body footer.footer-main .container .grid--container div.grid--stores,
  body footer.footer-main .container .grid--container div.grid--payment-methods {
    margin-left: 12%;
    margin-right: 0;
  }
  body footer.footer-main .container .grid--container div.grid--contact,
  body footer.footer-main .container .grid--container div.grid--content {
    margin-left: 12%;
    margin-right: 12%;
  }
  body footer.footer-main .container .grid--container div.grid--service,
  body footer.footer-main .container .grid--container div.grid--security {
    margin-left: 0;
    margin-right: 12%;
  }
}
@media screen and (min-width: 78.75em) {
  body footer.footer-main .footer--columns.block-group {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
  }
  body footer.footer-main .footer--columns.block-group::after,
  body footer.footer-main .footer--columns.block-group:before {
    display: table;
  }
  body footer.footer-main .footer--column {
    width: unset;
    padding: 0;
  }
  body footer.footer-main .container {
    max-width: 1180px;
  }
  body footer.footer-main .container .grid--container-start {
    margin-top: 20px;
    padding-top: 20px;
    background: #f4f6f6;
  }
  body footer.footer-main .container .grid--container {
    grid-template-columns: repeat(6, 1fr);
  }
  body footer.footer-main .container .grid--container div.grid--top,
  body footer.footer-main .container .grid--container div.grid--bottom {
    grid-column: span 6;
    font-size: 23px;
  }
  body footer.footer-main .container .grid--container div.grid--stores {
    margin-left: 15%;
    margin-right: 15%;
  }
  body footer.footer-main .container .grid--container div.grid--service,
  body footer.footer-main .container .grid--container div.grid--content,
  body footer.footer-main .container .grid--container div.grid--contact,
  body footer.footer-main .container .grid--container div.grid--payment-methods {
    margin-left: 0;
    margin-right: 15%;
  }
  body footer.footer-main .container .grid--container div.grid--security {
    margin-left: 0;
    margin-right: 15%;
  }
}
@media screen and (max-width: 48em) {
  body footer.footer-main .container .grid--container-start {
    margin-top: 20px;
  }
  body footer.footer-main .container .grid--container {
    margin-top: 0;
    padding-top: 0;
  }
}
body.is--ctl-checkout.is--act-cart.is--user div.content.content--basket div.product--table div.basket--footer div.table--aggregation form.table--shipping-costs {
  display: none;
}
body.is--ctl-checkout.is--act-cart .product--table .is--no-star {
  margin-left: 0;
}
@media screen and (min-width: 48em) {
  body.is--ctl-checkout.is--act-confirm div.confirm--content .product--essential-features {
    display: none;
  }
  body.is--ctl-checkout.is--act-cart div.content div.product--table {
    margin-top: 10px;
  }
  body.is--ctl-checkout.is--act-cart div.content div.product--table .alert {
    margin-bottom: 10px;
  }
  body.is--ctl-checkout.is--act-cart div.content div.product--table div.panel div.panel--body > .alert {
    margin-top: 10px;
    margin-bottom: 0;
    border-bottom: 10px solid #e7eced;
  }
  body.is--ctl-checkout.is--act-cart div.content div.product--table div.table--actions {
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  body.is--ctl-checkout.is--act-cart div.content div.product--table div.table--actions div.main--actions {
    background: #ffffff;
  }
  body.is--ctl-checkout.is--act-cart div.content div.product--table div.table--actions.actions--bottom div.main--actions {
    margin-top: 10px;
  }
  body.is--ctl-checkout.is--act-cart div.content div.product--table div.panel div.panel--body {
    border: 0;
    padding: 0;
  }
  body.is--ctl-checkout.is--act-cart div.content div.product--table div.panel div.panel--body div.table--header {
    padding: 10px 20px 0 20px;
  }
  body.is--ctl-checkout.is--act-cart div.content div.product--table div.panel div.panel--body div.table--tr {
    padding: 0 20px;
    border: 0;
  }
  body.is--ctl-checkout.is--act-cart div.content div.product--table div.panel div.panel--body form.table--add-product {
    width: 100%;
    padding: 10px 0;
    margin: 0;
  }
  body.is--ctl-checkout.is--act-cart div.content div.product--table div.panel div.panel--body form.table--add-product input.add-product--field {
    border-radius: 0;
    box-shadow: none;
    width: 20%;
    background: #ffffff;
    margin-left: 10px;
  }
  body.is--ctl-checkout.is--act-cart div.content div.product--table div.panel div.panel--body form.table--add-product button {
    width: 50px;
  }
  body.is--ctl-checkout.is--act-cart div.content div.product--table div.panel div.panel--body div.basket--footer {
    width: 100%;
    margin: auto;
    border: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    background-color: #FFF;
    padding: 0;
    grid-row-gap: 0;
  }
  body.is--ctl-checkout.is--act-cart div.content div.product--table div.panel div.panel--body div.basket--footer > div,
  body.is--ctl-checkout.is--act-cart div.content div.product--table div.panel div.panel--body div.basket--footer > ul {
    background-color: #ffffff;
    grid-column: span 1;
    padding: 10px;
    width: 100%;
    display: block;
  }
  body.is--ctl-checkout.is--act-shippingpayment div.content.content--confirm {
    margin-top: 10px;
    margin-bottom: 0;
  }
  body.is--ctl-checkout.is--act-shippingpayment div.content.content--confirm form#shippingPaymentForm div.confirm--actions {
    background: #ffffff;
    margin-top: 0;
    padding: 0;
    margin-bottom: 10px;
  }
  body.is--ctl-checkout.is--act-shippingpayment div.content.content--confirm div.shipping-payment--information div.payment--method-list {
    border: none;
    margin-bottom: 10px;
  }
  body.is--ctl-checkout.is--act-shippingpayment div.content.content--confirm div.shipping-payment--information div.dispatch--method-list {
    border: none;
    margin-bottom: 10px;
  }
  body.is--ctl-checkout.is--act-shippingpayment div.content.content--confirm div.basket--footer {
    border: none;
  }
  body.is--ctl-checkout.is--act-shippingpayment div.content.content--confirm div.confirm--actions.actions--bottom {
    background: #ffffff;
    padding: 0;
    margin: 0;
    margin-top: 10px;
  }
  body.is--ctl-checkout.is--act-shippingpayment div.content.content--confirm div.confirm--actions.actions--bottom button {
    margin: 0;
  }
  body.is--ctl-checkout.is--act-shippingpayment div.content.content--confirm footer.table--footer {
    display: none;
  }
  body.is--ctl-checkout.is--act-confirm div.content.confirm--content {
    margin-top: 10px;
    padding: 0;
  }
  body.is--ctl-checkout.is--act-confirm div.content.confirm--content form#confirm--form div.tos--panel {
    margin: 0;
  }
  body.is--ctl-checkout.is--act-confirm div.content.confirm--content form#confirm--form div.information--panel-wrapper {
    margin: 0;
    margin-top: 10px;
  }
  body.is--ctl-checkout.is--act-confirm div.content.confirm--content form#confirm--form div.information--panel-wrapper div.information--panel-item {
    margin: 0;
    padding: 0;
    width: calc( ( ( 100% - 20px ) / 3 * 1 ) + 0px );
  }
  body.is--ctl-checkout.is--act-confirm div.content.confirm--content form#confirm--form div.information--panel-wrapper div.information--panel-item.information--panel-address {
    margin-right: 10px;
    width: calc( ( ( 100% - 20px ) / 3 * 2 ) + 10px );
  }
  body.is--ctl-checkout.is--act-confirm div.content.confirm--content form#confirm--form div.information--panel-wrapper div.information--panel-item.information--panel-item-billing {
    margin-right: 10px;
    width: calc( ( ( 100% - 20px ) / 3 * 1 ) + 0px );
  }
  body.is--ctl-checkout.is--act-confirm div.content.confirm--content form#confirm--form div.information--panel-wrapper div.information--panel-item.information--panel-item-shipping {
    margin-right: 10px;
    width: calc( ( ( 100% - 20px ) / 3 * 1 ) + 0px );
  }
  body.is--ctl-checkout.is--act-confirm div.content.confirm--content div.product--table > div.panel {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  body.is--ctl-checkout.is--act-confirm div.content.confirm--content div.product--table > div.panel div.panel--body {
    border: none;
  }
  body.is--ctl-checkout.is--act-confirm div.content.confirm--content div.product--table div.table--actions.actions--bottom {
    margin: 0;
    padding: 0;
    background: #ffffff;
  }
  body.is--ctl-checkout.is--act-confirm div.content.confirm--content div.product--table div.table--actions.actions--bottom div.main--actions {
    margin: 0;
  }
  body.is--ctl-checkout.is--act-confirm div.content.confirm--content div.product--table div.table--actions.actions--bottom div.main--actions div.alert {
    margin-bottom: 0;
  }
  body.is--ctl-checkout.is--act-confirm div.content.confirm--content div.ost-stores--pickup-store-selection {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  body.is--ctl-checkout.is--act-finish div.content.checkout--content.finish--content {
    padding: 0;
    margin-top: 10px;
  }
  body.is--ctl-checkout.is--act-finish div.content.checkout--content.finish--content div.finish--teaser {
    margin-bottom: 10px;
  }
  body.is--ctl-checkout.is--act-finish div.content.checkout--content.finish--content div.information--panel-wrapper {
    margin: 0;
    margin-top: 10px;
  }
  body.is--ctl-checkout.is--act-finish div.content.checkout--content.finish--content div.information--panel-wrapper div.information--panel-item {
    margin: 0;
    padding: 0;
    width: calc( ( ( 100% - 20px ) / 3 * 1 ) + 0px );
  }
  body.is--ctl-checkout.is--act-finish div.content.checkout--content.finish--content div.information--panel-wrapper div.information--panel-item.information--panel-address {
    margin-right: 10px;
    width: calc( ( ( 100% - 20px ) / 3 * 2 ) + 10px );
  }
  body.is--ctl-checkout.is--act-finish div.content.checkout--content.finish--content div.information--panel-wrapper div.information--panel-item.information--panel-item-billing {
    margin-right: 10px;
    width: calc( ( ( 100% - 20px ) / 3 * 1 ) + 0px );
  }
  body.is--ctl-checkout.is--act-finish div.content.checkout--content.finish--content div.information--panel-wrapper div.information--panel-item.information--panel-item-shipping {
    margin-right: 10px;
    width: calc( ( ( 100% - 20px ) / 3 * 1 ) + 0px );
  }
  body.is--ctl-checkout.is--act-finish div.content.checkout--content.finish--content div.finish--table.product--table {
    margin-top: 10px;
  }
  body.is--ctl-checkout.is--act-finish div.content.checkout--content.finish--content div.finish--table.product--table > div.panel div.panel--body {
    border: none;
  }
}
body.is--ctl-checkout.is--act-confirm div.additional--features {
  margin: 10px 0 10px 0 !important;
}
h2.new-checkout {
  margin: 30px 0 10px 20px;
  font-size: 18px;
  line-height: 28px;
  color: #666;
  font-weight: 500;
}
h2.new-checkout.top-headline {
  margin-top: 12px;
}
/* Checkout Header */
@media (max-width: 899px) {
  body.is--ctl-register.is--target-checkout header.header-main,
  body.is--ctl-checkout.is--act-shippingpayment header.header-main,
  body.is--ctl-checkout.is--act-confirm header.header-main {
    padding-bottom: 15px;
  }
}
/* Make Checkout-Step-Templates responsive  */
.desktop--only {
  display: none;
}
@media (min-width: 900px) {
  .desktop--only {
    display: block;
  }
  div.responsive-container {
    display: flex;
    justify-content: space-around;
  }
  div.responsive-container div.desktop-left {
    width: 50%;
    margin-bottom: 40px;
  }
  div.responsive-container div.desktop-right {
    width: 40%;
    margin-bottom: 40px;
  }
  div.responsive-container div.desktop-right {
    position: relative;
  }
  div.responsive-container div.desktop-right div.scroll-box {
    position: absolute;
    width: 100%;
    top: 0px;
  }
  body.is--ctl-checkout.is--act-cart div.content div.product--table div div.table--actions.actions--bottom {
    margin-bottom: 0;
  }
  body.is--ctl-checkout.is--act-cart div.content div.product--table div div.table--actions.actions--bottom div.main--actions {
    margin-bottom: 0;
  }
  body.is--ctl-checkout.is--act-cart div.content div.product--table div div.table--actions.actions--bottom div.main--actions a.btn.btn--checkout-proceed.is--primary.is--large.checkout--primary {
    margin-bottom: 15px !important;
  }
  body.is--ctl-register.is--act-index.is--target-checkout.is--no-sidebar div.register--content div.register--shipping-country.field--select.select-field {
    margin-bottom: -7px;
  }
  body.is--ctl-register.is--act-index.is--target-checkout.is--no-sidebar div.new-checkout-sum h2 {
    margin-top: 20px;
  }
  body.is--ctl-checkout.is--act-shippingpayment div.new-checkout-sum h2 {
    margin-top: 20px;
  }
  body.is--ctl-checkout.is--act-shippingpayment div.responsive-container button.step3 {
    margin-bottom: 9px !important;
  }
  body.is--ctl-checkout.is--act-confirm div.table--actions.actions--bottom.new-checkout {
    margin-bottom: 10px;
  }
}
/* Advantages Footer */
div.new-checkout-advantages-footer {
  margin: 40px 5px 0 5px;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 900px) {
  div.new-checkout-advantages-footer {
    margin: 20px auto 0 auto;
  }
}
div.new-checkout-advantages-footer .advantage-container {
  width: 25%;
  min-width: 100px;
}
div.new-checkout-advantages-footer div.advantage-image {
  margin-bottom: 12px;
  display: flex;
  justify-content: center;
}
div.new-checkout-advantages-footer div.advantage-image img {
  max-width: unset;
}
div.new-checkout-advantages-footer p.advantage-text {
  font-size: 12px;
  line-height: 15px;
  text-align: center;
}
.confirm--outer-container.payment {
  display: flex;
  flex-direction: column;
}
@media (min-width: 900px) {
  div.new-checkout-advantages-footer {
    width: 670px;
  }
}
@media (min-width: 1024px) {
  div.new-checkout-advantages-footer .advantage-container {
    display: flex;
    align-items: center;
  }
  div.new-checkout-advantages-footer div.advantage-image {
    margin-bottom: 0;
  }
  div.new-checkout-advantages-footer p.advantage-text {
    padding-left: 10px;
    max-width: 150px;
    text-align: left;
    margin-bottom: 0;
  }
}
/* Sum */
div.new-checkout-sum {
  width: calc(100% - 40px);
  margin-left: 20px;
  margin-right: 20px;
}
div.new-checkout-sum h2 {
  margin: 30px 0 20px 0;
  font-size: 18px;
  line-height: 28px;
  color: #666;
  font-weight: 500;
}
@media (min-width: 900px) {
  div.new-checkout-sum h2 {
    margin-top: 10px;
  }
}
div.new-checkout-sum table {
  border: none;
  width: 100%;
  line-height: 24px;
}
div.new-checkout-sum table th {
  font-size: 16px;
  width: 64%;
  text-align: left;
  font-weight: normal;
  background-color: unset;
  color: #666;
}
div.new-checkout-sum table td {
  padding: 0 0 0 0;
  width: 36%;
  font-size: 16px;
  text-align: right;
  vertical-align: bottom;
  color: #666;
}
div.new-checkout-sum table tr.total,
div.new-checkout-sum table tr.total th {
  font-weight: 700;
}
div.new-checkout-sum table tr:nth-child(2n) td {
  background-color: unset;
}
div.new-checkout-sum table tr.mwst th,
div.new-checkout-sum span.mwst {
  font-size: 12px;
}
/* Voucher Code Field */
div.new-checkout-voucher-field label {
  margin: 30px 20px 10px 20px;
  font-size: 18px;
  line-height: 28px;
  color: #666;
  font-weight: 500;
}
@media (min-width: 900px) {
  div.new-checkout-voucher-field label {
    margin-top: 0;
  }
}
div.new-checkout-voucher-field div.voucher-container {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  margin: 10px 5px 15px 5px;
  padding: 0;
  background-color: #FFF;
  width: calc(100% - 10px);
}
div.new-checkout-voucher-field div.voucher-container input.add-voucher--field {
  box-sizing: border-box;
  width: 62%;
  padding-left: 15px;
  border: 1px solid #666;
  font-size: 14px;
  line-height: 40px;
  height: 42px;
  background-color: #F8F8Fa;
  border-radius: 0;
}
div.new-checkout-voucher-field div.voucher-container button.add-voucher--button {
  width: 35%;
  color: #666;
  background-color: #FFF;
  height: 42px;
  border: 1px solid #666;
  text-align: center;
  text-transform: uppercase;
}
/* Delivery Tiles */
div.new-checkout-delivery-tile {
  margin-top: 40px;
}
div.new-checkout-delivery-tile h2 {
  margin: 30px 20px 10px 20px;
  font-size: 18px;
  line-height: 28px;
  color: #666;
  font-weight: 500;
}
div.new-checkout-delivery-tile .delivery-container {
  margin-top: 10px;
}
div.new-checkout-delivery-tile .delivery-option {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 10px 15px;
  margin: 0 5px 15px 5px;
  border: 1px solid #666;
  cursor: pointer;
  width: calc(100% - 10px);
}
@media (min-width: 625px) and (max-width: 899px) {
  div.new-checkout-delivery-tile .delivery-container {
    display: flex;
    margin-bottom: 15px;
  }
  div.new-checkout-delivery-tile .delivery-option {
    box-sizing: border-box;
    padding: 10px 15px;
    border: 1px solid #666;
    min-width: calc((100% - 45px)/2);
  }
}
div.new-checkout-delivery-tile div.selected {
  border: 3px solid #008a39;
  padding-left: 12px;
  padding-right: 12px;
}
div.new-checkout-delivery-tile .delivery-container .headline {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin: 0px;
}
div.new-checkout-delivery-tile .delivery-container p.action {
  font-size: 16px;
  line-height: 22px;
  text-decoration: underline;
  margin: 10px 0 0 0;
}
div.new-checkout-delivery-tile .delivery-container .price {
  font-size: 16px;
  line-height: 16px;
  margin: 5px 0 0 0;
  font-weight: 700;
  text-align: right;
}
div.invisible--select {
  display: none;
}
/* Checkout Step Module */
.new-checkout-steps {
  box-sizing: border-box;
  margin: 15px auto;
  height: 93px;
  border-bottom: 1px solid #666;
  width: calc(100% - 60px);
  max-width: 1120px;
}
@media (min-width: 900px) {
  .new-checkout-steps {
    margin-top: 25px;
  }
}
.new-checkout-steps a {
  color: #666;
}
.new-checkout-steps .top {
  display: flex;
  justify-content: center;
}
.new-checkout-steps .top .img,
.new-checkout-steps .top .img,
.new-checkout-steps .top .img {
  width: 15%;
  max-width: 60px;
}
.new-checkout-steps .top .line,
.new-checkout-steps .placeholder {
  box-sizing: border-box;
  padding: 1.5%;
  width: 11%;
}
.new-checkout-steps .placeholder {
  max-width: unset !important;
  width: 11% !important;
}
@media (min-width: 900px) {
  .new-checkout-steps .top .line {
    width: 15%;
  }
  .new-checkout-steps .placeholder {
    width: 15% !important;
  }
}
.new-checkout-steps .top .line hr {
  position: relative;
  top: 48%;
  border: 1px solid #A0A09F;
  border-radius: 20%;
}
.new-checkout-steps .bottom {
  margin-top: 3px;
  list-style: none;
  display: flex;
  justify-content: center;
}
.new-checkout-steps .bottom li {
  font-size: 12px;
}
.new-checkout-steps .bottom li#step-2 {
  position: relative;
  left: -6px;
}
.new-checkout-steps .bottom li#step-3 {
  position: relative;
  left: -1px;
}
.new-checkout-steps .bottom li#step-4 {
  position: relative;
  left: -3px;
}
@media (min-width: 390px) {
  .new-checkout-steps .bottom li#step-1 {
    position: relative;
    left: -1px;
  }
  .new-checkout-steps .bottom li#step-2 {
    position: relative;
    left: -4px;
  }
  .new-checkout-steps .bottom li#step-3 {
    position: relative;
    left: -2px;
  }
  .new-checkout-steps .bottom li#step-4 {
    position: relative;
    left: -2px;
  }
}
@media (min-width: 400px) {
  .new-checkout-steps .bottom li#step-1 {
    position: relative;
    left: -5px;
  }
  .new-checkout-steps .bottom li#step-2 {
    position: relative;
    left: -8px;
  }
  .new-checkout-steps .bottom li#step-3 {
    position: relative;
    left: 0px;
  }
  .new-checkout-steps .bottom li#step-4 {
    position: relative;
    left: 0px;
  }
}
@media (min-width: 410px) {
  .new-checkout-steps .bottom li#step-4 {
    position: relative;
    left: 3px;
  }
}
@media (min-width: 430px) {
  .new-checkout-steps .bottom li#step-1 {
    position: relative;
    left: -11px;
  }
  .new-checkout-steps .bottom li#step-2 {
    position: relative;
    left: -9px;
  }
  .new-checkout-steps .bottom li#step-3 {
    position: relative;
    left: 1px;
  }
  .new-checkout-steps .bottom li#step-4 {
    position: relative;
    left: 7px;
  }
}
@media (min-width: 450px) {
  .new-checkout-steps .bottom li {
    width: 15%;
    max-width: 60px;
    text-align: center;
  }
  .new-checkout-steps .bottom li#step-1 {
    left: 0;
  }
  .new-checkout-steps .bottom li#step-2 {
    left: 0;
  }
  .new-checkout-steps .bottom li#step-4 {
    left: 0;
  }
}
@media (min-width: 400px) {
  .new-checkout-steps {
    height: 105px;
    padding-bottom: 12px;
  }
}
@media (min-width: 450px) {
  .new-checkout-steps {
    height: 110px;
    padding-bottom: 15px;
    margin-bottom: 25px;
  }
}
/* Button */
div.responsive-container div.register--action {
  margin: 0;
}
div.responsive-container a.btn.btn--checkout-proceed,
div.responsive-container button.register--submit,
div.responsive-container button.step3 {
  width: calc(100% - 10px) !important;
  margin-top: 25px !important;
  margin-bottom: 20px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  float: none !important;
}
/* Privacy Text */
a.privacy--link {
  text-decoration: none;
  color: #000 !important;
}
/* Customer Type Switcher */
div.new-checkout-customerType {
  display: flex;
  justify-content: space-between;
  padding-right: 15px;
  padding-left: 15px;
}
div.new-checkout-customerType > div {
  box-sizing: border-box;
  width: 48%;
  border: 1px solid #666;
  padding: 9px 4px;
  text-align: center;
  line-height: 1;
  cursor: pointer;
}
div.new-checkout-customerType > div.selected {
  border: 3px solid #008a39;
}
/* Salutation Radiobuttons */
div.new-checkout-salutation,
div.new-checkout-salutation2 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 15px 0 15px;
  margin: 20px 0 25px 0;
}
div.new-checkout-salutation .radio-item,
div.new-checkout-salutation2 .radio-item {
  display: inline-block;
  position: relative;
  padding: 0 6px;
  margin: 10px 0 10px 0;
}
div.new-checkout-salutation .radio-item input[type='radio'],
div.new-checkout-salutation2 .radio-item input[type='radio'] {
  display: none;
}
div.new-checkout-salutation .radio-item label,
div.new-checkout-salutation2 .radio-item label {
  color: #666;
  font-weight: normal;
}
div.new-checkout-salutation .radio-item .radio-button,
div.new-checkout-salutation2 .radio-item .radio-button {
  display: inline-block;
  position: relative;
  top: 4px;
  margin: 0 5px 0 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background-image: url(../../custom/plugins/OstOstermannTrendsTheme/Resources/Themes/Frontend/OstOstermannTrendsTheme/frontend/_public/src/img/checkout/radio-button.svg);
}
div.new-checkout-salutation .radio-item .radio-button.selected,
div.new-checkout-salutation2 .radio-item .radio-button.selected {
  background-image: url(../../custom/plugins/OstOstermannTrendsTheme/Resources/Themes/Frontend/OstOstermannTrendsTheme/frontend/_public/src/img/checkout/radio-button-selected.svg);
}
div.new-checkout-salutation2 {
  margin-top: 0;
}
/* Show Delivery Address */
div.new-checkout-delivery-address {
  cursor: pointer;
  box-sizing: border-box;
  margin: 30px 0 0 0;
  padding: 15px;
  text-align: left;
  border: 1px solid #666;
  width: 100%;
}
div.new-checkout-delivery-address.selected {
  border: 3px solid #008a39;
  padding-left: 13px;
  padding-right: 13px;
}
div.new-checkout-delivery-address .headline {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin: 0px;
}
div.new-checkout-delivery-address .action {
  font-size: 16px;
  line-height: 22px;
  text-decoration: underline;
  cursor: pointer;
  margin: 10px 0 0 0;
}
/* Payment Methods */
.content--confirm .new-checkout-payment.panel--body.is--wide.block-group {
  padding: 15px 0 0 0;
}
@media (min-width: 900px) {
  .content--confirm .new-checkout-payment.panel--body.is--wide.block-group {
    padding-top: 25px;
  }
}
.content--confirm .new-checkout-payment.panel--body.is--wide.block-group .payment--method {
  box-sizing: border-box;
  border: 1px solid #cbcbdb;
  border-left: none;
  border-right: none;
  width: calc(100% - 10px);
  margin: -1px 5px;
  padding: 8px 10px;
  background-color: #FFF;
  cursor: pointer;
}
.content--confirm .new-checkout-payment.panel--body.is--wide.block-group .payment--method.selected {
  z-index: 1000;
  position: relative;
  border: 3px solid #008a39;
  padding: 8px 8px;
  margin: 0 5px;
}
.content--confirm .new-checkout-payment.panel--body.is--wide.block-group .payment--method .method--label {
  display: none;
}
.content--confirm .new-checkout-payment.panel--body.is--wide.block-group .payment--method .method--input {
  padding: 8px 10px;
}
.content--confirm .new-checkout-payment.panel--body.is--wide.block-group .payment--method .method--input input {
  cursor: pointer;
}
.content--confirm .new-checkout-payment.panel--body.is--wide.block-group .payment--method .method--description,
.content--confirm .new-checkout-payment.panel--body.is--wide.block-group .payment--method .method--bankdata {
  padding-left: 0;
}
.content--confirm .new-checkout-payment.panel--body.is--wide.block-group .payment--method .method--description img,
.content--confirm .new-checkout-payment.panel--body.is--wide.block-group .payment--method .method--bankdata img {
  height: 40px;
}
/* Comment Field */
div.new-checkout-comment-field h2 {
  margin: 30px 30px 10px 20px;
  font-size: 18px;
  line-height: 28px;
  color: #666;
  font-weight: 500;
}
div.new-checkout-comment-field div.feature--user-comment {
  float: none;
}
div.new-checkout-comment-field textarea {
  width: calc(100% - 10px) !important;
  margin-right: 5px;
  margin-left: 5px;
  resize: none;
  height: 120px;
}
/* Confirm Address Containers */
.information--panel-wrapper.step4 {
  display: flex;
  flex-direction: column;
  margin: 0 !important;
}
/* Confirm Payment Method */
.information--panel-item.new-checkout-confirm-payment-method {
  border: 1px solid #cbcbdb !important;
  width: calc(100% - 10px) !important;
  margin: 0 5px !important;
  padding: 15px !important;
}
.information--panel-item.new-checkout-confirm-payment-method .payment-logo img {
  height: 40px;
}
.information--panel-item.new-checkout-confirm-payment-method .panel--actions.is--wide {
  padding: 0;
  margin-top: 5px;
}
.information--panel-item.new-checkout-confirm-payment-method .panel--actions.is--wide .edit-icon img {
  height: 30px;
  width: 30px;
  float: right;
}
/* T&Cs */
.new-checkout .body--revocation {
  font-weight: unset;
  color: #666;
}
.new-checkout .body--revocation a {
  color: #000;
}
.new-checkout .body--revocation input {
  margin-right: 4px;
}
.new-checkout .body--revocation label {
  color: #666;
}
.css--checkbox-container {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  font-weight: unset;
  color: #666;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.css--checkbox-container a {
  color: #000;
}
.css--checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.css--checkbox-container .css--checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 13px;
  width: 13px;
  background-color: #fff;
  border: 1px solid #666;
  border-radius: 2px;
}
.css--checkbox-container input:checked ~ .css--checkmark {
  background-color: #008a39;
}
.css--checkbox-container .css--checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.css--checkbox-container input:checked ~ .css--checkmark:after {
  display: block;
}
.css--checkbox-container .css--checkmark:after {
  left: 3px;
  top: 0px;
  width: 3px;
  height: 6px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* Buy Button */
.table--actions.actions--bottom.new-checkout {
  min-height: 42px;
  margin: 20px 5px 30px 5px;
  width: calc(100% - 10px);
}
.table--actions.actions--bottom.new-checkout .main--actions button {
  width: 100%;
  text-align: center;
}
/* address Container on Confirmpage */
div.information--panel-item.information--panel-address.new-checkout-confirm-billing-address,
div.information--panel-item.information--panel-address.new-checkout-confirm-shipping-address,
div.information--panel-item.information--panel-item-billing.new-checkout-confirm-billing-address,
div.information--panel-item.information--panel-item-shipping.new-checkout-confirm-shipping-address,
div.ost-stores--pickup-store-selection.panel.has--border .panel--body.is--wide {
  width: calc(100% - 10px) !important;
  margin: 0 5px 0 5px;
  padding: 15px;
  border: 1px solid #cbcbdb;
  color: #666666;
}
div.information--panel-item.information--panel-address.new-checkout-confirm-billing-address a,
div.information--panel-item.information--panel-address.new-checkout-confirm-shipping-address a,
div.information--panel-item.information--panel-item-billing.new-checkout-confirm-billing-address a,
div.information--panel-item.information--panel-item-shipping.new-checkout-confirm-shipping-address a,
div.ost-stores--pickup-store-selection.panel.has--border .panel--body.is--wide a {
  cursor: pointer;
  color: #000000;
}
div.information--panel-item.information--panel-address.new-checkout-confirm-billing-address a.btn,
div.information--panel-item.information--panel-address.new-checkout-confirm-shipping-address a.btn,
div.information--panel-item.information--panel-item-billing.new-checkout-confirm-billing-address a.btn,
div.information--panel-item.information--panel-item-shipping.new-checkout-confirm-shipping-address a.btn,
div.ost-stores--pickup-store-selection.panel.has--border .panel--body.is--wide a.btn,
div.information--panel-item.information--panel-address.new-checkout-confirm-billing-address a.btn:hover,
div.information--panel-item.information--panel-address.new-checkout-confirm-shipping-address a.btn:hover,
div.information--panel-item.information--panel-item-billing.new-checkout-confirm-billing-address a.btn:hover,
div.information--panel-item.information--panel-item-shipping.new-checkout-confirm-shipping-address a.btn:hover,
div.ost-stores--pickup-store-selection.panel.has--border .panel--body.is--wide a.btn:hover {
  color: #666666;
  border-color: #666666;
}
div.information--panel-item.information--panel-address.new-checkout-confirm-billing-address .panel--body.is--wide,
div.information--panel-item.information--panel-address.new-checkout-confirm-shipping-address .panel--body.is--wide,
div.information--panel-item.information--panel-item-billing.new-checkout-confirm-billing-address .panel--body.is--wide,
div.information--panel-item.information--panel-item-shipping.new-checkout-confirm-shipping-address .panel--body.is--wide,
div.ost-stores--pickup-store-selection.panel.has--border .panel--body.is--wide .panel--body.is--wide,
div.information--panel-item.information--panel-address.new-checkout-confirm-billing-address .panel--actions.is--wide,
div.information--panel-item.information--panel-address.new-checkout-confirm-shipping-address .panel--actions.is--wide,
div.information--panel-item.information--panel-item-billing.new-checkout-confirm-billing-address .panel--actions.is--wide,
div.information--panel-item.information--panel-item-shipping.new-checkout-confirm-shipping-address .panel--actions.is--wide,
div.ost-stores--pickup-store-selection.panel.has--border .panel--body.is--wide .panel--actions.is--wide {
  padding: 0;
}
div.information--panel-item.information--panel-address.new-checkout-confirm-billing-address .panel--actions.is--wide,
div.information--panel-item.information--panel-address.new-checkout-confirm-shipping-address .panel--actions.is--wide,
div.information--panel-item.information--panel-item-billing.new-checkout-confirm-billing-address .panel--actions.is--wide,
div.information--panel-item.information--panel-item-shipping.new-checkout-confirm-shipping-address .panel--actions.is--wide,
div.ost-stores--pickup-store-selection.panel.has--border .panel--body.is--wide .panel--actions.is--wide,
div.information--panel-item.information--panel-address.new-checkout-confirm-billing-address .address--actions-change .shipping--panel,
div.information--panel-item.information--panel-address.new-checkout-confirm-shipping-address .address--actions-change .shipping--panel,
div.information--panel-item.information--panel-item-billing.new-checkout-confirm-billing-address .address--actions-change .shipping--panel,
div.information--panel-item.information--panel-item-shipping.new-checkout-confirm-shipping-address .address--actions-change .shipping--panel,
div.ost-stores--pickup-store-selection.panel.has--border .panel--body.is--wide .address--actions-change .shipping--panel {
  line-height: unset;
  text-align: right;
}
div.information--panel-item.information--panel-address.new-checkout-confirm-billing-address .panel--actions.is--wide a.btn,
div.information--panel-item.information--panel-address.new-checkout-confirm-shipping-address .panel--actions.is--wide a.btn,
div.information--panel-item.information--panel-item-billing.new-checkout-confirm-billing-address .panel--actions.is--wide a.btn,
div.information--panel-item.information--panel-item-shipping.new-checkout-confirm-shipping-address .panel--actions.is--wide a.btn,
div.ost-stores--pickup-store-selection.panel.has--border .panel--body.is--wide .panel--actions.is--wide a.btn,
div.information--panel-item.information--panel-address.new-checkout-confirm-billing-address .address--actions-change .shipping--panel a.btn,
div.information--panel-item.information--panel-address.new-checkout-confirm-shipping-address .address--actions-change .shipping--panel a.btn,
div.information--panel-item.information--panel-item-billing.new-checkout-confirm-billing-address .address--actions-change .shipping--panel a.btn,
div.information--panel-item.information--panel-item-shipping.new-checkout-confirm-shipping-address .address--actions-change .shipping--panel a.btn,
div.ost-stores--pickup-store-selection.panel.has--border .panel--body.is--wide .address--actions-change .shipping--panel a.btn {
  margin-top: 15px;
  margin-bottom: 10px;
}
div.information--panel-item.information--panel-address.new-checkout-confirm-billing-address .panel--actions.is--wide p,
div.information--panel-item.information--panel-address.new-checkout-confirm-shipping-address .panel--actions.is--wide p,
div.information--panel-item.information--panel-item-billing.new-checkout-confirm-billing-address .panel--actions.is--wide p,
div.information--panel-item.information--panel-item-shipping.new-checkout-confirm-shipping-address .panel--actions.is--wide p,
div.ost-stores--pickup-store-selection.panel.has--border .panel--body.is--wide .panel--actions.is--wide p,
div.information--panel-item.information--panel-address.new-checkout-confirm-billing-address .address--actions-change .shipping--panel p,
div.information--panel-item.information--panel-address.new-checkout-confirm-shipping-address .address--actions-change .shipping--panel p,
div.information--panel-item.information--panel-item-billing.new-checkout-confirm-billing-address .address--actions-change .shipping--panel p,
div.information--panel-item.information--panel-item-shipping.new-checkout-confirm-shipping-address .address--actions-change .shipping--panel p,
div.ost-stores--pickup-store-selection.panel.has--border .panel--body.is--wide .address--actions-change .shipping--panel p {
  margin-top: 15px;
  margin-bottom: 15px;
}
div.information--panel-item.information--panel-address.new-checkout-confirm-billing-address div.new-checkout-ost-stores-address,
div.information--panel-item.information--panel-address.new-checkout-confirm-shipping-address div.new-checkout-ost-stores-address,
div.information--panel-item.information--panel-item-billing.new-checkout-confirm-billing-address div.new-checkout-ost-stores-address,
div.information--panel-item.information--panel-item-shipping.new-checkout-confirm-shipping-address div.new-checkout-ost-stores-address,
div.ost-stores--pickup-store-selection.panel.has--border .panel--body.is--wide div.new-checkout-ost-stores-address,
div.information--panel-item.information--panel-address.new-checkout-confirm-billing-address div.new-checkout-ost-stores-contact,
div.information--panel-item.information--panel-address.new-checkout-confirm-shipping-address div.new-checkout-ost-stores-contact,
div.information--panel-item.information--panel-item-billing.new-checkout-confirm-billing-address div.new-checkout-ost-stores-contact,
div.information--panel-item.information--panel-item-shipping.new-checkout-confirm-shipping-address div.new-checkout-ost-stores-contact,
div.ost-stores--pickup-store-selection.panel.has--border .panel--body.is--wide div.new-checkout-ost-stores-contact {
  margin-bottom: 8px;
}
div.information--panel-item.information--panel-address.new-checkout-confirm-billing-address .edit-icon,
div.information--panel-item.information--panel-address.new-checkout-confirm-shipping-address .edit-icon,
div.information--panel-item.information--panel-item-billing.new-checkout-confirm-billing-address .edit-icon,
div.information--panel-item.information--panel-item-shipping.new-checkout-confirm-shipping-address .edit-icon,
div.ost-stores--pickup-store-selection.panel.has--border .panel--body.is--wide .edit-icon {
  display: block;
  height: 30px;
  margin-top: 15px;
  margin-bottom: 10px;
}
div.information--panel-item.information--panel-address.new-checkout-confirm-billing-address .edit-icon img,
div.information--panel-item.information--panel-address.new-checkout-confirm-shipping-address .edit-icon img,
div.information--panel-item.information--panel-item-billing.new-checkout-confirm-billing-address .edit-icon img,
div.information--panel-item.information--panel-item-shipping.new-checkout-confirm-shipping-address .edit-icon img,
div.ost-stores--pickup-store-selection.panel.has--border .panel--body.is--wide .edit-icon img {
  height: 30px;
  float: right;
}
div.information--panel-item.information--panel-address.new-checkout-confirm-billing-address span.address--tel,
div.information--panel-item.information--panel-address.new-checkout-confirm-shipping-address span.address--tel,
div.information--panel-item.information--panel-item-billing.new-checkout-confirm-billing-address span.address--tel,
div.information--panel-item.information--panel-item-shipping.new-checkout-confirm-shipping-address span.address--tel,
div.ost-stores--pickup-store-selection.panel.has--border .panel--body.is--wide span.address--tel {
  display: inline-block;
  margin-top: 10px;
}
div.information--panel-item.information--panel-address.new-checkout-confirm-billing-address span.address--label,
div.information--panel-item.information--panel-address.new-checkout-confirm-shipping-address span.address--label,
div.information--panel-item.information--panel-item-billing.new-checkout-confirm-billing-address span.address--label,
div.information--panel-item.information--panel-item-shipping.new-checkout-confirm-shipping-address span.address--label,
div.ost-stores--pickup-store-selection.panel.has--border .panel--body.is--wide span.address--label {
  display: inline-block;
  width: 60px;
}
/* Producttile */
div.desktop-left div.table--tr.block-group {
  height: unset;
}
.new-checkout-product-outer,
.new-checkout-voucher-outer,
.new-checkout-rebate-outer {
  width: calc(100% - 40px);
  margin: 0 20px 50px 20px;
  color: #666;
}
.new-checkout-product-outer i.voucher-icon,
.new-checkout-voucher-outer i.voucher-icon,
.new-checkout-rebate-outer i.voucher-icon {
  display: block;
  background-image: url(../../custom/plugins/OstOstermannTrendsTheme/Resources/Themes/Frontend/OstOstermannTrendsTheme/frontend/_public/src/img/checkout/voucher.svg);
  background-size: cover;
  background-position: center;
  height: 55px;
  width: 55px;
  margin-left: auto;
  margin-right: auto;
}
.new-checkout-product-outer .product,
.new-checkout-voucher-outer .product,
.new-checkout-rebate-outer .product {
  width: 100%;
  display: grid;
  height: 147px;
  grid-template-columns: [v-left] 124px [v-3] 3fr [v-4] 2fr [v-5] 2fr [v-right];
  grid-template-rows: [h-top] 93px [h-2] 1fr [h-bottom];
  row-gap: 10px;
}
.new-checkout-product-outer .voucher,
.new-checkout-voucher-outer .voucher,
.new-checkout-rebate-outer .voucher,
.new-checkout-product-outer .rebate,
.new-checkout-voucher-outer .rebate,
.new-checkout-rebate-outer .rebate {
  width: 100%;
  display: grid;
  height: 110px;
  grid-template-columns: [v-left] 124px [v-3] 3fr [v-4] 2fr [v-5] 2fr [v-right];
  grid-template-rows: [h-top] 55px [h-2] 1fr [h-bottom];
  row-gap: 15px;
}
.new-checkout-product-outer .article-picture,
.new-checkout-voucher-outer .article-picture,
.new-checkout-rebate-outer .article-picture {
  grid-column-start: v-left;
  grid-column-end: v-3;
  grid-row-start: h-top;
  grid-row-end: h-2;
}
.new-checkout-product-outer .rebate .article-picture,
.new-checkout-voucher-outer .rebate .article-picture,
.new-checkout-rebate-outer .rebate .article-picture {
  margin-left: auto;
  margin-right: auto;
}
.new-checkout-product-outer .rebate .article-picture .basket--badge,
.new-checkout-voucher-outer .rebate .article-picture .basket--badge,
.new-checkout-rebate-outer .rebate .article-picture .basket--badge {
  background-color: unset;
}
.new-checkout-product-outer .rebate .article-picture i.icon--payment-discount,
.new-checkout-voucher-outer .rebate .article-picture i.icon--payment-discount,
.new-checkout-rebate-outer .rebate .article-picture i.icon--payment-discount {
  display: block;
  background-image: url(../../custom/plugins/OstOstermannTrendsTheme/Resources/Themes/Frontend/OstOstermannTrendsTheme/frontend/_public/src/img/checkout/payment-discount.svg);
  background-size: cover;
  background-position: center;
  height: 55px;
  width: 55px;
  margin-left: auto;
  margin-right: auto;
}
.new-checkout-product-outer .article-picture--live-shopping-container,
.new-checkout-voucher-outer .article-picture--live-shopping-container,
.new-checkout-rebate-outer .article-picture--live-shopping-container {
  display: flex;
  flex-direction: row;
  position: relative;
  max-height: 93px;
}
.new-checkout-product-outer .article-picture--live-shopping-container .cart--badge,
.new-checkout-voucher-outer .article-picture--live-shopping-container .cart--badge,
.new-checkout-rebate-outer .article-picture--live-shopping-container .cart--badge {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.new-checkout-product-outer .article-picture--live-shopping-container .cart--badge--inner,
.new-checkout-voucher-outer .article-picture--live-shopping-container .cart--badge--inner,
.new-checkout-rebate-outer .article-picture--live-shopping-container .cart--badge--inner {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.new-checkout-product-outer .article-picture--live-shopping-container .cart--badge--inner p,
.new-checkout-voucher-outer .article-picture--live-shopping-container .cart--badge--inner p,
.new-checkout-rebate-outer .article-picture--live-shopping-container .cart--badge--inner p {
  margin: 0;
  color: #FFF;
  font-weight: 700;
}
.new-checkout-product-outer .article-info,
.new-checkout-voucher-outer .article-info,
.new-checkout-rebate-outer .article-info {
  grid-column-start: v-3;
  grid-column-end: v-right;
  grid-row-start: h-top;
  grid-row-end: h-2;
  background-color: #fff;
  padding: 2px 0 2px 10px;
}
.new-checkout-product-outer a.content--title.article-name,
.new-checkout-voucher-outer a.content--title.article-name,
.new-checkout-rebate-outer a.content--title.article-name {
  font-weight: 600;
  color: #666;
}
.new-checkout-product-outer p.delivery--information,
.new-checkout-voucher-outer p.delivery--information,
.new-checkout-rebate-outer p.delivery--information,
.new-checkout-product-outer div.article-text,
.new-checkout-voucher-outer div.article-text,
.new-checkout-rebate-outer div.article-text {
  font-size: 12px;
  line-height: 18px;
}
.new-checkout-product-outer p.voucher--title,
.new-checkout-voucher-outer p.voucher--title,
.new-checkout-rebate-outer p.voucher--title,
.new-checkout-product-outer p.content--title,
.new-checkout-voucher-outer p.content--title,
.new-checkout-rebate-outer p.content--title {
  color: #666;
  font-size: 16px;
  line-height: 1.5rem;
  font-weight: 600;
  margin-bottom: 0;
}
.new-checkout-product-outer .article-amount,
.new-checkout-voucher-outer .article-amount,
.new-checkout-rebate-outer .article-amount {
  display: flex;
  align-items: end;
  grid-column-start: v-left;
  grid-column-end: v-3;
  grid-row-start: h-2;
  grid-row-end: h-bottom;
  background-color: #FFF;
}
.new-checkout-product-outer .article-amount form,
.new-checkout-voucher-outer .article-amount form,
.new-checkout-rebate-outer .article-amount form {
  height: 35px;
}
.new-checkout-product-outer .article-amount form.select-field::after,
.new-checkout-voucher-outer .article-amount form.select-field::after,
.new-checkout-rebate-outer .article-amount form.select-field::after {
  top: -1px;
}
.new-checkout-product-outer .article-amount form select,
.new-checkout-voucher-outer .article-amount form select,
.new-checkout-rebate-outer .article-amount form select {
  line-height: 2rem;
}
.new-checkout-product-outer .article-delete,
.new-checkout-voucher-outer .article-delete,
.new-checkout-rebate-outer .article-delete {
  display: flex;
  align-items: end;
  grid-column-start: v-3;
  grid-column-end: v-4;
  grid-row-start: h-2;
  grid-row-end: h-bottom;
  background-color: #FFF;
}
.new-checkout-product-outer .article-delete form,
.new-checkout-voucher-outer .article-delete form,
.new-checkout-rebate-outer .article-delete form {
  line-height: 0;
}
.new-checkout-product-outer img.trash-icon,
.new-checkout-voucher-outer img.trash-icon,
.new-checkout-rebate-outer img.trash-icon {
  height: 27px;
}
.new-checkout-product-outer .btn-trash-icon,
.new-checkout-voucher-outer .btn-trash-icon,
.new-checkout-rebate-outer .btn-trash-icon {
  margin-left: 10px;
  background: none;
  border: none;
}
@media (min-width: 385px) {
  .new-checkout-product-outer .btn-trash-icon,
  .new-checkout-voucher-outer .btn-trash-icon,
  .new-checkout-rebate-outer .btn-trash-icon {
    margin-left: 20px;
  }
}
@media (min-width: 400px) {
  .new-checkout-product-outer .btn-trash-icon,
  .new-checkout-voucher-outer .btn-trash-icon,
  .new-checkout-rebate-outer .btn-trash-icon {
    margin-left: 25px;
  }
}
.new-checkout-product-outer .article-price,
.new-checkout-voucher-outer .article-price,
.new-checkout-rebate-outer .article-price {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
  grid-column-start: v-4;
  grid-column-end: v-right;
  grid-row-start: h-2;
  grid-row-end: h-bottom;
  background-color: #FFF;
}
.new-checkout-product-outer p.price-item,
.new-checkout-voucher-outer p.price-item,
.new-checkout-rebate-outer p.price-item {
  margin: 0;
  font-size: 12px;
  line-height: 1.3;
}
.new-checkout-product-outer p.price-total,
.new-checkout-voucher-outer p.price-total,
.new-checkout-rebate-outer p.price-total {
  margin: 0;
  font-weight: 700;
  line-height: 1.3;
}
.new-checkout-product-outer button.ost-configurator--button,
.new-checkout-voucher-outer button.ost-configurator--button,
.new-checkout-rebate-outer button.ost-configurator--button {
  margin-top: 20px;
}
/* Voucher Tile */
body.is--ctl-checkout .row--voucher {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
/* Step2: Ajax Email Error */
#ajax_validate_email--message {
  text-align: center;
  margin-top: 5px;
}
/* register form */
body.is--ctl-register label {
  margin-left: 15px;
  color: #666;
}
body.is--ctl-register div.responsive-container div.panel--body.is--wide {
  padding-left: 5px;
  padding-right: 5px;
}
div.panel.register--shipping h2.new-checkout {
  margin-top: 24px;
  margin-left: 20px;
}
@media (min-width: 900px) {
  #register--form .panel--body.is--wide {
    padding-top: 10px;
  }
}
.is--ctl-register.is--target-checkout .register--birthdate {
  display: none;
}
/* Loading animation */
.loading--animation {
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
  border-radius: 100%;
  background-clip: padding-box;
  right: 6px;
  right: 0.375rem;
  top: 2px;
  top: 0.125rem;
  margin: 8px 5px 8px 5px;
  margin: 0.5rem 0.3125rem 0.5rem 0.3125rem;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  border: 2px solid #dadae5;
  border-top: 2px solid #4f4f71;
  display: block;
  position: absolute;
}
/* Step3 reset min-height */
body.is--ctl-checkout .content-main.container {
  min-height: 430px;
}
@media (min-width: 900px) {
  body.is--ctl-checkout .content-main.container {
    min-height: 400px;
  }
}
/* Error Messages */
.is--ctl-checkout .basket--info-messages {
  margin-top: 10px !important;
}
div.new-checkout-salutation.has--error,
div.new-checkout-salutation2.has--error {
  background-color: #FAECEB;
  border: 1px solid #e74c3c;
}
div.new-checkout-salutation.has--error div label,
div.new-checkout-salutation2.has--error div label {
  color: #E74C3C;
}
/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #def2e7 inset !important;
}
/* DHL Plugin */
div.register--additional-line1.mopt-wunschpaket-type-dependent {
  display: flex;
  flex-direction: column;
}
@media (max-width: 899px) {
  body.is--ctl-checkout.is--act-cart div.new-checkout-steps {
    margin-bottom: 15px;
  }
}
@media (min-width: 900px) {
  body.is--ctl-checkout.is--act-cart div.new-checkout-steps {
    margin-bottom: 25px;
  }
}
body.is--ctl-checkout.is--act-cart div.content div.product--table.has--dispatch-info {
  margin-top: 0;
}
body.is--ctl-checkout.is--act-cart div.content div.product--table.has--dispatch-info div.table--actions {
  margin-top: 0px;
  margin-bottom: 7px;
}
@media (min-width: 900px) {
  body.is--ctl-checkout.is--act-cart div.content div.product--table.has--dispatch-info div.table--actions {
    margin-bottom: 18px;
  }
}
@media (max-width: 899px) {
  body.is--ctl-register.is--target-checkout div.new-checkout-steps {
    margin-bottom: 15px;
  }
}
body.is--ctl-register.is--target-checkout #registration {
  margin-top: 0;
}
body.is--ctl-register.is--target-checkout div.alert,
body.is--ctl-register.is--target-checkout div.alert.is--warning,
body.is--ctl-register.is--target-checkout div.alert.is--error {
  margin-left: 5px;
  margin-top: 0;
  margin-right: 5px;
  margin-bottom: 10px;
}
body.is--ctl-register.is--target-checkout form#register--form div.panel.register--personal div.panel--body {
  padding-top: 15px;
}
@media (min-width: 900px) {
  body.is--ctl-register.is--target-checkout form#register--form div.panel.register--personal div.panel--body {
    padding-top: 25px;
  }
}
@media (max-width: 899px) {
  body.is--ctl-checkout.is--act-shippingpayment div.new-checkout-steps {
    margin-bottom: 15px;
  }
}
body.is--ctl-checkout.is--act-shippingpayment div.alert,
body.is--ctl-checkout.is--act-shippingpayment div.alert.is--warning,
body.is--ctl-checkout.is--act-shippingpayment div.alert.is--error,
body.is--ctl-checkout.is--act-shippingpayment div.content.content--confirm.product--table {
  margin-top: 0;
  margin-bottom: 10px;
}
body.is--ctl-checkout.is--act-shippingpayment div.payment--method-list {
  margin-top: 0;
}
body.is--ctl-checkout.is--act-confirm div.new-checkout-steps {
  margin-bottom: 15px;
}
@media (min-width: 900px) {
  body.is--ctl-checkout.is--act-confirm div.new-checkout-steps {
    margin-bottom: 25px;
  }
}
body.is--ctl-checkout.is--act-confirm div.content.confirm--content {
  margin-top: 0;
}
body.is--ctl-checkout.is--act-confirm div.content.confirm--content div.alert,
body.is--ctl-checkout.is--act-confirm div.content.confirm--content div.alert.is--warning,
body.is--ctl-checkout.is--act-confirm div.content.confirm--content div.alert.is--error,
body.is--ctl-checkout.is--act-confirm div.content.confirm--content div.content.content--confirm.product--table {
  margin-top: 0;
  margin-bottom: 10px;
}
body.is--ctl-checkout.is--act-confirm div.content.confirm--content div.responsive-container {
  padding-top: 8px;
}
@media (min-width: 900px) {
  body.is--ctl-checkout.is--act-confirm div.content.confirm--content div.responsive-container {
    padding-top: 18px;
  }
}
body.is--ctl-checkout.is--act-confirm div.content.confirm--content div.responsive-container h2.new-checkout.top-headline {
  margin-top: 0;
}
body.is--ctl-checkout.is--act-finish section.content-main.container.block-group {
  margin-top: 15px;
}
@media (min-height: 1000px) {
  body.is--ctl-checkout.is--act-finish section.content-main.container.block-group {
    min-height: 50vh;
  }
}
@media (min-width: 900px) {
  body.is--ctl-checkout.is--act-finish section.content-main.container.block-group {
    margin-top: 25px;
  }
}
body.is--ctl-checkout.is--act-finish div.content.checkout--content.finish--content {
  margin-top: 0;
  padding-top: 0;
}
body.is--ctl-checkout.is--act-finish div.alert,
body.is--ctl-checkout.is--act-finish div.alert.is--warning,
body.is--ctl-checkout.is--act-finish div.alert.is--error {
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
}
body.is--ctl-checkout.is--act-finish h2.teaser--title {
  font-weight: lighter;
  font-size: 32px;
  line-height: 35px;
  color: #666;
  padding-top: 15px;
}
@media (min-width: 900px) {
  body.is--ctl-checkout.is--act-finish h2.teaser--title {
    padding-top: 25px;
  }
}
body.is--ctl-checkout.is--act-finish div.panel--body {
  padding: 25px;
}
body.is--ctl-checkout.is--act-finish p.teaser--text {
  font-size: 16px;
  margin-bottom: 35px;
}
body.is--ctl-checkout.is--act-finish .sccp-need-to-pay-box {
  border: none;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-note.is--act-index section.content-main.container div.content--wrapper div.content.note--content,
body.is--ctl-note.is--act-index section.content-main.container div.content--wrapper div.content.account--content {
  margin-top: 0;
  padding: 0;
}
body.is--ctl-note.is--act-index section.content-main.container div.content--wrapper div.content.note--content div.account--welcome.panel,
body.is--ctl-note.is--act-index section.content-main.container div.content--wrapper div.content.account--content div.account--welcome.panel {
  padding: 20px;
  margin-bottom: 10px;
}
body.is--ctl-note.is--act-index section.content-main.container div.content--wrapper div.content.note--content div.account--welcome.panel h1,
body.is--ctl-note.is--act-index section.content-main.container div.content--wrapper div.content.account--content div.account--welcome.panel h1 {
  margin-top: 0;
  padding-top: 0;
}
body.is--ctl-note.is--act-index section.content-main.container div.content--wrapper div.content.note--content div.account--welcome.panel div.panel--body > p:last-child,
body.is--ctl-note.is--act-index section.content-main.container div.content--wrapper div.content.account--content div.account--welcome.panel div.panel--body > p:last-child {
  margin-bottom: 0;
}
body.is--ctl-note.is--act-index section.content-main.container div.content--wrapper div.content.note--content div.note--overview,
body.is--ctl-note.is--act-index section.content-main.container div.content--wrapper div.content.account--content div.note--overview {
  background: #ffffff;
}
body.is--ctl-note.is--act-index section.content-main.container div.content--wrapper div.content.note--content div.note--overview div.panel--table,
body.is--ctl-note.is--act-index section.content-main.container div.content--wrapper div.content.account--content div.note--overview div.panel--table {
  border: none;
  padding: 0 20px;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-account.is--act-logout section.content-main.container div.content--wrapper {
  margin-left: 0 !important;
}
body.is--ctl-account.is--act-logout div.account--content.content {
  margin-top: 0;
}
body.is--ctl-account.is--act-logout div.account--content.content h1.panel--title {
  padding: 20px;
}
body.is--ctl-account.is--act-logout div.account--content.content div.panel--body {
  padding: 0 20px;
  border-bottom: 10px solid #e7eced;
  padding-bottom: 20px;
}
body.is--ctl-account.is--act-logout div.account--content.content div.panel--body p {
  margin-bottom: 0;
}
body.is--ctl-account.is--act-logout div.account--content.content div.panel--actions {
  text-align: right;
}
body.is--ctl-account.is--act-logout div.account--content.content div.panel--actions a {
  margin: 0;
}
body.is--ctl-account.is--act-index div.account--content {
  margin-top: 0;
}
body.is--ctl-account.is--act-index div.account--content div.account--welcome {
  margin-bottom: 10px;
  padding: 20px;
}
body.is--ctl-account.is--act-index div.account--content div.account--welcome h1 {
  margin-top: 0;
  padding-top: 0;
}
body.is--ctl-account.is--act-index div.account--content div.account--welcome p {
  margin-bottom: 0;
}
body.is--ctl-account.is--act-index div.account--content div.account-info--container div.account--info {
  margin-bottom: 10px;
}
body.is--ctl-account.is--act-index div.account--content div.account-info--container div.account--payment {
  margin-bottom: 10px;
}
body.is--ctl-account.is--act-index div.account--content div.account-address--container div.account--billing {
  margin-bottom: 10px;
}
body.is--ctl-account.is--act-index div.account--content div.account-address--container div.account--shipping {
  margin-bottom: 10px;
}
body.is--ctl-account.is--act-index div.account--content div.account--newsletter {
  margin-bottom: 0;
}
@media screen and (min-width: 48em) {
  body.is--ctl-account div.sidebar--categories-wrapper,
  body.is--ctl-note div.sidebar--categories-wrapper,
  body.is--ctl-address div.sidebar--categories-wrapper {
    background: #ffffff;
  }
  body.is--ctl-account div.sidebar--categories-wrapper div.account--menu,
  body.is--ctl-note div.sidebar--categories-wrapper div.account--menu,
  body.is--ctl-address div.sidebar--categories-wrapper div.account--menu {
    border: 0;
  }
  body.is--ctl-account.is--act-profile div.account--profile {
    padding-top: 0;
  }
  body.is--ctl-account.is--act-profile div.account--profile > form div.panel {
    margin-bottom: 10px;
  }
  body.is--ctl-account.is--act-profile div.account--profile div.profile--email-password-container div.profile-email--container {
    margin-bottom: 10px;
  }
  body.is--ctl-account.is--act-profile div.account--profile div.profile--email-password-container div.profile-email--container > form > div.panel {
    margin-bottom: 0;
  }
  body.is--ctl-account.is--act-profile div.account--profile div.profile--email-password-container div.profile-password--container > form > div.panel {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 64em) {
  body.is--ctl-account.is--act-index div.account--content div.account-info--container div.account--info {
    width: calc(50% - 5px);
    margin-right: 5px;
  }
  body.is--ctl-account.is--act-index div.account--content div.account-info--container div.account--payment {
    width: calc(50% - 5px);
    margin-left: 5px;
  }
  body.is--ctl-account.is--act-index div.account--content div.account-address--container div.account--billing {
    width: calc(50% - 5px);
    margin-right: 5px;
  }
  body.is--ctl-account.is--act-index div.account--content div.account-address--container div.account--shipping {
    width: calc(50% - 5px);
    margin-left: 5px;
  }
  body.is--ctl-account.is--act-profile div.account--profile div.profile--email-password-container div.profile-email--container {
    margin-bottom: 0;
    width: calc(50% - 5px);
    margin-right: 5px;
  }
  body.is--ctl-account.is--act-profile div.account--profile div.profile--email-password-container div.profile-password--container {
    width: calc(50% - 5px);
    margin-left: 5px;
  }
}
body.is--ctl-account.is--act-orders div.account--content {
  margin-top: 0;
}
body.is--ctl-account.is--act-orders div.account--content div.account--welcome {
  margin-bottom: 10px;
  padding: 20px;
}
body.is--ctl-account.is--act-orders div.account--content div.account--welcome h1 {
  margin-top: 0;
  padding-top: 0;
}
body.is--ctl-account.is--act-orders div.account--content div.account--welcome p {
  margin-bottom: 0;
}
body.is--ctl-account.is--act-orders div.account--content div.account--orders-overview {
  border: none;
}
body.is--ctl-account.is--act-payment div.account--content {
  margin-top: 0;
}
body.is--ctl-account.is--act-payment div.account--content div.account--welcome {
  margin-bottom: 10px;
  padding: 20px;
  display: block;
  background: #ffffff;
}
body.is--ctl-account.is--act-payment div.account--content div.account--welcome h1 {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
body.is--ctl-account.is--act-payment div.account--content div.account--payment-form form {
  padding-bottom: 1px;
}
body.is--ctl-forms.is--act-index div.sidebar--categories-wrapper {
  background: #ffffff;
}
body.is--ctl-forms.is--act-index div.sidebar--categories-wrapper div.shop-sites--container {
  border: none;
}
body.is--ctl-forms.is--act-index section.content-main.container.block-group {
  background: #FFF;
}
body.is--ctl-forms.is--act-index div.forms--content.content {
  color: #666;
  margin-top: 0;
}
body.is--ctl-forms.is--act-index div.forms--content.content a {
  color: #000;
}
body.is--ctl-forms.is--act-index div.forms--content.content .error {
  margin-bottom: 10px;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--headline div.alert.is--success {
  margin: -20px;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--headline {
  margin-bottom: 10px;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--headline div.forms--text p:last-child {
  margin-bottom: 0;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container div.field--container {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 3px;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container div.field--container i.formfield--response-icon {
  display: none;
  position: absolute;
  top: 30px;
  right: 5px;
  width: 30px;
  height: 30px;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container div.field--container i.formfield--response-icon.error {
  display: block;
  position: absolute;
  top: 30px;
  right: 5px;
  width: 30px;
  height: 30px;
  background-image: url(../../custom/plugins/OstOstermannTrendsTheme/Resources/Themes/Frontend/OstOstermannTrendsTheme/frontend/_public/src/img/forms/ostermann-close-error.svg);
  background-position: center;
  background-repeat: no-repeat;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container div.field--container.forms--checkbox {
  flex-direction: row;
  align-items: baseline;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container label {
  margin-left: 5px;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container .select-field {
  height: unset;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container .select-field::after {
  border-left: none;
  top: 25px;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container .select-field select,
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container .select-field select:hover {
  background: none;
  background-color: #f8f8fa;
  color: #666;
  border-color: #cbcbdb;
  border-radius: 0;
  margin-bottom: 15px;
  height: 42px;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container div input,
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container div input:hover,
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container div input:focus {
  background: none;
  background-color: #f8f8fa;
  border: 1px solid #cbcbdb;
  outline: none;
  color: #666;
  height: 42px;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container div.forms--checkbox input,
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container div.forms--checkbox input:hover,
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container div.forms--checkbox input:focus {
  height: unset;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container div.forms--checkbox label {
  position: unset;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container div textarea,
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container div textarea:hover,
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container div textarea:focus {
  background: none;
  background-color: #f8f8fa;
  border-color: #cbcbdb;
  color: #666;
  height: 150px;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container p.requiredFieldNotice {
  margin: 30px 0 0 0;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container p.privacy-information {
  margin: 0 0 30px 0;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container .forms--required {
  font-size: 14px;
  margin-bottom: 0;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container p.requiredFieldNotice,
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container p.privacy-information {
  width: 100%;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container div.buttons {
  width: 100%;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container div.buttons button.btn.is--primary,
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container div.buttons button.btn.is--primary:hover {
  height: 42px;
  color: #000;
  border: 1px solid #000;
  background: none;
  background-color: #FFF;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container div.buttons a.btn.is--secondary,
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container div.buttons a.btn.is--secondary:hover {
  height: 42px;
  color: #666;
  border: 1px solid #666;
  background: none;
  background-color: #FFF;
  text-transform: uppercase;
}
body.is--ctl-forms.is--act-index div.forms--content.content div.forms--container div.success-buttons.buttons {
  background: #ffffff;
}
@media screen and (min-width: 48em) {
  body.is--ctl-forms section.content-main.container.block-group div.content-main--inner aside.sidebar-main {
    display: none !important;
  }
  body.is--ctl-forms section.content-main.container.block-group div.content-main--inner div.content--wrapper {
    margin-left: 0 !important;
  }
}
body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 label {
  height: 24px;
}
body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--hausnr {
  width: 20%;
}
body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--plz {
  width: 25%;
}
body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--select,
body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--select--padding {
  width: 100%;
  max-width: unset;
  padding-left: 0;
}
body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--ort {
  width: 75%;
}
body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--str {
  width: 80%;
}
body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--inquiry textarea {
  height: 200px;
}
body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--ort,
body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--hausnr {
  padding-left: 2%;
}
body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--date {
  position: relative;
}
body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--date input {
  padding-left: 40px;
  border-radius: 0;
  appearance: none;
}
body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--date input::-webkit-date-and-time-value {
  text-align: left;
}
body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--date i.customfield--date-icon {
  position: absolute;
  top: 30px;
  left: 5px;
  background-image: url(../../custom/plugins/OstOstermannTrendsTheme/Resources/Themes/Frontend/OstOstermannTrendsTheme/frontend/_public/src/img/forms/ostermann-calendar.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--clock {
  position: relative;
}
body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--clock input {
  padding-left: 40px;
  border-radius: 0;
  appearance: none;
}
body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--clock i.customfield--clock-icon {
  position: absolute;
  top: 30px;
  left: 5px;
  background-image: url(../../custom/plugins/OstOstermannTrendsTheme/Resources/Themes/Frontend/OstOstermannTrendsTheme/frontend/_public/src/img/forms/ostermann-clock.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.form--customized--middle--left {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.form--customized--middle--right {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 30em) {
  body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--anrede {
    max-width: unset;
  }
  body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--anrede select {
    width: 100%;
    max-width: unset;
  }
  body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--plz {
    width: 30%;
  }
  body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--ort {
    width: 70%;
  }
}
@media screen and (min-width: 48em) {
  body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--select,
  body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--select--padding {
    width: 50%;
  }
  body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--select--padding {
    padding-left: 2%;
  }
}
@media screen and (min-width: 64em) {
  body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.form--customized--middle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 45px;
  }
  body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.form--customized--middle div.form--customized--middle--left {
    width: 49%;
  }
  body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.form--customized--middle div.form--customized--middle--right {
    width: 49%;
  }
  body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.form--customized--bottom--left {
    float: left;
    width: 49%;
    margin-right: 2%;
  }
  body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.field--container.customfield--inquiry textarea {
    height: 294px;
  }
  body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 p.requiredFieldNotice {
    margin-top: 64px;
    text-align: right;
  }
  body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 p.privacy-information {
    text-align: right;
  }
  body.is--ctl-forms.is--act-index div.forms--content div.forms--inner-form.panel--body.customized-form1 div.buttons {
    margin-top: 44px;
  }
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-custom.is--act-index div.sidebar--categories-wrapper {
  background: #ffffff;
}
body.is--ctl-custom.is--act-index div.sidebar--categories-wrapper div.shop-sites--container {
  border: none;
}
body.is--ctl-custom.is--act-index div.custom-page--content.content {
  margin-top: 0;
  background: #ffffff;
  padding: 20px;
}
body.is--ctl-custom.is--act-index div.custom-page--content.content div.content--custom h1.custom-page--tab-headline:first-child {
  margin-top: 0;
}
body.is--ctl-custom.is--act-index div.custom-page--content.content div.content--custom p:last-child {
  margin-bottom: 0;
}
::-moz-placeholder,
::-webkit-input-placeholder,
:-ms-input-placeholder,
.main-search--field::placeholder {
  color: #666666;
}
.main-search--field::placeholder {
  font-style: italic;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-ticket.is--act-index div.sidebar--categories-wrapper {
  background: #ffffff;
}
body.is--ctl-ticket.is--act-index div.sidebar--categories-wrapper div.shop-sites--container {
  border: none;
}
body.is--ctl-ticket.is--act-index div.forms--content.content {
  margin: 0;
  width: 100%;
}
body.is--ctl-ticket.is--act-index div.forms--content.content .error {
  margin-bottom: 10px;
}
body.is--ctl-ticket.is--act-index div.forms--content.content div.forms--headline div.alert.is--success {
  margin: -20px;
}
body.is--ctl-ticket.is--act-index div.forms--content.content div.forms--headline {
  margin-bottom: 10px;
}
body.is--ctl-ticket.is--act-index div.forms--content.content div.forms--headline div.forms--text p:last-child {
  margin-bottom: 0;
}
body.is--ctl-ticket.is--act-index div.forms--content.content div.success-buttons.buttons {
  background: #ffffff;
}
body.is--ctl-search nav.content--breadcrumb {
  background-color: #FFF;
}
body.is--ctl-search section.content-main div.content-main--inner {
  background-color: #FFF;
  padding: 0;
}
body.is--ctl-search section.content-main div.content-main--inner div.content.search--content {
  padding-top: 0;
}
body.is--ctl-search section.content-main div.content-main--inner div.content.search--content h1.search--headline {
  display: none;
}
body.is--ctl-search section.content-main div.content-main--inner div.content.search--content form.action--per-page.action--content.block {
  display: none;
}
body.is--ctl-search section.content-main div.content-main--inner div.content.search--content div.listing--container {
  background-color: #e7eced;
  border: 2px solid #e7eced;
}
body.is--ctl-search section.content-main div.content-main--inner div.content.search--content div.listing {
  padding: 0;
  margin: -2px 0 0 -2px;
}
body.is--ctl-search section.content-main div.content-main--inner div.content.search--content div.product--box {
  padding: 2px 0 0 2px;
}
body.is--ctl-search section.content-main div.content-main--inner div.content.search--content div.product--box div.box--content div.product--info {
  padding: 10px;
}
body.is--ctl-search section.content-main div.content-main--inner div.content.search--content div.product--box div.box--content div.product--info a.product--image {
  margin-bottom: 40px;
}
body.is--ctl-search section.content-main div.content-main--inner div.content.search--content div.product--box div.box--content div.product--info a.product--image img.article--color-badge {
  width: 100%;
  top: unset;
  bottom: -40px;
}
body.is--ctl-search section.content-main div.content-main--inner div.content.search--content div.product--box div.box--content div.product--info a.product--title {
  font-size: 18px;
  line-height: 24px;
  height: 48px;
  color: #666666;
  text-align: center;
}
body.is--ctl-search section.content-main div.content-main--inner div.content.search--content div.product--box div.box--content div.product--info .product--price-info {
  margin: 5px 0;
  height: 45px;
}
body.is--ctl-search section.content-main div.content-main--inner div.content.search--content div.product--box div.box--content div.product--info .product--price-info .block-group {
  height: 100%;
}
body.is--ctl-search section.content-main div.content-main--inner div.content.search--content div.product--box div.box--content div.product--info .product--price-info .product--price {
  height: 100%;
  float: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  padding-bottom: 0;
}
body.is--ctl-search section.content-main div.content-main--inner div.content.search--content div.product--box div.box--content div.product--info .product--price-info .product--price .price--default {
  font-size: 22px;
  color: #666666;
}
@media screen and (min-width: 430px) {
  body.is--ctl-search section.content-main div.content-main--inner div.content.search--content div.product--box div.box--content div.product--info a.product--image {
    margin-bottom: 50px;
  }
  body.is--ctl-search section.content-main div.content-main--inner div.content.search--content div.product--box div.box--content div.product--info a.product--image img.article--color-badge {
    width: 100%;
    top: unset;
    bottom: -50px;
  }
}
@media screen and (min-width: 900px) {
  body.is--ctl-search section.content-main div.content-main--inner div.content.search--content div.product--box div.box--content div.product--info a.product--title {
    font-size: 20px;
    line-height: 24px;
    height: 50px;
  }
  body.is--ctl-search section.content-main div.content-main--inner div.content.search--content div.product--box div.box--content div.product--info .product--price-info .product--price .price--default {
    font-size: 24px;
  }
}
@media screen and (min-width: 48em) {
  body.is--ctl-search div.listing--actions div.listing--paging {
    border: none;
  }
  body.is--ctl-search div.action--filter-options.off-canvas {
    border: none;
  }
}
.infinite--actions {
  background: #ffffff;
  margin-bottom: 10px;
}
.infinite--actions a.btn {
  margin: 10px 0;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-newsletter .newsletter--email input {
  color: #333;
}
body.is--ctl-newsletter .newsletter--email input::placeholder {
  color: #333;
}
body.is--ctl-newsletter div.sidebar--categories-wrapper {
  background: #ffffff;
}
body.is--ctl-newsletter div.sidebar--categories-wrapper div.shop-sites--container {
  border: none;
}
body.is--ctl-newsletter div.newsletter--content.content {
  margin-top: 0;
  padding-top: 0;
}
body.is--ctl-newsletter div.newsletter--content.content .newsletter--error-messages {
  margin-bottom: 10px;
}
body.is--ctl-newsletter div.newsletter--content.content div.newsletter--headline {
  margin-bottom: 10px;
  background: #ffffff;
  border: none;
}
body.is--ctl-newsletter div.newsletter--content.content div.newsletter--headline div.forms--text p:last-child {
  margin-bottom: 0;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-tellafriend.is--act-index aside.sidebar-main.off-canvas div.sidebar--categories-wrapper {
  margin-top: 10px;
}
body.is--ctl-tellafriend.is--act-index div.content.tellafriend--content {
  padding-top: 10px !important;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-detail.is--act-index .configurator--variant .variant--option.is--image {
  display: inherit;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-address.is--act-index div.account--content {
  margin-top: 0;
  padding-top: 0;
}
body.is--ctl-address.is--act-index div.account--content div.account--welcome {
  margin-bottom: 10px;
  padding: 20px;
  display: block;
  background: #ffffff;
}
body.is--ctl-address.is--act-index div.account--content div.account--welcome h1 {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
body.is--ctl-address.is--act-index div.account--content div.address--content {
  margin: -10px 0 0 -10px;
}
body.is--ctl-address.is--act-index div.account--content div.address--content div.address--item-content {
  padding: 10px;
}
body.is--ctl-address.is--act-create div.account--content {
  margin-top: 0;
  padding-top: 0;
}
body.is--ctl-address.is--act-create div.account--content div.account--welcome {
  margin-bottom: 10px;
  padding: 20px;
  display: block;
  background: #ffffff;
}
body.is--ctl-address.is--act-create div.account--content div.account--welcome h1 {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
@media screen and (min-width: 64em) {
  body .page-wrap--cookie-permission .cookie-permission--container div.cookie-permission--content {
    width: calc(100% - 100px);
  }
}
body .page-wrap--cookie-permission .cookie-permission--container .cookie-permission--decline-button {
  display: none !important;
}
body.is--ctl-detail.is--act-index .ost-article-documents {
  position: relative;
  bottom: 0;
  width: 100%;
  left: 0;
  margin-top: 10px;
  text-align: left;
}
body.is--ctl-detail.is--act-index .ost-article-documents .document,
body.is--ctl-detail.is--act-index .ost-article-documents .augmented-reality--link {
  border: 1px solid #dadae5;
  text-align: center;
  display: inline-block;
  width: 4.375rem;
  height: 4.375rem;
  padding: 0.3125rem;
  margin-right: 20px;
}
body.is--ctl-detail.is--act-index .ost-article-documents .document img,
body.is--ctl-detail.is--act-index .ost-article-documents .augmented-reality--link img {
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  height: auto;
}
body #scrollTopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 10px;
  z-index: 1000;
  border: 0;
  background-color: #FFF;
  opacity: 0.7;
  cursor: pointer;
  padding: 15px 19px;
}
body #scrollTopBtn::after {
  font-family: "shopware";
  color: #666;
  font-size: 1rem;
  content: "\e610";
}
@media screen and (min-width: 649px) {
  body #scrollTopBtn {
    right: 20px;
    padding: 15px 33px 15px 31px;
  }
}
body #checkout-login-modal--background,
body #ar-modal--background,
body #newsletter-modal--background,
body #checkout-country-modal--background {
  display: none;
  position: fixed;
  z-index: 3001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.6);
}
body #checkout-login-modal--background .newsletter-modal--content,
body #ar-modal--background .newsletter-modal--content,
body #newsletter-modal--background .newsletter-modal--content,
body #checkout-country-modal--background .newsletter-modal--content {
  background-color: #FFF;
  margin-top: 165px;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: calc(((479px - 100vW) * 0.7 ) + 430px);
}
@media screen and (min-width: 30em) {
  body #checkout-login-modal--background .newsletter-modal--content,
  body #ar-modal--background .newsletter-modal--content,
  body #newsletter-modal--background .newsletter-modal--content,
  body #checkout-country-modal--background .newsletter-modal--content {
    margin-top: 120px;
    height: calc(((767px - 100vW) / 4.8 ) + 370px);
  }
}
@media screen and (min-width: 48em) {
  body #checkout-login-modal--background .newsletter-modal--content,
  body #ar-modal--background .newsletter-modal--content,
  body #newsletter-modal--background .newsletter-modal--content,
  body #checkout-country-modal--background .newsletter-modal--content {
    margin-top: 137px;
    height: calc(((1023px - 100vW) / 8.5 ) + 340px);
  }
}
@media screen and (min-width: 64em) {
  body #checkout-login-modal--background .newsletter-modal--content,
  body #ar-modal--background .newsletter-modal--content,
  body #newsletter-modal--background .newsletter-modal--content,
  body #checkout-country-modal--background .newsletter-modal--content {
    display: flex;
    margin-top: calc((100vH - 380px) * 0.4);
    width: 700px;
    height: 380px;
  }
}
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--image,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--image,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--image,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--image {
  display: none;
}
@media screen and (min-width: 64em) {
  body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--image,
  body #ar-modal--background .newsletter-modal--content .newsletter-modal--image,
  body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--image,
  body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--image {
    display: block;
    width: 35%;
    height: 100%;
    background-color: #cbcbdb;
  }
}
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--form,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form {
  position: relative;
  width: 100%;
  height: 100%;
  padding-left: 5%;
  padding-right: 5%;
}
@media screen and (min-width: 64em) {
  body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form,
  body #ar-modal--background .newsletter-modal--content .newsletter-modal--form,
  body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form,
  body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form {
    width: 65%;
  }
}
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form div.btn.icon--cross.is--small.btn--grey.modal--close,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--form div.btn.icon--cross.is--small.btn--grey.modal--close,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form div.btn.icon--cross.is--small.btn--grey.modal--close,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form div.btn.icon--cross.is--small.btn--grey.modal--close,
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form div.btn.icon--cross.is--small.btn--grey.modal--close:hover,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--form div.btn.icon--cross.is--small.btn--grey.modal--close:hover,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form div.btn.icon--cross.is--small.btn--grey.modal--close:hover,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form div.btn.icon--cross.is--small.btn--grey.modal--close:hover {
  position: absolute;
  right: 20px;
  top: 20px;
  border-color: #666;
  color: #666;
}
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text {
  text-transform: uppercase;
  padding-top: 62px;
}
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text h2.subline-top,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text h2.subline-top,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text h2.subline-top,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text h2.subline-top {
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #666;
}
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text div.ajax--response,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text div.ajax--response,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text div.ajax--response,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text div.ajax--response {
  background: none;
  color: #666;
}
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text div.ajax--response.success,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text div.ajax--response.success,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text div.ajax--response.success,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text div.ajax--response.success {
  position: relative;
  top: 20px;
  background: #def2ef;
  color: #208e4e;
}
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text div.ajax--response.error,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text div.ajax--response.error,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text div.ajax--response.error,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text div.ajax--response.error {
  position: relative;
  top: 20px;
  background: #fcedeb;
  color: #e74c3c;
}
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text div.ajax--response p,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text div.ajax--response p,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text div.ajax--response p,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text div.ajax--response p {
  padding: 15px;
  text-align: center;
}
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text h1.headline,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text h1.headline,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text h1.headline,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text h1.headline {
  margin: 10px 0 0 0;
  font-weight: 800;
  font-size: 30px;
  line-height: 34px;
  color: #b61934;
}
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text h2.subline-bottom,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text h2.subline-bottom,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text h2.subline-bottom,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text h2.subline-bottom {
  margin: 10px 0 0 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #666;
}
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container {
  margin: 20px 0 0 0;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container input,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container input,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container input,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container input,
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container input:hover,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container input:hover,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container input:hover,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container input:hover,
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container input::placeholder,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container input::placeholder,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container input::placeholder,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container input::placeholder {
  width: 100%;
  color: #666;
  border-color: #666;
}
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container i.formfield--response-icon,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container i.formfield--response-icon,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container i.formfield--response-icon,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container i.formfield--response-icon {
  display: none;
}
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container i.formfield--response-icon.error,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container i.formfield--response-icon.error,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container i.formfield--response-icon.error,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form div.field--container i.formfield--response-icon.error {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  background-image: url(../../custom/plugins/OstOstermannTrendsTheme/Resources/Themes/Frontend/OstOstermannTrendsTheme/frontend/_public/src/img/forms/ostermann-close-error.svg);
  background-position: center;
  background-repeat: no-repeat;
}
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form span.legal-notice,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--form span.legal-notice,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form span.legal-notice,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form span.legal-notice {
  display: block;
  margin: 10px 0 0 0;
  font-size: 11px;
  line-height: 15px;
  color: #666;
}
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form span.legal-notice a,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--form span.legal-notice a,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form span.legal-notice a,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form span.legal-notice a {
  color: #000;
  text-decoration: underline;
}
body #checkout-login-modal--background .newsletter-modal--content .newsletter-modal--form button.btn.is--primary,
body #ar-modal--background .newsletter-modal--content .newsletter-modal--form button.btn.is--primary,
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form button.btn.is--primary,
body #checkout-country-modal--background .newsletter-modal--content .newsletter-modal--form button.btn.is--primary {
  position: absolute;
  right: 20px;
  bottom: 20px;
  margin: 7px 0 0 0;
  height: 42px;
  color: #000;
  border: 1px solid black;
  background: #FFF;
}
body #checkout-login-modal--background .checkout-login-modal--content,
body #ar-modal--background .checkout-login-modal--content,
body #newsletter-modal--background .checkout-login-modal--content,
body #checkout-country-modal--background .checkout-login-modal--content {
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  margin-top: 165px;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: 360px;
}
@media screen and (min-width: 30em) {
  body #checkout-login-modal--background .checkout-login-modal--content,
  body #ar-modal--background .checkout-login-modal--content,
  body #newsletter-modal--background .checkout-login-modal--content,
  body #checkout-country-modal--background .checkout-login-modal--content {
    margin-top: 120px;
  }
}
@media screen and (min-width: 48em) {
  body #checkout-login-modal--background .checkout-login-modal--content,
  body #ar-modal--background .checkout-login-modal--content,
  body #newsletter-modal--background .checkout-login-modal--content,
  body #checkout-country-modal--background .checkout-login-modal--content {
    margin-top: 137px;
  }
}
@media screen and (min-width: 64em) {
  body #checkout-login-modal--background .checkout-login-modal--content,
  body #ar-modal--background .checkout-login-modal--content,
  body #newsletter-modal--background .checkout-login-modal--content,
  body #checkout-country-modal--background .checkout-login-modal--content {
    margin-top: calc((100vH - 380px) * 0.4);
    width: 700px;
  }
}
body #checkout-login-modal--background .checkout-login-modal--content div.checkout-login-modal--top,
body #ar-modal--background .checkout-login-modal--content div.checkout-login-modal--top,
body #newsletter-modal--background .checkout-login-modal--content div.checkout-login-modal--top,
body #checkout-country-modal--background .checkout-login-modal--content div.checkout-login-modal--top {
  display: flex;
  flex-direction: initial;
  justify-content: space-between;
}
body #checkout-login-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message,
body #ar-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message,
body #newsletter-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message,
body #checkout-country-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message {
  margin: 15px 0 5px 15px ;
  width: 100%;
}
@media (min-width: 600px) {
  body #checkout-login-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message,
  body #ar-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message,
  body #newsletter-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message,
  body #checkout-country-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message {
    margin-left: 25px;
  }
}
body #checkout-login-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex,
body #ar-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex,
body #newsletter-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex,
body #checkout-country-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex {
  display: flex;
  align-items: center;
  border: 1px solid #e74c3c;
}
body #checkout-login-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex div.error-message--icon,
body #ar-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex div.error-message--icon,
body #newsletter-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex div.error-message--icon,
body #checkout-country-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex div.error-message--icon {
  padding: 6px;
  background: none;
  width: 40px;
  height: 40px;
}
body #checkout-login-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex div.error-message--icon i.icon--element.icon--cross:before,
body #ar-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex div.error-message--icon i.icon--element.icon--cross:before,
body #newsletter-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex div.error-message--icon i.icon--element.icon--cross:before,
body #checkout-country-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex div.error-message--icon i.icon--element.icon--cross:before {
  content: url('../../custom/plugins/OstOstermannTrendsTheme/Resources/Themes/Frontend/OstOstermannTrendsTheme/frontend/_public/src/img/notifications/error.png');
}
body #checkout-login-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex div.error-message--text,
body #ar-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex div.error-message--text,
body #newsletter-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex div.error-message--text,
body #checkout-country-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex div.error-message--text {
  float: none;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 0px;
  color: #e74c3c;
  font-size: 11px;
  line-height: 15px;
}
@media (min-width: 370px) {
  body #checkout-login-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex div.error-message--text,
  body #ar-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex div.error-message--text,
  body #newsletter-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex div.error-message--text,
  body #checkout-country-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex div.error-message--text {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (min-width: 900px) {
  body #checkout-login-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex div.error-message--text,
  body #ar-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex div.error-message--text,
  body #newsletter-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex div.error-message--text,
  body #checkout-country-modal--background .checkout-login-modal--content div.checkout-login-modal--top div.error-message div.error-message--flex div.error-message--text {
    font-size: 14px;
    line-height: 18px;
  }
}
body #checkout-login-modal--background .checkout-login-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close,
body #ar-modal--background .checkout-login-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close,
body #newsletter-modal--background .checkout-login-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close,
body #checkout-country-modal--background .checkout-login-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close,
body #checkout-login-modal--background .checkout-login-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close:hover,
body #ar-modal--background .checkout-login-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close:hover,
body #newsletter-modal--background .checkout-login-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close:hover,
body #checkout-country-modal--background .checkout-login-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close:hover {
  float: right;
  margin: 20px 15px auto 15px;
  border-color: #666;
  color: #666;
}
body #checkout-login-modal--background .checkout-login-modal--content .btn.is--primary,
body #ar-modal--background .checkout-login-modal--content .btn.is--primary,
body #newsletter-modal--background .checkout-login-modal--content .btn.is--primary,
body #checkout-country-modal--background .checkout-login-modal--content .btn.is--primary,
body #checkout-login-modal--background .checkout-login-modal--content .btn.is--secondary,
body #ar-modal--background .checkout-login-modal--content .btn.is--secondary,
body #newsletter-modal--background .checkout-login-modal--content .btn.is--secondary,
body #checkout-country-modal--background .checkout-login-modal--content .btn.is--secondary {
  height: calc(100% - 30px);
  margin: 20px 15px;
  line-height: 42px;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  body #checkout-login-modal--background .checkout-login-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close,
  body #ar-modal--background .checkout-login-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close,
  body #newsletter-modal--background .checkout-login-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close,
  body #checkout-country-modal--background .checkout-login-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close,
  body #checkout-login-modal--background .checkout-login-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close:hover,
  body #ar-modal--background .checkout-login-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close:hover,
  body #newsletter-modal--background .checkout-login-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close:hover,
  body #checkout-country-modal--background .checkout-login-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close:hover,
  body #checkout-login-modal--background .checkout-login-modal--content .btn.is--primary,
  body #ar-modal--background .checkout-login-modal--content .btn.is--primary,
  body #newsletter-modal--background .checkout-login-modal--content .btn.is--primary,
  body #checkout-country-modal--background .checkout-login-modal--content .btn.is--primary,
  body #checkout-login-modal--background .checkout-login-modal--content .btn.is--secondary,
  body #ar-modal--background .checkout-login-modal--content .btn.is--secondary,
  body #newsletter-modal--background .checkout-login-modal--content .btn.is--secondary,
  body #checkout-country-modal--background .checkout-login-modal--content .btn.is--secondary {
    margin-left: 25px;
    margin-right: 25px;
  }
}
body #checkout-login-modal--background .checkout-login-modal--content .btn.is--secondary,
body #ar-modal--background .checkout-login-modal--content .btn.is--secondary,
body #newsletter-modal--background .checkout-login-modal--content .btn.is--secondary,
body #checkout-country-modal--background .checkout-login-modal--content .btn.is--secondary,
body #checkout-login-modal--background .checkout-login-modal--content .btn.is--secondary:hover,
body #ar-modal--background .checkout-login-modal--content .btn.is--secondary:hover,
body #newsletter-modal--background .checkout-login-modal--content .btn.is--secondary:hover,
body #checkout-country-modal--background .checkout-login-modal--content .btn.is--secondary:hover {
  border: 1px solid #666;
  color: #666;
  background: #FFF;
}
body #checkout-login-modal--background .checkout-login-modal--content div.checkout-login-modal--buttons,
body #ar-modal--background .checkout-login-modal--content div.checkout-login-modal--buttons,
body #newsletter-modal--background .checkout-login-modal--content div.checkout-login-modal--buttons,
body #checkout-country-modal--background .checkout-login-modal--content div.checkout-login-modal--buttons {
  display: flex;
  flex-direction: column;
}
body #checkout-login-modal--background .checkout-login-modal--content div.checkout-login-modal--login,
body #ar-modal--background .checkout-login-modal--content div.checkout-login-modal--login,
body #newsletter-modal--background .checkout-login-modal--content div.checkout-login-modal--login,
body #checkout-country-modal--background .checkout-login-modal--content div.checkout-login-modal--login {
  display: none;
  flex-direction: column;
}
body #checkout-login-modal--background .checkout-login-modal--content div.checkout-login-modal--login button.btn.is--primary.checkout-login-modal.checkout--primary,
body #ar-modal--background .checkout-login-modal--content div.checkout-login-modal--login button.btn.is--primary.checkout-login-modal.checkout--primary,
body #newsletter-modal--background .checkout-login-modal--content div.checkout-login-modal--login button.btn.is--primary.checkout-login-modal.checkout--primary,
body #checkout-country-modal--background .checkout-login-modal--content div.checkout-login-modal--login button.btn.is--primary.checkout-login-modal.checkout--primary {
  margin-top: 30px;
}
body #checkout-login-modal--background .checkout-login-modal--content div.checkout-login-modal--login button.btn.is--primary.checkout-login-modal.checkout--primary div,
body #ar-modal--background .checkout-login-modal--content div.checkout-login-modal--login button.btn.is--primary.checkout-login-modal.checkout--primary div,
body #newsletter-modal--background .checkout-login-modal--content div.checkout-login-modal--login button.btn.is--primary.checkout-login-modal.checkout--primary div,
body #checkout-country-modal--background .checkout-login-modal--content div.checkout-login-modal--login button.btn.is--primary.checkout-login-modal.checkout--primary div {
  margin-top: 11px;
}
body #checkout-login-modal--background .checkout-login-modal--content div.info-text,
body #ar-modal--background .checkout-login-modal--content div.info-text,
body #newsletter-modal--background .checkout-login-modal--content div.info-text,
body #checkout-country-modal--background .checkout-login-modal--content div.info-text {
  text-transform: uppercase;
  padding-top: 62px;
}
body #checkout-login-modal--background .checkout-login-modal--content div.info-text div.ajax--response,
body #ar-modal--background .checkout-login-modal--content div.info-text div.ajax--response,
body #newsletter-modal--background .checkout-login-modal--content div.info-text div.ajax--response,
body #checkout-country-modal--background .checkout-login-modal--content div.info-text div.ajax--response {
  background: none;
  color: #666;
}
body #checkout-login-modal--background .checkout-login-modal--content div.info-text div.ajax--response.success,
body #ar-modal--background .checkout-login-modal--content div.info-text div.ajax--response.success,
body #newsletter-modal--background .checkout-login-modal--content div.info-text div.ajax--response.success,
body #checkout-country-modal--background .checkout-login-modal--content div.info-text div.ajax--response.success {
  position: relative;
  top: 20px;
  background: #def2ef;
  color: #208e4e;
}
body #checkout-login-modal--background .checkout-login-modal--content div.info-text div.ajax--response.error,
body #ar-modal--background .checkout-login-modal--content div.info-text div.ajax--response.error,
body #newsletter-modal--background .checkout-login-modal--content div.info-text div.ajax--response.error,
body #checkout-country-modal--background .checkout-login-modal--content div.info-text div.ajax--response.error {
  position: relative;
  top: 20px;
  background: #fcedeb;
  color: #e74c3c;
}
body #checkout-login-modal--background .checkout-login-modal--content div.info-text div.ajax--response p,
body #ar-modal--background .checkout-login-modal--content div.info-text div.ajax--response p,
body #newsletter-modal--background .checkout-login-modal--content div.info-text div.ajax--response p,
body #checkout-country-modal--background .checkout-login-modal--content div.info-text div.ajax--response p {
  padding: 15px;
  text-align: center;
}
body #checkout-login-modal--background .checkout-login-modal--content .field--container,
body #ar-modal--background .checkout-login-modal--content .field--container,
body #newsletter-modal--background .checkout-login-modal--content .field--container,
body #checkout-country-modal--background .checkout-login-modal--content .field--container {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 10px 15px 0 15px;
}
@media (min-width: 600px) {
  body #checkout-login-modal--background .checkout-login-modal--content .field--container,
  body #ar-modal--background .checkout-login-modal--content .field--container,
  body #newsletter-modal--background .checkout-login-modal--content .field--container,
  body #checkout-country-modal--background .checkout-login-modal--content .field--container {
    padding-left: 25px;
    padding-right: 25px;
  }
}
body #checkout-login-modal--background .checkout-login-modal--content .field--container label,
body #ar-modal--background .checkout-login-modal--content .field--container label,
body #newsletter-modal--background .checkout-login-modal--content .field--container label,
body #checkout-country-modal--background .checkout-login-modal--content .field--container label {
  margin-left: 15px;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
body #checkout-login-modal--background .checkout-login-modal--content .field--container input,
body #ar-modal--background .checkout-login-modal--content .field--container input,
body #newsletter-modal--background .checkout-login-modal--content .field--container input,
body #checkout-country-modal--background .checkout-login-modal--content .field--container input {
  width: 100%;
  margin-bottom: 0.625rem;
  padding: 0.625rem 0.625rem 0.5625rem 0.625rem;
  background-color: #f8f8fa;
  border: 1px solid #cbcbdb;
  outline: none;
  color: #666;
  height: 42px;
  line-height: 1.1875rem;
  font-size: 0.875rem;
}
body #checkout-login-modal--background .checkout-login-modal--content a.forgot-password,
body #ar-modal--background .checkout-login-modal--content a.forgot-password,
body #newsletter-modal--background .checkout-login-modal--content a.forgot-password,
body #checkout-country-modal--background .checkout-login-modal--content a.forgot-password {
  color: #000000;
  margin-left: 30px;
}
@media (min-width: 600px) {
  body #checkout-login-modal--background .checkout-login-modal--content a.forgot-password,
  body #ar-modal--background .checkout-login-modal--content a.forgot-password,
  body #newsletter-modal--background .checkout-login-modal--content a.forgot-password,
  body #checkout-country-modal--background .checkout-login-modal--content a.forgot-password {
    margin-left: 40px;
  }
}
body #checkout-login-modal--background .ar-modal--content,
body #ar-modal--background .ar-modal--content,
body #newsletter-modal--background .ar-modal--content,
body #checkout-country-modal--background .ar-modal--content {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc((100vH - 380px) * 0.4);
  width: 700px;
  max-width: 87%;
}
@media screen and (min-width: 650px) {
  body #checkout-login-modal--background .ar-modal--content,
  body #ar-modal--background .ar-modal--content,
  body #newsletter-modal--background .ar-modal--content,
  body #checkout-country-modal--background .ar-modal--content {
    flex-direction: row;
  }
}
@media screen and (min-width: 805px) {
  body #checkout-login-modal--background .ar-modal--content,
  body #ar-modal--background .ar-modal--content,
  body #newsletter-modal--background .ar-modal--content,
  body #checkout-country-modal--background .ar-modal--content {
    flex-direction: row;
  }
}
body #checkout-login-modal--background .ar-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close,
body #ar-modal--background .ar-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close,
body #newsletter-modal--background .ar-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close,
body #checkout-country-modal--background .ar-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close,
body #checkout-login-modal--background .ar-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close:hover,
body #ar-modal--background .ar-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close:hover,
body #newsletter-modal--background .ar-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close:hover,
body #checkout-country-modal--background .ar-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close:hover {
  position: absolute;
  right: 20px;
  top: 20px;
  border-color: #666;
  color: #666;
}
body #checkout-login-modal--background .ar-modal--content .ar-modal--image-container,
body #ar-modal--background .ar-modal--content .ar-modal--image-container,
body #newsletter-modal--background .ar-modal--content .ar-modal--image-container,
body #checkout-country-modal--background .ar-modal--content .ar-modal--image-container {
  width: 100%;
  height: 200px;
  padding: 30px 4% 2% 4%;
}
@media screen and (min-width: 650px) {
  body #checkout-login-modal--background .ar-modal--content .ar-modal--image-container,
  body #ar-modal--background .ar-modal--content .ar-modal--image-container,
  body #newsletter-modal--background .ar-modal--content .ar-modal--image-container,
  body #checkout-country-modal--background .ar-modal--content .ar-modal--image-container {
    padding: 2% 0 2% 4%;
    width: 35%;
    height: unset;
  }
}
body #checkout-login-modal--background .ar-modal--content .ar-modal--image-container .ar-modal--image,
body #ar-modal--background .ar-modal--content .ar-modal--image-container .ar-modal--image,
body #newsletter-modal--background .ar-modal--content .ar-modal--image-container .ar-modal--image,
body #checkout-country-modal--background .ar-modal--content .ar-modal--image-container .ar-modal--image {
  width: 100%;
  height: 100%;
  background-image: url(../../custom/plugins/OstOstermannTrendsTheme/Resources/Themes/Frontend/OstOstermannTrendsTheme/frontend/_public/src/img/pdp/ar-modal.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
body #checkout-login-modal--background .ar-modal--content .ar-modal--text,
body #ar-modal--background .ar-modal--content .ar-modal--text,
body #newsletter-modal--background .ar-modal--content .ar-modal--text,
body #checkout-country-modal--background .ar-modal--content .ar-modal--text {
  width: 100%;
  padding-left: 4%;
  padding-right: 4%;
}
@media screen and (min-width: 650px) {
  body #checkout-login-modal--background .ar-modal--content .ar-modal--text,
  body #ar-modal--background .ar-modal--content .ar-modal--text,
  body #newsletter-modal--background .ar-modal--content .ar-modal--text,
  body #checkout-country-modal--background .ar-modal--content .ar-modal--text {
    width: 65%;
  }
}
body #checkout-login-modal--background .ar-modal--content .ar-modal--text div.info-text,
body #ar-modal--background .ar-modal--content .ar-modal--text div.info-text,
body #newsletter-modal--background .ar-modal--content .ar-modal--text div.info-text,
body #checkout-country-modal--background .ar-modal--content .ar-modal--text div.info-text {
  padding-top: 30px;
}
@media screen and (min-width: 650px) {
  body #checkout-login-modal--background .ar-modal--content .ar-modal--text div.info-text,
  body #ar-modal--background .ar-modal--content .ar-modal--text div.info-text,
  body #newsletter-modal--background .ar-modal--content .ar-modal--text div.info-text,
  body #checkout-country-modal--background .ar-modal--content .ar-modal--text div.info-text {
    padding-top: 62px;
  }
}
body #checkout-login-modal--background .ar-modal--content .ar-modal--text div.info-text h2,
body #ar-modal--background .ar-modal--content .ar-modal--text div.info-text h2,
body #newsletter-modal--background .ar-modal--content .ar-modal--text div.info-text h2,
body #checkout-country-modal--background .ar-modal--content .ar-modal--text div.info-text h2 {
  margin: 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: #666;
}
@media screen and (min-width: 650px) {
  body #checkout-login-modal--background .ar-modal--content .ar-modal--text div.info-text h2,
  body #ar-modal--background .ar-modal--content .ar-modal--text div.info-text h2,
  body #newsletter-modal--background .ar-modal--content .ar-modal--text div.info-text h2,
  body #checkout-country-modal--background .ar-modal--content .ar-modal--text div.info-text h2 {
    font-size: 3.1vW;
    line-height: 3.4vW;
  }
}
@media screen and (min-width: 805px) {
  body #checkout-login-modal--background .ar-modal--content .ar-modal--text div.info-text h2,
  body #ar-modal--background .ar-modal--content .ar-modal--text div.info-text h2,
  body #newsletter-modal--background .ar-modal--content .ar-modal--text div.info-text h2,
  body #checkout-country-modal--background .ar-modal--content .ar-modal--text div.info-text h2 {
    font-size: 26px;
    line-height: 32px;
  }
}
body #checkout-login-modal--background .ar-modal--content .ar-modal--text div.info-text h2.text-bottom,
body #ar-modal--background .ar-modal--content .ar-modal--text div.info-text h2.text-bottom,
body #newsletter-modal--background .ar-modal--content .ar-modal--text div.info-text h2.text-bottom,
body #checkout-country-modal--background .ar-modal--content .ar-modal--text div.info-text h2.text-bottom {
  font-weight: 600;
  margin: 10px 0 0 0;
}
body #checkout-login-modal--background .ar-modal--content .ar-modal--text button.btn.is--primary,
body #ar-modal--background .ar-modal--content .ar-modal--text button.btn.is--primary,
body #newsletter-modal--background .ar-modal--content .ar-modal--text button.btn.is--primary,
body #checkout-country-modal--background .ar-modal--content .ar-modal--text button.btn.is--primary {
  float: right;
  margin: 35px 0 20px 0;
  height: 42px;
  color: #000;
  border: 1px solid black;
  background: #FFF;
}
body #checkout-login-modal--background .checkout-country-modal--content,
body #ar-modal--background .checkout-country-modal--content,
body #newsletter-modal--background .checkout-country-modal--content,
body #checkout-country-modal--background .checkout-country-modal--content {
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  margin-top: 165px;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: 360px;
}
@media screen and (min-width: 30em) {
  body #checkout-login-modal--background .checkout-country-modal--content,
  body #ar-modal--background .checkout-country-modal--content,
  body #newsletter-modal--background .checkout-country-modal--content,
  body #checkout-country-modal--background .checkout-country-modal--content {
    margin-top: 120px;
  }
}
@media screen and (min-width: 48em) {
  body #checkout-login-modal--background .checkout-country-modal--content,
  body #ar-modal--background .checkout-country-modal--content,
  body #newsletter-modal--background .checkout-country-modal--content,
  body #checkout-country-modal--background .checkout-country-modal--content {
    margin-top: 137px;
  }
}
@media screen and (min-width: 64em) {
  body #checkout-login-modal--background .checkout-country-modal--content,
  body #ar-modal--background .checkout-country-modal--content,
  body #newsletter-modal--background .checkout-country-modal--content,
  body #checkout-country-modal--background .checkout-country-modal--content {
    margin-top: calc((100vH - 380px) * 0.4);
    width: 700px;
  }
}
body #checkout-login-modal--background .checkout-country-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close,
body #ar-modal--background .checkout-country-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close,
body #newsletter-modal--background .checkout-country-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close,
body #checkout-country-modal--background .checkout-country-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close,
body #checkout-login-modal--background .checkout-country-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close:hover,
body #ar-modal--background .checkout-country-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close:hover,
body #newsletter-modal--background .checkout-country-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close:hover,
body #checkout-country-modal--background .checkout-country-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close:hover {
  float: right;
  margin: 20px 15px auto 15px;
  border-color: #666;
  color: #666;
}
@media (min-width: 600px) {
  body #checkout-login-modal--background .checkout-country-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close,
  body #ar-modal--background .checkout-country-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close,
  body #newsletter-modal--background .checkout-country-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close,
  body #checkout-country-modal--background .checkout-country-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close,
  body #checkout-login-modal--background .checkout-country-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close:hover,
  body #ar-modal--background .checkout-country-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close:hover,
  body #newsletter-modal--background .checkout-country-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close:hover,
  body #checkout-country-modal--background .checkout-country-modal--content div.btn.icon--cross.is--small.btn--grey.modal--close:hover {
    margin-left: 25px;
    margin-right: 25px;
  }
}
body #checkout-login-modal--background .checkout-country-modal--content div.checkout-country-modal--container,
body #ar-modal--background .checkout-country-modal--content div.checkout-country-modal--container,
body #newsletter-modal--background .checkout-country-modal--content div.checkout-country-modal--container,
body #checkout-country-modal--background .checkout-country-modal--content div.checkout-country-modal--container {
  margin: 30px 0 30px 0;
  padding-top: 1px;
  overflow: hidden;
}
body #checkout-login-modal--background .checkout-country-modal--content div.checkout-country-modal--container div.delivery-country--option,
body #ar-modal--background .checkout-country-modal--content div.checkout-country-modal--container div.delivery-country--option,
body #newsletter-modal--background .checkout-country-modal--content div.checkout-country-modal--container div.delivery-country--option,
body #checkout-country-modal--background .checkout-country-modal--content div.checkout-country-modal--container div.delivery-country--option {
  box-sizing: border-box;
  color: #000;
  border: 1px solid #cbcbdb;
  border-left: none;
  border-right: none;
  width: calc(100% - 30px);
  margin: -1px 15px;
  padding: 8px 10px;
  background-color: #FFF;
  cursor: pointer;
}
body #checkout-login-modal--background .checkout-country-modal--content div.checkout-country-modal--container div.delivery-country--option.selected,
body #ar-modal--background .checkout-country-modal--content div.checkout-country-modal--container div.delivery-country--option.selected,
body #newsletter-modal--background .checkout-country-modal--content div.checkout-country-modal--container div.delivery-country--option.selected,
body #checkout-country-modal--background .checkout-country-modal--content div.checkout-country-modal--container div.delivery-country--option.selected {
  z-index: 1000;
  position: relative;
  border: 3px solid #008a39;
  padding: 8px 8px;
  margin: 0 15px;
}
#financing--table thead td {
  background-color: #e30a13;
}
#financing--table tbody tr td:nth-child(2),
#financing--table tbody tr td:nth-child(3),
#financing--table tbody tr td:nth-child(5) {
  text-align: center;
}
#financing--table tbody tr td:nth-child(4),
#financing--table tbody tr td:nth-child(6) {
  text-align: right;
}
.main-search--results .block-group {
  grid-template-areas: "redirect redirect" "additional products";
  grid-auto-flow: unset !important;
}
.main-search--results .block-group .block--additional {
  grid-area: additional;
}
.main-search--results .block-group .block--products {
  grid-area: products;
}
.main-search--results .block-group [data-group="redirect"] {
  grid-area: redirect;
}
.main-search--results .block-group .list--products li .description {
  height: 80px;
  height: 5rem;
  align-content: center;
}
@media screen and (max-width: 479px) {
  .main-search--results .block-group {
    grid-template-areas: "redirect" "products" "additional" "vps";
  }
  .main-search--results .block-group .block--additional {
    padding-bottom: 100px;
    display: block !important;
  }
  .main-search--results .block-group .search-suggestions-mobile-vps {
    grid-area: vps;
  }
  .main-search--results .block-group .es-vps-title,
  .main-search--results .block-group .mobile-sidebar-vps {
    display: none;
  }
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
.product--delivery .delivery--status-green {
  background: #008a39;
}
.product--delivery .delivery--status-yellow {
  background: #f1c40f;
}
.product--delivery .delivery--status-red {
  background: #e74c3c;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
.panel {
  border-radius: 0 !important;
}
.panel.has--shadow {
  box-shadow: none !important;
}
.panel.has--border {
  border: none !important;
}
div.last-seen-products {
  background: #ffffff;
  margin-top: 10px;
}
div.last-seen-products .box--slider:hover .product--title {
  color: unset;
}
div.last-seen-products .product--box .product--title:hover {
  color: unset;
}
div.last-seen-products div.last-seen-products--title {
  padding: 10px 15px 10px 15px;
  margin: 0px 5px 0px 0px;
  line-height: 24px;
  font-size: 14px;
  top: 1px;
  position: relative;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  color: #3f4c58;
  display: inline-block;
  border: none;
}
div.last-seen-products div.last-seen-products--slider {
  border-top: 1px solid #dadae5;
  border-radius: 0;
}
div.last-seen-products div.last-seen-products--slider div.last-seen-products--container {
  padding: 0;
}
div.last-seen-products div.last-seen-products--slider div.last-seen-products--container div.last-seen-products--item {
  padding: 10px;
}
div.last-seen-products div.last-seen-products--slider div.last-seen-products--container div.last-seen-products--item a.product--title {
  height: unset;
  margin-bottom: 5px;
  color: #666;
}
div.last-seen-products div.last-seen-products--slider div.last-seen-products--container div.last-seen-products--item span.price--discount {
  margin-right: 3px;
  color: #666;
}
div.last-seen-products div.last-seen-products--slider div.last-seen-products--container div.last-seen-products--item span.price--default {
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0.3px;
  font-weight: normal;
  color: #666;
}
div.last-seen-products div.last-seen-products--slider div.last-seen-products--container div.last-seen-products--item span.price--default.is--discount {
  color: #e50413;
}
div.last-seen-products div.last-seen-products--slider a.product-slider--arrow.arrow--next {
  right: -1px;
}
div.last-seen-products div.last-seen-products--slider a.product-slider--arrow.arrow--prev {
  left: -1px;
}
div.buybox--button-container div.number-picker {
  height: 42px;
}
div.article-amount div.number-picker {
  height: 35px;
}
div.number-picker {
  display: flex;
  width: 100%;
  background-color: #F8F8Fa;
}
div.number-picker .number-picker--plus,
div.number-picker .number-picker--minus {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 40px;
  border: 1px solid #666;
  background-color: #F8F8Fa;
}
div.number-picker .number-picker--plus p,
div.number-picker .number-picker--minus p {
  margin: 0;
  font-size: 28px;
  background-color: unset;
}
div.number-picker .number-picker--plus p::-moz-selection,
div.number-picker .number-picker--minus p::-moz-selection {
  background: none;
}
div.number-picker .number-picker--plus p::selection,
div.number-picker .number-picker--minus p::selection {
  background: none;
}
div.number-picker .number-picker--plus.inactive,
div.number-picker .number-picker--minus.inactive {
  cursor: default;
}
div.number-picker .number-picker--plus.inactive p,
div.number-picker .number-picker--minus.inactive p {
  cursor: default;
  color: #afafaf;
}
div.number-picker .number-picker--minus p {
  position: relative;
  top: -3px;
}
div.number-picker .number-picker--plus p {
  position: relative;
  top: -1px;
}
div.number-picker input[type="text"] {
  width: 44px;
  background-color: #F8F8Fa;
  border: 1px solid #666;
  border-left: 0;
  border-right: 0;
  color: #666;
  padding: 0 0 2px 0;
  font-size: 18px;
  text-align: center;
}
.btn {
  border-radius: 0 !important;
  font-weight: 600;
  background-image: none;
}
.btn.ost-stores--stock-button {
  color: #666666;
  border-color: #666666;
}
.is--primary {
  background: #b61934;
}
.is--secondary {
  background: #5f7285;
}
.is--disabled {
  text-align: center;
}
.checkout--primary,
.checkout--primary:hover {
  background: #008a39 !important;
  border-color: #008a39 !important;
  color: #FFF !important;
  text-transform: uppercase;
}
.product--box button,
.product--box button:hover,
.product--box .buybox--button,
.product--box .buybox--button:hover {
  font-size: 0.875rem;
  font-weight: 600;
  background-color: #FFFFFF;
  color: #666666;
  border: 1px solid #666666;
  width: 100%;
}
.bxb--button-open-configurator,
.bxb--button-open-configurator:hover {
  font-size: 0.875rem;
  font-weight: 600;
  background-color: #FFFFFF;
  color: #666666;
  border: 1px solid #666666;
}
.product--details .buybox--quantity .select-field select {
  font-weight: 600;
}
@media screen and (max-width: 389px) {
  body.is--ctl-detail.is--act-index span.buy-btn--cart-add {
    display: none;
  }
}
body.is--ctl-register.is--act-index.is--target-account a.sccp-continue-to-payment,
body.is--ctl-cwbpayenginecwswprocess.is--act-pending a.sccp-continue-to-payment,
body.is--ctl-checkout.is--act-finish a.sccp-continue-to-payment,
body.is--ctl-register.is--act-index.is--target-account a.btn.is--primary,
body.is--ctl-cwbpayenginecwswprocess.is--act-pending a.btn.is--primary,
body.is--ctl-checkout.is--act-finish a.btn.is--primary,
body.is--ctl-register.is--act-index.is--target-account a.btn.is--primary:hover button.btn.is--primary,
body.is--ctl-cwbpayenginecwswprocess.is--act-pending a.btn.is--primary:hover button.btn.is--primary,
body.is--ctl-checkout.is--act-finish a.btn.is--primary:hover button.btn.is--primary,
body.is--ctl-register.is--act-index.is--target-account button.btn.is--primary:hover,
body.is--ctl-cwbpayenginecwswprocess.is--act-pending button.btn.is--primary:hover,
body.is--ctl-checkout.is--act-finish button.btn.is--primary:hover {
  height: 42px;
  font-size: 14px;
  color: #000;
  border-radius: 0;
  padding: 2px 12px;
  text-shadow: none;
  border: 1px solid #000;
  background: none;
  background-color: #FFF;
  text-transform: uppercase;
  line-height: 35px;
}
label {
  color: #666;
}
.select-field:hover {
  color: #666;
}
.select-field::after {
  border: none;
}
body.is--ctl-checkout .select-field select,
body.is--ctl-register .select-field select,
body.is--ctl-checkout .select-field select:hover,
body.is--ctl-register .select-field select:hover,
body.is--ctl-checkout .select-field select:focus,
body.is--ctl-register .select-field select:focus,
body.is--ctl-checkout .js--fancy-select select,
body.is--ctl-register .js--fancy-select select {
  border-radius: 0;
}
body.is--ctl-detail .select-field select,
body.is--ctl-detail .select-field select:hover,
body.is--ctl-detail .select-field select:focus,
body.is--ctl-detail .js--fancy-select select {
  border-radius: 0;
  background: unset;
  background-color: #FFF;
  border-color: #666666;
  color: #666666;
}
textarea,
input[type="text"],
input[type="search"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
#paypal-acdc-form .field {
  border-radius: 0;
  box-shadow: none;
}
select.sort--field.action--field,
select.sort--field.action--field:hover {
  background: #f8f8fa;
  border-radius: 0;
  border: 1px solid #dadae5;
  color: #666;
}
.off-canvas .ajax--cart .button--container .button--open-basket {
  margin-top: 0;
  margin-bottom: 10px;
}
.ajax--cart .cart--item .item--link {
  color: #666;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
@media screen and (min-width: 48em) {
  body.is--ctl-detail.is--act-index .image-slider--container .arrow {
    background: rgba(255, 255, 255, 0.3);
    line-height: 45px;
    width: 45px;
    height: 45px;
  }
  body.is--ctl-detail.is--act-index .image-slider--container .arrow:hover {
    color: unset;
  }
  body.is--ctl-detail.is--act-index .image-slider--container .arrow.is--right,
  body.is--ctl-detail.is--act-index .image-slider--container .arrow.is--left {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  body.is--ctl-detail.is--act-index .image-slider--container .arrow.is--right::before,
  body.is--ctl-detail.is--act-index .image-slider--container .arrow.is--left::before {
    color: #666666;
  }
}
@media screen and (min-width: 78.75em) {
  body.is--ctl-detail.is--act-index .image-slider--container {
    height: 492px;
  }
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
@media screen and (min-width: 78.75em) {
  body.is--ctl-detail.is--act-index .js--img-zoom--flyout {
    width: 458px;
    right: -468px;
  }
}
.filter-panel--flyout {
  border-radius: 0;
}
.filter-panel {
  background: #f8f8fa;
}
@media screen and (min-width: 48em) {
  .action--filter-options div.filter--container div.filter--facet-container {
    margin-left: -1%;
  }
  .action--filter-options div.filter--container div.filter--facet-container div.filter-panel {
    border-radius: 0;
  }
}
div.product-slider .product-slider--arrow.arrow--next,
div.product-slider .product-slider--arrow.arrow--prev {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 0;
  border: none;
  width: 45px;
  height: 45px;
  line-height: 45px;
  z-index: 999;
}
div.product-slider .product-slider--arrow.arrow--next:hover,
div.product-slider .product-slider--arrow.arrow--prev:hover {
  background: rgba(255, 255, 255, 0.3);
}
div.product-slider .product-slider--arrow::before {
  color: #666666;
  font-size: 1rem;
}
div.product-slider .product-slider--arrow:hover {
  color: unset;
  border-color: unset;
  background: unset;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
.off-canvas .close--off-canvas {
  border-radius: 0 !important;
  background: #5F7285;
  display: block;
}
.off-canvas .close--off-canvas:hover {
  background: #3f4c58;
  color: #FFFFFF;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
@media screen and (min-width: 78.75em) {
  body.is--ctl-detail.is--act-index div.image--gallery .image-slider--container {
    height: auto;
  }
}
vviinn-vpr-widget.empty {
  display: none;
}
vviinn-vpr-widget {
  --product-card-text-align: center;
}
div.vviinn--upper vviinn-vpr-widget {
  --vviinn-carousel-columns: 2;
}
div.vviinn--bottom vviinn-vpr-widget {
  --vviinn-carousel-columns: 2;
}
vviinn-vps-button {
  --font-family: "Open Sans", system-ui, sans-serif;
  --product-card-image-bg-color: transparent;
  --product-card-image-border: none;
  --product-card-content-align: center;
  --product-card-text-align: center;
  --modal-border-radius: 0;
}
vviinn-vps-button::part(text-search-input) {
  border-radius: 0;
}
vviinn-vps-button::part(title),
vviinn-vps-button::part(deeplink) {
  text-align: center;
}
vviinn-vps-button::part(price-regular),
vviinn-vps-button::part(title) {
  color: #666;
}
vviinn-vps-button::part(content-container) {
  height: 100%;
  align-items: stretch;
}
vviinn-vps-button::part(price-outdated) {
  font-size: 0.75rem;
  text-decoration: none;
}
vviinn-vps-button::part(price-amount-outdated) {
  text-decoration: line-through;
}
vviinn-vps-button::part(price-amount-sale),
vviinn-vps-button::part(price-amount-regular) {
  font-size: 22px;
}
vviinn-vps-button::part(product-type) {
  display: none;
}
vviinn-vps-button::part(histogram) {
  display: none;
}
vviinn-vps-button::part(histogram-label) {
  border-radius: 0;
}
vviinn-vps-button::part(text-search-button) {
  border-radius: 0;
}
vviinn-vps-button::part(filters-option-button) {
  border-radius: 0;
}
vviinn-vps-button::part(filters-option-button):disabled {
  display: none;
}
vviinn-vps-button::part(filter) {
  border-radius: 0;
}
vviinn-vps-button::part(upload-photo_button) {
  border-radius: 0;
}
vviinn-vps-button::part(start-camera_button) {
  border-radius: 0;
}
:host(vviinn-modal) {
  border-radius: 0;
}
vviinn-vpr-widget {
  --product-card-image-bg-color: transparent;
  --product-card-content-align: center;
  --product-card-text-align: center;
  --font-family: "Open Sans", system-ui, sans-serif;
}
@media screen and (min-width: 680px) {
  div.vviinn--upper vviinn-vpr-widget {
    --vviinn-carousel-columns: 3;
  }
  div.vviinn--bottom vviinn-vpr-widget {
    --vviinn-carousel-columns: 3;
  }
}
@media screen and (min-width: 767px) {
  div.vviinn--upper vviinn-vpr-widget {
    --vviinn-carousel-columns: 4;
  }
}
@media screen and (min-width: 900px) {
  div.vviinn--bottom vviinn-vpr-widget {
    --vviinn-carousel-columns: 4;
  }
}
vviinn-vpr-widget::part(brand) {
  display: none;
}
vviinn-vpr-widget::part(product-type) {
  display: none;
}
vviinn-vpr-widget::part(recommendations-title) {
  padding-top: 11px;
  color: #666666;
  font-size: 18px;
  font-weight: 600;
}
vviinn-vpr-widget::part(recommendations-title)::after {
  content: "";
  width: 100%;
  height: 7px;
  border-bottom: 1px solid #dadae5;
  display: block;
}
vviinn-vpr-widget::part(carousel-button) {
  border: none;
  border-radius: 0;
  box-shadow: none;
  height: 45px;
  width: 45px;
  fill: #666666;
  background: rgba(255, 255, 255, 0.3);
  z-index: 999;
}
vviinn-vpr-widget::part(image) {
  border: none;
  object-fit: scale-down;
  aspect-ratio: 1.5;
  transform: scale(0.8);
}
vviinn-vpr-widget::part(title) {
  color: #666;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 0;
}
vviinn-vpr-widget::part(price-container) {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
}
vviinn-vpr-widget::part(price-regular) {
  color: #666;
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
}
vviinn-vpr-widget::part(price-outdated):before,
vviinn-vps-button::part(price-outdated):before {
  content: 'UVP ';
}
vviinn-vpr-widget::part(price-outdated) {
  color: #666;
  margin-right: 3px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: unset;
}
vviinn-vpr-widget::part(price-sale) {
  color: #e50413;
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
}
vviinn-vpr-widget::part(price-label) {
  display: none;
}
vviinn-vpr-widget::part(price-amount-outdated) {
  text-decoration: line-through;
}
div[data-only-show-max] div.range-slider--handle.is--min {
  display: none;
}
.icon--house:before {
  content: url(../../custom/plugins/OstOstermannTrendsTheme/Resources/Themes/Frontend/OstOstermannTrendsTheme/frontend/_public/src/img/navigation/home-icon.png);
}
.alert.is--warning,
.alert.is--error {
  border: 1px solid #e74c3c;
  color: #e74c3c;
  background: none;
  display: flex;
  margin-left: 5px;
  margin-right: 5px;
}
@media screen and (min-width: 900px) {
  .alert.is--warning,
  .alert.is--error {
    margin-left: 27px;
    margin-right: 27px;
  }
}
@media screen and (min-width: 1024px) {
  .alert.is--warning,
  .alert.is--error {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .alert.is--warning,
  .alert.is--error {
    margin-left: 34px;
    margin-right: 34px;
  }
}
.alert.is--warning div.alert--icon,
.alert.is--error div.alert--icon {
  background: none;
  width: 55px;
  padding-bottom: 10px;
  margin-bottom: 0px;
}
.alert.is--warning div.alert--icon i.icon--element.icon--warning,
.alert.is--error div.alert--icon i.icon--element.icon--warning {
  width: 55px;
  margin-top: 0;
  top: calc((100% - 38px) / 2);
}
.alert.is--warning div.alert--icon i.icon--element.icon--cross,
.alert.is--error div.alert--icon i.icon--element.icon--cross {
  width: 55px;
  margin-top: 0;
  top: calc((100% - 29px) / 2);
}
.alert.is--warning div.alert--icon i.icon--element.icon--warning::before,
.alert.is--error div.alert--icon i.icon--element.icon--warning::before {
  content: url('../../custom/plugins/OstOstermannTrendsTheme/Resources/Themes/Frontend/OstOstermannTrendsTheme/frontend/_public/src/img/notifications/warning.png');
}
.alert.is--warning div.alert--icon i.icon--element.icon--cross:before,
.alert.is--error div.alert--icon i.icon--element.icon--cross:before {
  content: url('../../custom/plugins/OstOstermannTrendsTheme/Resources/Themes/Frontend/OstOstermannTrendsTheme/frontend/_public/src/img/notifications/error.png');
}
.alert.is--warning div.alert--content,
.alert.is--error div.alert--content {
  float: none;
  padding-left: 0;
}
div#error--js-validation {
  display: none;
}
body .product--box .liveshopping--listing div.product--badges {
  width: 100%;
  padding: 0 5px;
}
body .product--box .liveshopping--listing div.product--badges .product--badge.badge--liveshopping.badge--discount {
  border-radius: 3px;
}
body .product--box .liveshopping--listing .product--price-info {
  display: flex;
  padding: 0 !important;
}
body .product--box .liveshopping--listing .product--price-info .liveshopping--container {
  width: 100%;
  align-self: end;
  text-align: center;
  padding: 0 !important;
}
body .listing--container .listing .liveshopping--listing div.product--badges {
  display: none;
}
body .listing--container .listing .liveshopping--listing .product--price-info {
  padding: 0 !important;
}
body .listing--container .listing .liveshopping--listing .product--badge.badge--liveshopping.badge--discount {
  display: none;
}
body .listing--container .listing .liveshopping--listing .product--price-info > .block-group {
  align-self: end;
  height: unset !important;
  width: 100%;
}
body .product--box.box--emotion .liveshopping--listing .product--badges {
  bottom: 0;
  top: unset;
  left: unset;
  padding: 0;
}
body .product--box.box--emotion .liveshopping--listing .product--badges .product--badge.badge--liveshopping.badge--discount {
  margin-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
body .product--box.box--emotion .liveshopping--listing .product--price-info {
  padding: 0;
  margin-top: 0;
}
body .product--box.box--emotion .liveshopping--listing .product--price-info .liveshopping--container {
  align-self: flex-start;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.mo-ve-infotext {
  margin: 0;
}
.navigation--entry.entry--compare {
  position: relative;
}
.navigation--entry.entry--compare .entry--compare-element {
  line-height: 24px;
}
.navigation--entry.entry--compare .entry--compare-count {
  position: absolute;
  top: -5px;
  right: 0;
  color: white;
  background-color: #008a39;
  border: none;
}
.modal--compare .mo-modal--compare {
  display: grid;
}
.modal--compare .mo-modal--compare .list--entry {
  letter-spacing: normal;
  white-space: normal;
}
.modal--compare .mo-modal--compare .entry--price {
  height: unset;
}
.mo--compare-nav {
  position: relative;
  height: 30px;
}
.mo--compare-nav .name {
  font-size: .7rem;
  line-height: 24px;
  text-transform: uppercase;
}
.mo--compare-nav .compare-icon {
  width: 30px;
  height: 30px;
  margin: auto;
}
.mo--compare-nav .compare--list {
  padding: 5px 10px;
  width: 280px;
  width: 17.5rem;
  top: 32px;
  top: 2rem;
  right: 12px;
  right: 0.75rem;
  text-align: left;
  position: absolute;
  display: none;
  list-style: none;
  background: #fff;
  z-index: 4000;
  border: 1px solid #dadae5;
}
.mo--compare-nav .compare--list::after {
  transform: rotate(135deg);
  width: 8px;
  width: 0.5rem;
  height: 8px;
  height: 0.5rem;
  top: -5px;
  top: -0.3125rem;
  content: '';
  display: block;
  position: absolute;
  background: #fff;
  border-color: #dadae5;
  border-width: 0 0 1px 1px;
  border-style: solid;
  left: unset;
  right: 25px;
  right: 1.5625rem;
}
.js--is--dropdown-active .mo--compare-nav .compare--list {
  display: block;
}
.js--is--dropdown-active .mo--compare-nav .compare--list .compare--entry form {
  display: inline-block;
}
.js--is--dropdown-active .mo--compare-nav .compare--list .compare--link {
  width: 230pxpx;
  width: 14.375pxrem;
  width: 14.375rem;
  padding: 10px 0;
  font-size: 14px;
  font-size: 0.875rem;
  color: #5f7285;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js--is--dropdown-active .mo--compare-nav .compare--list .btn--item-delete {
  height: 21px;
  height: 1.3125rem;
  width: 21px;
  width: 1.3125rem;
  padding: 4px 5px;
  margin: 8px 0;
  font-size: 8px;
  font-size: 0.5rem;
  line-height: 14px;
  line-height: 0.875rem;
  float: right;
}
.js--is--dropdown-active .mo--compare-nav .compare--list .btn--item-delete .icon--cross::before {
  content: "\e60d" !important;
}
.js--is--dropdown-active .mo--compare-nav .compare--list .btn--compare {
  margin-top: 5px;
  margin-top: 0.3125rem;
  text-transform: uppercase;
  height: unset;
}
.js--is--dropdown-active .mo--compare-nav .compare--list .btn--compare .icon--arrow-right::before {
  content: "\e60f" !important;
}
.js--is--dropdown-active .mo--compare-nav .compare--list .btn--compare-start {
  padding-right: 18px;
  padding-right: 1.125rem;
}
.js--is--dropdown-active .mo--compare-nav .icon--cross {
  margin: 0;
  padding: 0;
}
.js--is--dropdown-active .mo--compare-nav ul li {
  display: inline-block;
}
@media screen and (max-width: 64em) {
  .js--is--dropdown-active .mo--compare-nav .btn--compare {
    width: 100%;
  }
}
@media screen and (max-width: 30em) {
  .js--is--dropdown-active .mo--compare-nav .compare--list.is--rounded {
    left: -60px;
    right: 0;
  }
  .js--is--dropdown-active .mo--compare-nav .compare--list.is--rounded::after {
    display: none;
  }
}
@media screen and (min-width: 30em) and (max-width: 64em) {
  .js--is--dropdown-active .mo--compare-nav .compare--list.is--rounded {
    right: -15px;
  }
}
.mobile-search-close {
  display: none;
}
@media screen and (max-width: 479px) {
  li.navigation--entry.entry--search:has(.main-search--form.is--highlighted) {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6000;
    right: 0;
  }
  li.navigation--entry.entry--search:has(.main-search--form.is--highlighted) .mobile-search-close {
    display: block;
    width: 40px;
    color: white;
    text-align: center;
  }
  li.navigation--entry.entry--search:has(.main-search--form.is--highlighted) .mobile-search-close i::before {
    content: "\e60d" !important;
  }
  li.navigation--entry.entry--search:has(.main-search--form.is--highlighted) form.main-search--form {
    top: 0 !important;
    padding-top: 5px;
    padding-bottom: 5px;
    grid-template-columns: auto repeat(3, max-content) !important;
  }
  li.navigation--entry.entry--search:has(.main-search--form.is--highlighted) .main-search--results.es-suggest.is--open {
    top: 50px;
    height: calc(100vh - 50px) !important;
  }
  li.navigation--entry.entry--search:has(.main-search--form.is--highlighted) .search-suggestions-mobile-vps {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
.is--ctl-detail .buybox--form ~ .alert.is--success {
  margin-top: 10px;
  margin-top: 0.625rem;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-detail.is--act-index .ost-article-family {
  background: #ffffff;
  margin-bottom: 10px;
}
body.is--ctl-detail.is--act-index .ost-article-family div.title {
  padding: 10px 15px 10px 15px;
  margin: 0px 5px 0px 0px;
  line-height: 24px;
  font-size: 14px;
  top: 1px;
  position: relative;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  color: #3f4c58;
  display: inline-block;
  border: none;
}
body.is--ctl-detail.is--act-index .ost-article-family div.product-slider {
  border-top: 1px solid #dadae5;
  border-radius: 0;
}
body.is--ctl-detail.is--act-index .ost-article-family div.product-slider .product-slider--arrow.arrow--next {
  right: -1px;
}
body.is--ctl-detail.is--act-index .ost-article-family div.product-slider .product-slider--arrow.arrow--prev {
  left: -1px;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-ostbrochure.is--act-index div.content.ost-brochure--content h1 {
  background: #ffffff;
  margin: 0 0 10px 0;
  padding: 20px;
}
body.is--ctl-ostbrochure.is--act-index div.content.ost-brochure--content div.ost-brochures.is--brochure {
  background: #ffffff;
  margin: 0 0 10px 0;
  padding: 20px;
}
body.is--ctl-ostbrochure.is--act-index div.content.ost-brochure--content div.ost-brochures.is--brochure h3 {
  margin-top: 0;
  margin-bottom: 18px;
}
body.is--ctl-ostbrochure.is--act-index div.content.ost-brochure--content div.ost-brochures.is--brochure:last-child {
  margin-bottom: 0;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-ostlottery.is--act-index div.action--container {
  background: #ffffff;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-oststores.is--act-locator div.content--container div.stores--container div.store {
  background: #ffffff;
  margin-bottom: 10px;
  padding: 20px;
}
body.is--ctl-oststores.is--act-locator div.content--container div.stores--container div.store span.title {
  font-size: 24px;
}
body.is--ctl-oststores.is--act-locator div.content--container div.stores--container div.store:last-child {
  margin-bottom: 0;
}
body.is--ctl-oststores.is--act-locator div.content--container div.maps--container {
  width: calc( ( ( 100% - 40px ) / 5 * 2 ) + 10px );
}
body.is--ctl-oststores.is--act-locator div.content--container div.stores--container {
  width: 100%;
}
body.is--ctl-oststores.is--act-locator div.content--container div.maps--container {
  display: none;
}
@media screen and (min-width: 48em) {
  body.is--ctl-oststores.is--act-locator div.content--container div.stores--container {
    width: calc( ( ( 100% - 40px ) / 5 * 3 ) + 20px );
    margin-right: 10px;
  }
  body.is--ctl-oststores.is--act-locator div.content--container div.maps--container {
    display: block;
  }
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-ostclevercard.is--act-index div.register--container {
  width: 100%;
}
body.is--ctl-ostclevercard.is--act-index div.disclaimer--container {
  width: 100%;
  margin-left: 0;
  margin-top: 10px;
}
@media screen and (min-width: 48em) {
  body.is--ctl-ostclevercard.is--act-index div.register--container {
    width: calc( ( ( 100% - 40px ) / 5 * 3 ) + 20px );
  }
  body.is--ctl-ostclevercard.is--act-index div.disclaimer--container {
    width: calc( ( ( 100% - 40px ) / 5 * 2 ) + 10px );
    margin-left: 10px;
    margin-top: 0;
  }
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-ostorderinfo.is--act-index div.sidebar--categories-wrapper {
  background: #ffffff;
}
body.is--ctl-ostorderinfo.is--act-index div.sidebar--categories-wrapper div.account--menu {
  border: none;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info {
  margin-top: 0;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info div.header--container {
  padding: 20px;
  margin-bottom: 10px;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info div.header--container h1 {
  margin: 0;
  padding: 0;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info div.status--container {
  background: #ffffff;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info div.status--container div.alert {
  margin-bottom: 10px;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info div.customer--billing-address {
  width: calc( 50% - 5px );
  margin-bottom: 10px;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info div.customer--shipping-address {
  width: calc( 50% - 5px );
  margin-bottom: 10px;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info div.base-info--container {
  margin-bottom: 10px;
}
body.is--ctl-ostorderinfo.is--act-index div.content.ost-order-info div.positions--container {
  margin-bottom: 10px;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body nav.navigation-main div.dreisc-menu--container div.dreisc-menu--container-item > div.dreiscMenuUl {
  border-left: 1px solid #dadae5;
  border-right: 1px solid #dadae5;
}
#dreiscMenuColumnContent ul li a {
  padding: 4px 0;
  line-height: 2em;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
div[id^="tsbadge"] {
  display: none !important;
}
#trustbadge-container-98e3dadd90eb493088abdc5597a70810 {
  z-index: 2999 !important;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-faq.is--act-index .faqWelcomeBox p {
  display: none;
}
body.is--ctl-faq.is--act-index .faqWelcomeBox h1 {
  margin-bottom: 0;
}
body.is--ctl-faq.is--act-index .faqTopBox {
  display: none;
}
body.is--ctl-faq.is--act-index #faqContactFrom {
  display: none;
}
body.is--ctl-faq.is--act-index .faqNavSearchBox {
  padding-top: 8px;
  padding-bottom: 10px;
  padding-right: 10px;
}
body.is--ctl-faq.is--act-index .faqNavSearchBox .left {
  display: none;
}
body.is--ctl-faq.is--act-index .faqNavSearchBox .right {
  width: 50% !important;
}
body.is--ctl-faq.is--act-index .faqListBox {
  background: #ffffff;
  padding: 20px;
}
body.is--ctl-faq.is--act-index .faqListBox h2 {
  margin-top: 0;
  margin-bottom: 20px;
}
body.is--ctl-faq.is--act-index .faqListBox .faqBox .faqAnswer p {
  margin: 0;
  margin-top: 6px;
}
body.is--ctl-faq.is--act-index .faq--home .block-group .block {
  width: 25%;
}
body.is--ctl-faq.is--act-index .faq--home .block-group .block img {
  width: 100%;
}
body.is--ctl-faq.is--act-index div.sidebar--categories-wrapper {
  background: #ffffff;
}
body.is--ctl-faq.is--act-index div.sidebar--categories-wrapper div.shop-sites--container {
  border: none;
}
body.is--ctl-faq.is--act-index div.custom-page--content.content {
  margin-top: 0;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-search div.content.search--content div.panel--elastic {
  display: none;
}
.main-search--results .block-group .block--additional {
  display: none;
}
@media screen and (min-width: 48em) {
  .main-search--results .block-group .block--additional {
    display: block;
  }
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
div.emotion--element div.vjs-poster {
  background-color: #ffffff;
}
div.content--description div.content--title + div.content--title {
  display: none;
}
body.is--ctl-detail div.tab-menu--product div.tab--container#sovido-tab-container div.tab--content div.content--title.sovidoTitle {
  margin: 0;
  padding: 30px 30px 0 30px;
  text-align: left;
}
@media screen and (min-width: 48em) {
  body.is--ctl-detail div.tab-menu--product div.tab--container#sovido-tab-container div.tab--content div.content--title.sovidoTitle {
    padding: 30px 16px 0 16px;
  }
  body.is--ctl-detail div.tab-menu--product div.tab--container#sovido-tab-container div.tab--content div.content--description {
    padding: 30px 16px;
  }
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-detail.is--act-index div.payolution-installment--detail {
  display: none;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-cwbpayenginecwswprocess .sidebar-main {
  display: none;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body section.emotion--container.emotion--column-2 .col-xs-2 .product--box.box--emotion div.liveshopping--listing div.box--content,
body section.emotion--container.emotion--column-4 .col-m-2 .product--box.box--emotion div.liveshopping--listing div.box--content,
body section.emotion--container.emotion--column-5 .col-xl-2 .product--box.box--emotion div.liveshopping--listing div.box--content {
  background: transparent;
}
body section.emotion--container.emotion--column-2 .col-xs-2 .product--box.box--emotion div.liveshopping--listing div.box--content div.product--info a.product--image,
body section.emotion--container.emotion--column-4 .col-m-2 .product--box.box--emotion div.liveshopping--listing div.box--content div.product--info a.product--image,
body section.emotion--container.emotion--column-5 .col-xl-2 .product--box.box--emotion div.liveshopping--listing div.box--content div.product--info a.product--image {
  padding-top: 4px;
  width: calc(50% - 4px);
  margin-right: calc(50% - 4px);
  margin-left: 4px;
}
body section.emotion--container.emotion--column-2 .col-xs-2 .product--box.box--emotion div.liveshopping--listing div.box--content div.product--info div.product--details a.product--title,
body section.emotion--container.emotion--column-4 .col-m-2 .product--box.box--emotion div.liveshopping--listing div.box--content div.product--info div.product--details a.product--title,
body section.emotion--container.emotion--column-5 .col-xl-2 .product--box.box--emotion div.liveshopping--listing div.box--content div.product--info div.product--details a.product--title {
  width: 50%;
  margin-right: 50%;
}
body section.emotion--container.emotion--column-2 .col-xs-2 .product--box.box--emotion div.liveshopping--listing div.box--content div.product--info div.product--details div.product--price-info div.liveshopping--container,
body section.emotion--container.emotion--column-4 .col-m-2 .product--box.box--emotion div.liveshopping--listing div.box--content div.product--info div.product--details div.product--price-info div.liveshopping--container,
body section.emotion--container.emotion--column-5 .col-xl-2 .product--box.box--emotion div.liveshopping--listing div.box--content div.product--info div.product--details div.product--price-info div.liveshopping--container {
  background: transparent;
  text-align: center;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - Ostermann Trends Theme
 *
 * @package   OstOstermannTrendsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
div.cc-banner.cc-theme-classic div.cc-compliance a.cc-btn.cc-allow {
  border-radius: unset;
}
div.cc-banner.cc-theme-classic div.cc-compliance a.cc-btn.cc-allow-all {
  border-radius: unset;
}
body div.cc-window.cc-banner.cc-theme-classic {
  display: block;
}
body div.cc-window.cc-banner.cc-theme-classic span.cc-message {
  display: block;
}
@media screen and (min-width: 48em) {
  body div.cc-window.cc-banner.cc-theme-classic {
    display: flex;
  }
  body div.cc-window.cc-banner.cc-theme-classic span.cc-message {
    display: initial;
  }
}
@media screen and (min-width: 30em) {
  body div.cc-window.cc-banner.cc-theme-classic div.cc-compliance.cc-highlight {
    text-align: right;
    display: block;
  }
  body div.cc-window.cc-banner.cc-theme-classic div.cc-compliance.cc-highlight a {
    display: inline-block;
    max-width: 200px;
  }
}
@media screen and (min-width: 48em) {
  body div.cc-window.cc-banner.cc-theme-classic div.cc-compliance.cc-highlight {
    display: flex;
  }
  body div.cc-window.cc-banner.cc-theme-classic div.cc-compliance.cc-highlight a {
    display: block;
    max-width: unset;
  }
}
.FriedmEnev_arrow .FriedmEnev_anchor {
  -webkit-text-stroke: unset !important;
}
textarea,
input[type="text"],
input[type="search"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
#paypal-acdc-form .field {
  color: #333;
}
textarea::placeholder,
input[type="text"]::placeholder,
input[type="search"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder {
  color: #333;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - OMS Theme
 *
 * @package   OstOmsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - OMS Theme
 *
 * @package   OstOmsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body .einkaufswelt--10px {
  border: 10px solid #FFFFFF;
}
body div.page-wrap {
  background-color: #FFF;
}
body div.page-wrap section.content-main {
  margin-top: 0;
  margin-bottom: 0;
  box-shadow: none;
  background-color: #FFF;
}
body footer.footer-main .container h5,
body footer.footer-main .container a,
body footer.footer-main .container p {
  color: #FFF;
}
body footer.footer-main .container .footer--column {
  background-color: #535353;
}
body footer.footer-main .container .grid--container.no--margin {
  margin: 0;
}
body footer.footer-main .container .grid--container {
  background-color: #535353;
  margin-top: 30px;
}
body footer.footer-main .container .grid--container > div {
  background-color: #535353;
}
body footer.footer-main .container .grid--container div.grid--contact {
  margin-left: 5%;
  margin-right: unset;
}
body footer.footer-main .container .grid--container div.grid--contact .contact--span1 {
  display: none;
}
body footer.footer-main .container .grid--container div.grid--contact .navigation--link.tel {
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 10px;
}
body footer.footer-main .container .grid--container div.grid--payment-methods {
  margin-left: 5%;
  margin-right: unset;
}
body footer.footer-main .container .grid--container div.grid--payment-methods div {
  display: unset;
}
body footer.footer-main .container .grid--container div.grid--payment-methods div.payment--mobile {
  display: block;
}
body footer.footer-main .container .grid--container div.grid--payment-methods div.payment--tablet {
  display: none;
}
body footer.footer-main .container .grid--container div.grid--payment-methods div div {
  display: flex;
}
body footer.footer-main .container .grid--container div.grid--payment-methods div div img {
  margin-left: -5px;
}
body footer.footer-main .container .grid--container div.grid--bottom {
  background-color: #6A6969;
}
@media screen and (max-width: 390px) {
  body footer.footer-main .container .grid--container div.grid--service a.navigation--link[title~=Telefonische] {
    visibility: hidden;
    position: relative;
    height: 23px;
  }
  body footer.footer-main .container .grid--container div.grid--service a.navigation--link[title~=Telefonische]:before {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "Tel. Bestellung";
  }
}
@media screen and (min-width: 48em) {
  body footer.footer-main .footer--columns.block-group {
    background-color: #535353;
    padding-top: 20px;
    border: none;
  }
  body footer.footer-main .container .grid--container {
    grid-template-columns: repeat(3, 1fr);
    padding-top: 20px !important;
    margin-top: 40px;
  }
  body footer.footer-main .container .grid--container div.grid--contact .contact--span1 {
    display: block;
    line-height: 18px;
    margin-bottom: 10px;
  }
  body footer.footer-main .container .grid--container div.grid--payment-methods div.payment--mobile {
    display: none;
  }
  body footer.footer-main .container .grid--container div.grid--payment-methods div.payment--tablet {
    display: block;
  }
  body footer.footer-main .container .grid--container div.grid--payment-methods div div img {
    width: 85px;
    height: unset;
  }
  body footer.footer-main .container .grid--container div.grid--payment-methods div img {
    width: 85px;
    height: unset;
  }
  body footer.footer-main .container .grid--container div.grid--contact,
  body footer.footer-main .container .grid--container div.grid--payment-methods {
    grid-column: span 2;
    margin-left: 50px;
    margin-right: 30px;
  }
  body footer.footer-main .container .grid--container div.grid--service,
  body footer.footer-main .container .grid--container div.grid--content {
    grid-column: span 1;
    margin-right: 50px;
    margin-left: 0;
  }
  body footer.footer-main .container .grid--container div.grid--contact,
  body footer.footer-main .container .grid--container div.grid--service {
    margin-bottom: 15px;
  }
  body footer.footer-main .container .grid--container div.grid--bottom {
    margin-top: 30px;
  }
}
@media screen and (min-width: 78.75em) {
  body footer.footer-main .container .grid--container {
    grid-template-columns: repeat(11, 1fr);
  }
  body footer.footer-main .container .grid--container div.grid--contact {
    grid-column: span 4;
    margin-left: 50px;
    margin-right: 30px;
    margin-bottom: 0;
  }
  body footer.footer-main .container .grid--container div.grid--service {
    grid-column: span 2;
    margin-right: 30px;
    margin-bottom: 0;
  }
  body footer.footer-main .container .grid--container div.grid--payment-methods {
    grid-column: span 3;
    margin-left: 0;
    margin-right: 30px;
    margin-bottom: 0;
  }
  body footer.footer-main .container .grid--container div.grid--content {
    grid-column: span 2;
    margin-right: 50px;
  }
  body footer.footer-main .container .grid--container div.grid--bottom {
    grid-column: span 11;
    margin-top: 30px;
  }
}
body {
  font-family: "Open Sans";
}
body .header-main {
  padding: 15px 0 73px;
}
body .header-main div.top-bar {
  margin-top: 0;
  padding-top: 0;
  background-color: #b61934;
}
body .header-main div.top-bar div.container {
  background-color: #e7eced;
  text-align: center;
  padding: 4px 0;
  font-size: 0.7rem;
  color: #556364;
  line-height: 1.1rem;
  text-transform: uppercase;
  box-shadow: none;
}
body .header-main div.top-bar div.container ul li {
  display: inline-block;
  margin-left: 30px;
}
body .header-main div.top-bar div.container ul li:first-child {
  margin-left: 0;
}
body .header-main div.header--navigation.container .logo-main {
  padding: 0 15px 10px 15px;
}
body .header-main div.header--navigation.container .logo-main .logo--shop {
  width: 50%;
  min-width: 200px;
  height: auto;
}
body .header-main div.header--navigation.container .logo-main .logo--shop img {
  max-width: none;
  max-height: none;
}
body .header-main div.header--navigation.container nav.shop--navigation ul li.navigation--entry.entry--search form.main-search--form {
  box-shadow: none;
  display: grid;
  grid-template-columns: auto repeat(2, max-content);
  align-items: center;
}
body .header-main div.header--navigation.container nav.shop--navigation ul li.navigation--entry.entry--search input.main-search--field {
  background: #ffffff;
  border-radius: 1px;
  box-shadow: none;
  border: 1px solid #929291;
  border-right: none;
}
body .header-main div.header--navigation.container nav.shop--navigation ul li.navigation--entry.entry--search button.main-search--button {
  background: #b61a24;
  color: #ffffff;
  position: unset;
  height: 100%;
  box-sizing: border-box;
}
body .header-main div.header--navigation.container nav.shop--navigation ul li.navigation--entry.entry--search #search-form-vps {
  padding-right: 12px;
  border-top: 1px solid #dadae5;
  border-bottom: 1px solid #dadae5;
  cursor: pointer;
  height: 2.5rem;
  display: grid;
  justify-content: center;
  align-content: center;
  visibility: visible;
}
body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry > a.entry--link span.name {
  display: none;
}
body .header-main div.header--navigation.container nav.shop--navigation .navigation--entry .account--link.account--user-loggedin:after {
  background: #3169b1;
  line-height: 18px;
  height: 18px;
  width: 18px;
}
body .header-main div.header--navigation.container nav.shop--navigation .cart--quantity,
body .header-main div.header--navigation.container nav.shop--navigation .notes--quantity {
  top: -7px;
  left: 21px;
}
body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry i:before {
  content: "";
}
body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry > a.entry--link {
  height: 30px;
  color: #666666;
  border: none;
  background: none;
  padding: 0;
}
body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry > a.entry--link i {
  display: block;
  width: 30px;
  height: 30px;
  margin: auto;
}
body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry > a.entry--link i.icon--menu {
  background-image: url(../../custom/plugins/OstOmsTheme/Resources/Themes/Frontend/OstOmsTheme/frontend/_public/src/img/header-icons/icon-hamburger-menu.svg);
  background-position: center;
  background-repeat: no-repeat;
  top: 4px !important;
  left: 10px !important;
}
body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry > a.entry--link i.icon--heart {
  background-image: url(../../custom/plugins/OstOmsTheme/Resources/Themes/Frontend/OstOmsTheme/frontend/_public/src/img/header-icons/moebel-shop-merkzettel.svg);
  background-position: center;
  background-repeat: no-repeat;
}
body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry > a.entry--link i.icon--phone {
  background-image: url(../../custom/plugins/OstOmsTheme/Resources/Themes/Frontend/OstOmsTheme/frontend/_public/src/img/header-icons/moebel-shop-service.svg);
  background-position: center;
  background-repeat: no-repeat;
}
body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry > a.entry--link i.icon--account {
  background-image: url(../../custom/plugins/OstOmsTheme/Resources/Themes/Frontend/OstOmsTheme/frontend/_public/src/img/header-icons/moebel-shop-mein-konto.svg);
  background-position: center;
  background-repeat: no-repeat;
}
body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry > a.entry--link i.icon--basket {
  background-image: url(../../custom/plugins/OstOmsTheme/Resources/Themes/Frontend/OstOmsTheme/frontend/_public/src/img/header-icons/moebel-shop-warenkorb.svg);
  background-position: center;
  background-repeat: no-repeat;
}
body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry .main-search--button {
  padding: 3px;
}
body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry .main-search--button i.icon--search {
  background-image: url(../../custom/plugins/OstOmsTheme/Resources/Themes/Frontend/OstOmsTheme/frontend/_public/src/img/header-icons/moebel-shop-lupe.svg);
  display: block;
  width: 30px;
  height: 30px;
  margin: auto;
}
body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry.entry--compare {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 479px) {
  body .header-main div.header--navigation.container .logo-main {
    padding: 0 10px 10px 10px;
  }
  body .header-main div.header--navigation.container .logo-main .logo--shop img {
    position: absolute;
    width: 160px;
    left: 9px;
  }
  body .header-main div.header--navigation.container nav.shop--navigation .navigation--list {
    position: relative;
    top: -2px;
  }
  body .header-main div.header--navigation.container nav.shop--navigation .navigation--list .entry--menu-left {
    top: -2px;
  }
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry > a.entry--link.is--icon-left {
    padding-left: 48px;
  }
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry > a.entry--link.is--icon-left i {
    background-position-x: 0;
    top: 0;
  }
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry.entry--search a.entry--link.entry--trigger {
    display: none;
  }
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry.entry--search form.main-search--form {
    top: 45px;
  }
}
@media screen and (min-width: 30em) and (max-width: 767px) {
  body .header-main {
    padding: 15px 0 27px 0;
  }
  body .header-main div.header--navigation.container .logo-main .logo--shop img {
    position: absolute;
    width: 50%;
    max-width: 160px;
    left: 13px;
  }
  body .header-main div.header--navigation.container nav.shop--navigation .navigation--list {
    position: relative;
  }
  body .header-main div.header--navigation.container nav.shop--navigation .navigation--list .entry--menu-left {
    left: 3px;
    top: 13px;
  }
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry.entry--search {
    top: 1px;
    width: 60%;
    max-width: 350px;
    left: unset;
    right: 15px;
  }
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry.entry--notepad,
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry.entry--service,
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry.entry--account,
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry.entry--cart {
    position: relative;
    top: -48px;
    left: -3px;
  }
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry > a.entry--link.is--icon-left {
    padding-left: 48px;
    bottom: 11px;
  }
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry > a.entry--link.is--icon-left i {
    background-position-x: 0;
  }
}
@media screen and (min-width: 48em) {
  body .header-main {
    padding: 15px 0;
    border-bottom: none;
  }
  body .header-main div.container.header--navigation {
    padding: 0;
  }
  body .header-main div.container.header--navigation .logo-main {
    padding-bottom: 0;
  }
  body .header-main div.container.header--navigation .logo-main .logo--shop img {
    position: relative;
    width: 225px;
  }
  body .header-main div.container.header--navigation nav.shop--navigation li.navigation--entry.entry--search {
    top: 7px;
    width: 50%;
    max-width: 350px;
    left: unset;
    right: 34%;
  }
  body .header-main div.container.header--navigation nav.shop--navigation li.navigation--entry.entry--notepad,
  body .header-main div.container.header--navigation nav.shop--navigation li.navigation--entry.entry--service,
  body .header-main div.container.header--navigation nav.shop--navigation li.navigation--entry.entry--account,
  body .header-main div.container.header--navigation nav.shop--navigation li.navigation--entry.entry--cart {
    position: relative;
    top: 16px;
    left: 0px;
  }
  body .header-main div.container.header--navigation nav.shop--navigation li.entry--compare {
    position: absolute;
    top: 16px;
    display: block !important;
    right: 210px;
  }
}
@media screen and (min-width: 880px) {
  body .header-main div.container.header--navigation .logo-main .logo--shop img {
    width: 225px;
  }
}
@media screen and (min-width: 64em) {
  body .header-main {
    padding: 15px 0;
  }
  body .header-main div.top-bar {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  body .header-main div.header--navigation.container div.logo-main {
    width: 33%;
    margin-right: 2%;
  }
  body .header-main div.header--navigation.container div.logo-main div.logo--shop img {
    width: 282px;
  }
  body .header-main div.header--navigation.container div.logo-main div.logo--shop a.logo--link {
    height: 55px;
    width: 100%;
  }
  body .header-main div.header--navigation.container nav.shop--navigation {
    width: 65%;
    position: absolute;
    right: 0;
    bottom: 23px;
  }
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry.entry--search {
    width: 42%;
    top: 23px;
    right: 49%;
  }
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry > a.entry--link {
    height: 40px;
    padding: 2px 10px 2px 8px;
  }
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry > a.entry--link i {
    font-size: 22px;
    text-align: center;
  }
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry > a.entry--link span.name {
    line-height: 24px;
    font-size: 0.7rem;
    text-transform: uppercase;
    font-weight: normal;
    display: block;
    color: #666666;
  }
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry.entry--account > a i,
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry.entry--cart > a i {
    position: relative;
    top: auto;
    left: auto;
  }
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry.entry--notepad .notes--quantity {
    left: 60%;
  }
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry.entry--account .account--display {
    display: none;
  }
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry.entry--cart .cart--amount {
    display: none;
  }
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry.entry--cart .cart--quantity {
    left: 60%;
  }
  body .header-main div.header--navigation.container nav.shop--navigation li.entry--compare {
    right: 345px;
  }
}
@media screen and (min-width: 78.75em) {
  body .header-main div.header--navigation.container div.logo-main {
    width: 35%;
  }
  body .header-main div.header--navigation.container div.logo-main div.logo--shop img a.logo--link {
    height: 60px;
  }
  body .header-main div.header--navigation.container nav.shop--navigation li.navigation--entry.entry--search {
    width: 52%;
  }
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - OMS Theme
 *
 * @package   OstOmsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
nav.navigation-main {
  border-bottom: none;
}
nav.navigation-main ul.navigation--list {
  background: none;
  border-radius: 3px 3px 0 0;
  border-radius: 0;
  border-top: 1px solid #b61a24;
  text-align: center;
}
nav.navigation-main ul.navigation--list li.navigation--entry a.navigation--link {
  color: #666;
  font-weight: normal !important;
  padding: 15px 12px;
}
nav.navigation-main ul.navigation--list li.navigation--entry a.navigation--link span {
  text-transform: uppercase;
}
nav.navigation-main ul.navigation--list li.navigation--entry a.navigation--link:hover {
  color: #666;
}
nav.navigation-main ul.navigation--list li.navigation--entry.is--hovered {
  background: #b61a24;
  border-radius: 0;
}
nav.navigation-main ul.navigation--list li.navigation--entry.is--hovered a.navigation--link {
  background: #b61a24;
}
nav.navigation-main ul.navigation--list li.navigation--entry.is--active a.navigation--link {
  background: #b61a24;
  color: #ffffff;
  border-radius: 0;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - OMS Theme
 *
 * @package   OstOmsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-detail.is--act-index .product--details .product--header {
  min-height: 35px;
}
body.is--ctl-detail.is--act-index .product--details .product--base-info {
  border-bottom: 1px solid #dadae5;
}
body.is--ctl-detail.is--act-index .product--details .product--actions {
  margin-top: 10px;
  padding-top: 4px;
  border-bottom: none;
  border-top: 1px solid #dadae5;
  text-align: left;
}
body.is--ctl-detail.is--act-index .product--details .product--actions form.action--form {
  width: auto;
  display: inline-block;
}
body.is--ctl-detail.is--act-index .product--delivery p {
  text-align: left;
}
body.is--ctl-detail.is--act-index .product--details .product--buybox p.product--tax[data-modalbox="true"] {
  display: none !important;
}
body.is--ctl-detail.is--act-index .product--details .product--buybox .product--price.price--default span.content--discount {
  display: block;
  padding-bottom: 0;
}
body.is--ctl-detail.is--act-index .product--details .content--title {
  margin-bottom: 20px;
}
body.is--ctl-detail.is--act-index .product--details .content--description .product--description {
  line-height: 1.5rem;
  font-size: 0.875rem;
}
body.is--ctl-detail.is--act-index .product--details .content--description .content--title.product-properties--title {
  margin-top: 42px;
}
body.is--ctl-detail.is--act-index .product--details .alert.ost-article-assembly-surchage--fullservice-price,
body.is--ctl-detail.is--act-index .product--details .alert.ost-article-assembly-surchage--fullservice-checkbox {
  margin: 10px 0 0 0;
}
body.is--ctl-detail.is--act-index div.shipping-costs {
  text-align: left;
}
body.is--ctl-detail.is--act-index div.shipping-costs--free {
  text-align: center;
  font-weight: bold;
}
body.is--ctl-detail.is--act-index .alert.is--promotion {
  background: #b61934;
}
@media screen and (min-width: 78.75em) {
  body.is--ctl-detail.is--act-index .product--details .content--shipping-details {
    padding: 0.625rem 2.8125rem 2.8125rem 2.8125rem;
  }
}
body.is--ctl-detail.is--act-index .product--details .content--shipping-details {
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
}
body.is--ctl-detail.is--act-index .product--details .content--shipping-details .product--description {
  line-height: 1.5rem;
  font-size: 0.875rem;
}
@media screen and (min-width: 48em) {
  body.is--ctl-detail.is--act-index .product--details .content--shipping-details {
    padding: 1.875rem 1.875rem 1.875rem 1.875rem;
  }
}
@media screen and (min-width: 64em) {
  body.is--ctl-detail.is--act-index .product--details .product--properties {
    margin-top: 20px;
    margin-bottom: 0;
    width: 100%;
  }
  body.is--ctl-detail.is--act-index .product--details .product--properties .product--properties-label {
    width: 25%;
  }
  body.is--ctl-detail.is--act-index .product--details .product--properties .product--properties-value {
    width: 75%;
  }
}
.product--details .product--buybox .price--discount .price--content {
  color: inherit;
}
.product--details .product--buybox .price--discount-icon {
  background: #3f4c58;
}
.tab-menu--cross-selling .tab--container-list .tab--container:first-child {
  display: block !important;
}
#financing-mini-info {
  white-space: nowrap;
  font-size: 14px;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - OMS Theme
 *
 * @package   OstOmsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
div.steps--container.container div.steps--content {
  border: 10px solid #FFF;
  background-color: #FFF;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - OMS Theme
 *
 * @package   OstOmsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-checkout div.ost-article-assembly-surchage--fullservice-price {
  display: none;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - OMS Theme
 *
 * @package   OstOmsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-detail.is--act-index div.product--configurator div.configurator--variant div.variant--option {
  display: none;
}
body.is--ctl-detail.is--act-index div.product--configurator div.configurator--variant div.variant--option.is--image {
  display: block;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - OMS Theme
 *
 * @package   OstOmsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-search div.content.search--content {
  padding-top: 0;
}
body.is--ctl-search div.content.search--content h1.search--headline {
  background: #ffffff;
  margin-bottom: 10px;
  font-weight: bold;
  padding: 10px 0;
  color: #666666;
  font-size: 16px;
}
.page-wrap--cookie-permission {
  all: unset;
}
.page-wrap--cookie-permission .cookie-permission--full-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-wrap--cookie-permission .cookie-permission--viewport-container {
  position: fixed;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-wrap--cookie-permission .cookie-permission--container {
  position: fixed;
  width: 500px;
  max-width: 90%;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #dadae5;
  background-color: #fff;
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--decline-button {
  display: none !important;
}
.page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--button {
  position: initial;
}
.page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--content.cookie-permission--extra-button {
  width: 100%;
}
@media screen and (min-width: 64em) {
  body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--image {
    background-image: url(../../custom/plugins/OstOmsTheme/Resources/Themes/Frontend/OstOmsTheme/frontend/_public/src/img/newsletter-modal/newsletter-modal--ostermann.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
}
body #newsletter-modal--background .newsletter-modal--content .newsletter-modal--form div.info-text h1.headline {
  color: #B61A24;
}
#financing--table thead td {
  background-color: #b61a24;
}
#financing--table tbody tr td:nth-child(2),
#financing--table tbody tr td:nth-child(3),
#financing--table tbody tr td:nth-child(5) {
  text-align: center;
}
#financing--table tbody tr td:nth-child(4),
#financing--table tbody tr td:nth-child(6) {
  text-align: right;
}
.top-bar--navigation .compare--list .btn--compare-delete,
.mo--compare-nav .btn--compare-delete {
  color: black;
  background-color: white;
  border: 1px solid #666;
}
.top-bar--navigation .compare--list .btn--compare-start,
.mo--compare-nav .btn--compare-start {
  background-color: #008a39;
}
.modal--compare .mo-modal--compare .btn--product {
  background-color: #008a39;
}
body .product--box .product--badges .product--badge.promotionBadge {
  background: #b61934;
}
@media screen and (min-width: 48em) {
  .main-search--results.es-suggest.garden-moved-es-suggest {
    top: 180px;
  }
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - OMS Theme
 *
 * @package   OstOmsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - OMS Theme
 *
 * @package   OstOmsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
nav.navigation-main div.advanced-menu {
  margin-top: 1px;
}
nav.navigation-main div.advanced-menu div.menu--container div.button-container {
  display: none;
}
nav.navigation-main div.advanced-menu div.menu--container div.content--wrapper {
  margin: 10px !important;
}
nav.navigation-main div.advanced-menu div.menu--container div.content--wrapper ul.menu--list.menu--level-0 {
  margin-bottom: -30px;
}
nav.navigation-main div.advanced-menu div.menu--container div.content--wrapper ul.menu--list.menu--level-0 ul.menu--list.menu--level-1 li.menu--list-item.item--level-1 a.menu--list-item-link {
  padding: 0 !important;
}
nav.navigation-main div.advanced-menu .advanced_menu-vps {
  display: grid;
  grid-template-columns: max-content auto;
  align-items: center;
  background: #b61934;
  padding: 8px 0;
  grid-gap: 10px;
  justify-content: center;
}
nav.navigation-main div.advanced-menu .advanced_menu-vps_title {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
nav.navigation-main div.advanced-menu #advanced_menu-vps_button {
  padding: 0;
  background: none;
  border: none;
  display: flex;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - OMS Theme
 *
 * @package   OstOmsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/*
body div.container--ajax-cart.off-canvas {
    z-index: 2147483646 !important;
}
*/
/*
div#tsbadge4_db8d3657bdbe440c985ae127463eaad4 {
    z-index: 755 !important;
}
*/
.js--overlay-relative > div[id^=ts] {
  opacity: 0;
  pointer-events: none;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - OMS Theme
 *
 * @package   OstOmsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
.emotion--container div.emotion--element.col-1.row-1 div.product--box.box--emotion div.box--content {
  padding: 0;
}
.emotion--container div.emotion--element.col-1.row-1 div.product--box.box--emotion div.box--content div.product--details {
  margin: 10px;
  width: calc(100% - 20px);
}
.mobile-sidebar-vps {
  display: grid;
  grid-template-columns: min-content auto;
  align-items: center;
  grid-gap: 11px;
  box-sizing: border-box;
  background: #f4f4f4;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
}
#mobile-sidebar-vps_button {
  padding: 0;
  border: none;
  height: 80px;
  width: 80px;
  background: #b61a24;
  display: grid;
  align-items: center;
  justify-items: center;
  justify-content: center;
  align-content: center;
  cursor: pointer;
}
.mobile-sidebar-vps_title {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  color: #3f4c58;
}
.mobile-sidebar-vps_text {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.33;
  color: #5f7285;
  padding-right: 5px;
}
.mobile-sidebar-vps_content {
  display: grid;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - OMS Theme
 *
 * @package   OstOmsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - OMS Theme
 *
 * @package   OstOmsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
div[id^="tsbadge"] {
  display: none !important;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - OMS Theme
 *
 * @package   OstOmsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-checkout.is--act-cart div.product--table div.financing--basket {
  border: 1px solid #dadae5;
  padding: 20px;
  margin-top: 20px;
}
body.is--ctl-checkout.is--act-cart div.product--table div.financing--basket div#financing--description h3 {
  margin-top: 0;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - OMS Theme
 *
 * @package   OstOmsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-detail.is--act-index div.payolution-installment--detail {
  display: none;
  border: 1px solid #dadae5;
  padding: 10px;
  margin-top: 10px;
}
body.is--ctl-detail.is--act-index div.payolution-installment--detail div#payolutionInstallmentInfo--text {
  max-width: 50% !important;
}
body.is--ctl-detail.is--act-index div.payolution-installment--detail div#payolutionInstallmentButton {
  max-width: 50% !important;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - OMS Theme
 *
 * @package   OstOmsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-cwbpayenginecwswprocess aside.sidebar-main {
  display: none !important;
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - OMS Theme
 *
 * @package   OstOmsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
body.is--ctl-search div.content.search--content div.panel--elastic {
  display: none;
}
.main-search--results .block-group .block--additional {
  display: none;
}
@media screen and (min-width: 48em) {
  .main-search--results .block-group .block--additional {
    display: block;
  }
}
/**
 * Einrichtungshaus Ostermann GmbH & Co. KG - OMS Theme
 *
 * @package   OstOmsTheme
 *
 * @author    Eike Brandt-Warneke <e.brandt-warneke@ostermann.de>
 * @copyright 2018 Einrichtungshaus Ostermann GmbH & Co. KG
 * @license   proprietary
 */
div.cc-banner.cc-theme-classic div.cc-compliance a.cc-btn.cc-allow-all {
  color: #ffffff;
  background-color: #f90c3e;
}
vviinn-vps-button {
  color: #525252;
}
vviinn-vps-button::part(product-card) {
  height: 100%;
}
vviinn-vps-button::part(brand) {
  display: none;
}
vviinn-vps-button::part(deeplink) {
  margin-bottom: 20px;
}
vviinn-vps-button::part(title) {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  overflow: hidden;
}
vviinn-vps-button::part(price-amount) {
  word-wrap: keep-all;
}
vviinn-vps-button::part(price-container) {
  flex-wrap: wrap;
  justify-content: flex-end;
  flex-grow: 1;
  grid-gap: unset;
  gap: unset;
}
vviinn-vps-button::part(price-regular),
vviinn-vps-button::part(price-sale) {
  font-weight: normal;
  letter-spacing: 0.3px;
  line-height: 16px;
}
vviinn-vps-button::part(price-outdated) {
  line-height: 0.75rem;
  order: 2;
  display: flex;
  margin-right: 8px;
  font-weight: 500;
}
vviinn-vps-button::part(price-sale) {
  order: 3;
}
.FriedmEnev_arrow .FriedmEnev_anchor {
  -webkit-text-stroke: unset !important;
}
vviinn-vps-button {
  --color-primary: #b61934;
  --color-primary-hover: #A2122A;
  --color-icons: #b61934;
  color: #5f7285;
  text-align: left;
}
vviinn-results {
  --font-family: "Open Sans", system-ui, sans-serif;
  --product-card-image-bg-color: transparent;
  --product-card-image-border: none;
  --product-card-content-align: center;
  --product-card-text-align: center;
  --modal-border-radius: 0;
}
vviinn-filters,
vviinn-extended-filters,
vviinn-selected-filters,
vviinn-text-search {
  --font-family: "Open Sans", system-ui, sans-serif;
  --color-text-primary: #666;
}
vviinn-filters::part(histogram),
vviinn-filters::part(filters-option-button):disabled {
  display: none;
}
vviinn-filters::part(histogram-label),
vviinn-text-search::part(text-search-button),
vviinn-selected-filters::part(filters-option-button),
vviinn-filters::part(filters-list),
vviinn-filters::part(filters-main-button),
vviinn-text-search::part(text-search-input),
vviinn-text-search::part(text-search-container) {
  border-radius: 0;
}
vviinn-vps-button [slot] {
  visibility: hidden;
  position: absolute;
}
vviinn-results::part(product-card),
vviinn-vps-button::part(product-card) {
  height: 100%;
}
vviinn-results::part(brand),
vviinn-vps-button::part(brand) {
  display: none;
}
vviinn-results::part(deeplink),
vviinn-vps-button::part(deeplink) {
  margin-bottom: 10px;
}
vviinn-results::part(title),
vviinn-vps-button::part(title) {
  font-size: 1rem;
  height: 2.5rem;
  font-weight: normal;
  line-height: 1.25rem;
  overflow: hidden;
  hyphens: auto;
}
vviinn-results::part(price-amount),
vviinn-vps-button::part(price-amount) {
  word-wrap: keep-all;
}
vviinn-results::part(price-container),
vviinn-vps-button::part(price-container) {
  flex-wrap: wrap;
  justify-content: flex-end;
  flex-grow: 1;
  grid-gap: unset;
  gap: unset;
}
vviinn-results::part(price-regular),
vviinn-vps-button::part(price-regular),
vviinn-results::part(price-sale),
vviinn-vps-button::part(price-sale) {
  font-weight: normal;
  letter-spacing: 0.3px;
  line-height: 16px;
}
vviinn-results::part(price-label),
vviinn-vps-button::part(price-label) {
  display: none;
}
vviinn-results::part(price-outdated),
vviinn-vps-button::part(price-outdated) {
  line-height: 0.75rem;
  order: 2;
  display: flex;
  margin-right: 8px;
}
vviinn-results::part(price-sale),
vviinn-vps-button::part(price-sale) {
  order: 3;
  color: #e50413;
}
vviinn-results::part(title) {
  margin-left: auto;
  margin-right: auto;
}
vviinn-results::part(price-outdated) {
  text-decoration: none;
}
vviinn-results::part(price-amount-outdated) {
  text-decoration: line-through;
}
vviinn-results::part(product-type) {
  display: none;
}
vviinn-results::part(price-amount-sale),
vviinn-results::part(price-amount-regular) {
  font-size: 22px;
}
vviinn-results::part(price-regular),
vviinn-results::part(price-outdated),
vviinn-results::part(title) {
  color: #666;
}
vviinn-results::part(price-outdated):before,
vviinn-results::part(price-outdated):before {
  content: 'UVP ';
}
body .header-main div.container.header--navigation nav.shop--navigation ul li.navigation--entry.entry--search form.main-search--form {
  box-shadow: none;
  display: grid;
  grid-template-columns: auto repeat(2, max-content);
  align-items: center;
}
body .header-main div.container.header--navigation nav.shop--navigation ul li.navigation--entry.entry--search form.main-search--form .main-search--button {
  position: unset;
  border: 1px solid #b61a24;
  height: 100%;
}
body .header-main div.container.header--navigation nav.shop--navigation ul li.navigation--entry.entry--search input.main-search--field {
  background: #ffffff;
  box-shadow: none;
  border-right: none;
}
#visual-search_button {
  align-content: center;
  align-items: center;
  background: #ffffff;
  border-bottom: 1px solid #929291;
  border-left: none;
  border-radius: unset;
  border-right: none;
  border-top: 1px solid #929291;
  cursor: pointer;
  display: grid;
  height: 2.5rem;
  justify-items: center;
  padding: 0;
  visibility: visible;
}
#visual-search_button svg {
  margin-right: 12px;
  vertical-align: middle;
}
.es-suggest .search-suggestions-desktop-vps {
  padding: 10px;
  display: grid;
  justify-items: center;
  align-items: center;
  grid-gap: 10px;
  align-content: center;
}
@media screen and (max-width: 480px) {
  .es-suggest .search-suggestions-desktop-vps {
    display: none;
  }
}
.es-suggest .search-suggestions-desktop-vps_button {
  border: none;
  display: grid;
  padding: 17px 16px 15px;
  border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  margin-bottom: 10px;
}
.es-suggest .search-suggestions-desktop-vps_text {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #5f7285;
}
.es-suggest .search-suggestions-mobile-vps {
  display: none;
  grid-template-columns: max-content auto;
  align-items: center;
  background: #b61a24;
  padding: 8px 0;
  grid-gap: 10px;
  justify-content: center;
  cursor: pointer;
}
@media screen and (max-width: 480px) {
  .es-suggest .search-suggestions-mobile-vps {
    display: grid;
  }
}
.es-suggest .search-suggestions-mobile-vps .search-suggestions-mobile-vps_title {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.es-suggest #search-suggestions-mobile-vps_button {
  padding: 0;
  background: none;
  border: none;
  display: flex;
}
.es-suggest .block-group {
  display: grid;
  grid-auto-flow: column;
}
@media screen and (max-width: 480px) {
  .es-suggest .block-group {
    grid-auto-flow: row;
  }
}
.es-suggest .block-group::before,
.es-suggest .es-suggest .block-group::after {
  display: static;
  content: unset;
  line-height: 0;
}
.es-suggest .block {
  width: 100% !important;
}
#visual-search_button_ellastic-search {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
  display: grid;
  align-content: center;
  justify-content: center;
  cursor: pointer;
}
#visual-search_button_ellastic-search:hover svg circle,
#visual-search_button_ellastic-search:hover svg path:last-of-type {
  fill: #027db5 !important;
}
#dreisc_menu-search_widget {
  align-content: center;
  align-items: center;
  background: #b61a24;
  cursor: pointer;
  display: flex;
  grid-gap: 10px;
  justify-content: center;
  padding: 5px;
  width: 100%;
}
#dreisc_menu-search_widget:hover {
  background: #b61a24;
}
#dreisc_menu-search_widget > span.teaser {
  color: white;
  font-weight: bold;
  position: relative;
  top: -5px;
}
.mobile-sidebar-vps {
  display: flex;
  align-items: center;
  grid-gap: 8px;
}
#mobile-sidebar-vps_button {
  background: #b61a24;
  border: 1px solid #b61a24;
  padding: 0;
  width: 80px;
  height: 80px;
}
.mobile-sidebar-vps {
  cursor: pointer;
}
.mobile-sidebar-vps_title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: #3f4c58;
}
.mobile-sidebar-vps_text {
  font-size: 12px;
  line-height: 1.33;
  color: #5f7285;
  padding-right: 5px;
}
/*# sourceMappingURL=/web/cache/css.source.map */