/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

canvas {
    display: none;
}

/*
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 8/9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

input.hidden-radio {
    -webkit-appearance: none;
    display: none;
}

.ui-helper-hidden-accessible {
    visibility: hidden;
    position: absolute;
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: none;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td {
    padding: 0;
}

@font-face {
    font-family: 'tazregular';
    /* src: url("../fonts/Taz_500_a.eot"); */
    /* src: url("../fonts/Taz_500_a.eot?#iefix") format("embedded-opentype"), url("../fonts/Taz_500_a.woff") format("woff"), url("../fonts/Taz_500_a.svg#Taz_500_a") format("svg"); */
    src: url("../fonts/Taz_500_a.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'bauhaus';
    /* src: url("../fonts/bauhaus.eot"); */
    /* src: url("../fonts/bauhaus.eot?#iefix") format("embedded-opentype"), url("../fonts/bauhaus.woff") format("woff"), url("../fonts/bauhaus.woff") format("truetype"), url("bauhaus.svg#bauhaus") format("svg"); */
    src: url("../fonts/bauhaus.woff") format("woff"), url("../fonts/bauhaus.woff") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* Line 43890 */
.comparison-page .table-infos .column-table .buyoptions-box .buttonRs.disabled:active,
.comparison-page .table-infos .column-table .buyoptions-box button.disabled:active {
    border-width: 1px;
    /* Replace 'default' with a valid value */
}

/* Line 46747 */
.consignment-products .product__image::before {
    padding-top: 110px;
    /* Replace 'percent-calc(110px,110px)' with a valid value */
}


body {
    font-size: 1em;
    color: #666666;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ol {
    list-style-type: decimal;
    list-style-position: inside;
    padding: 0;
}

li {
    line-height: inherit;
}

em,
i,
q {
    font-style: italic;
}

h1 {
    color: #666666;
    font-size: 1.875em;
    margin-top: 0;
}

@media screen and (min-width: 660px) and (max-width: 960px) {
    h1 {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 659px) {
    h1 {
        font-size: 1.25em;
    }
}

h1.withTopM {
    margin-top: 0.6875em !important;
}

@media screen and (max-width: 659px) {
    h1.withTopM {
        margin-top: 0.3125em !important;
    }
}

.fs-h1 {
    font-size: 2.5em;
    line-height: 2.625em;
}

.fs-h1-2 {
    font-size: 2.125em;
    line-height: 2.375em;
}

.fs-h2 {
    font-size: 2.5em;
    line-height: 2.625em;
}

.fs-h1-3 {
    font-size: 2.3em;
}

.fs-h3 {
    font-size: 1.875em;
    line-height: 2em;
}

.fs-h3-2,
.serviceteaseronecolumncomponent .bd h3,
.textmediatype08component .bd h3,
.textmediatype03component h3,
.textmediatype04component h3 {
    font-size: 1.5em;
    line-height: 1.625em;
}

.fs-h3-22,
.serviceTeaserOneAndAHalfColumnsComponent .flex-viewport .bd h3 {
    font-size: 1.5em;
}

.fs-h4,
.pictoService .line h3 {
    font-size: 1.5em;
    line-height: 1.625em;
}

.fs-h5,
.pictoService .line .bd h4,
.serviceCatalogs h1.leading,
.eventRegister form.formVertical fieldset.newsletter legend {
    font-size: 1.25em;
    line-height: 1.375em;
}

.fs-m2-2,
.serviceTeaserOneAndAHalfColumnsComponent .flex-viewport .bd h4,
.fachcentrumTeaserComponent .bd h4,
.fachcentrumTeaserComponent .bd ul.link-list li a,
.serviceteaseronecolumncomponent .bd h4,
.textmediatype08component .bd h4,
.textmediatype03component h4,
.textmediatype04component h4 {
    font-size: 1.125em;
    line-height: 1.25em;
}

.fs-m2-nobold,
.ratSearchWrapper .noResults p,
.ratSearchWrapper .noResults h3,
.ratSearchWrapper .noResults ul li {
    font-size: 1.125em;
    line-height: 1.25em;
}

.fs-m3,
.seoW p,
.accordTitle,
.stP0,
.stP01,
.stP,
.stP2,
.stP3,
.msgT1,
.form1 label,
.order-form label,
.checkoutStep3 .sepaMandate label,
.form1 .txtAsLabel,
.order-form .txtAsLabel,
.checkoutStep3 .sepaMandate .txtAsLabel,
.form1 .valAsLabel,
.order-form .valAsLabel,
.checkoutStep3 .sepaMandate .valAsLabel,
.st1 {
    font-size: 1em;
    line-height: 1.25em;
}

.fs-m3-bold {
    font-size: 1em;
    line-height: 1.25em;
}

.fs-m4,
.product-variant-lightbox .infoTip,
.product-variant-lightbox .infoTip td,
.productWrapper .infoTip,
.productWrapper .infoTip td,
footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.left .copyright,
footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.right li a,
footer.footer .footnote *,
.msgT2 .information_message.positive,
.information_message.negative,
.form1 p.error-message,
.order-form p.error-message,
.checkoutStep3 .sepaMandate p.error-message,
.form1 .errorField,
.order-form .errorField,
.checkoutStep3 .sepaMandate .errorField,
.form1 .errorFieldGroup,
.order-form .errorFieldGroup,
.checkoutStep3 .sepaMandate .errorFieldGroup,
.form1 .infoTip,
.order-form .infoTip,
.checkoutStep3 .sepaMandate .infoTip,
.form1 .infoTip td,
.order-form .infoTip td,
.checkoutStep3 .sepaMandate .infoTip td,
.form1 .inputAndErr .error .error-message,
.order-form .inputAndErr .error .error-message,
.checkoutStep3 .sepaMandate .inputAndErr .error .error-message,
.errorFieldOnTop,
.cartItems .row .strike-price,
.cartItems .row .discount-price,
.reservationItems .row .strike-price,
.reservationItems .row .discount-price,
.checkoutStep3 .infobox .errorField,
.voucherCheckoutWrapper .serverError,
.lightbox-search #list .mod .result .clearfix .size2of5 h3 .noBold,
.ratWrapper .unit ul.link-list li a,
.ratWrapper .unit .inner.hLine p,
.ratSearchWrapper .unit ul.link-list li a,
.ratSearchWrapper .unit .inner.hLine p,
.ratgeberDetails .unit ul.link-list li a,
.ratgeberDetails .unit .inner.hLine p,
.serviceWrapper .unit ul.link-list li a,
.serviceNavigationM-view .unit ul.link-list li a,
.serviceWrapper .unit .inner.hLine p,
.serviceNavigationM-view .unit .inner.hLine p,
.serviceTeaserOneAndAHalfColumnsComponent ul.link-list li a,
.serviceTeaserOneAndAHalfColumnsComponent .flex-viewport .bd p,
.serviceteaseronecolumncomponent ul.link-list li a,
.serviceteaseronecolumncomponent .bd p,
.textmediatype08component ul.link-list li a,
.textmediatype08component .bd p,
.textmediatype03component p,
.textmediatype04component p {
    font-size: 0.9375em;
    line-height: 1.125em;
}

.fs-m4-2,
.ratgeberDetails div p {
    font-size: 1em;
    line-height: initial;
}

.fs-m5,
footer.footer .rInner.footerMenu .atArrow,
.cartItems .row .helper-text,
.reservationItems .row .helper-text {
    line-height: 1em;
}

.fs-b1 {
    font-size: 1em;
    line-height: 1.5em;
}

/*
	 use icons as follow:
	 --- HTML
	 <a href='#' class="icon-burger">link</a>

	 --- or ----

	 --- sass
	 .link{
		&:before{
		@extend .icon-burger;
		}	
	}
*/
[class^="icon-"],
[class*=" icon-"] {
    font-family: 'bauhaus';
    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;
}

.icon-burger:before {
    content: "\e802";
    font-family: 'bauhaus';
}

.icon-search:before,
.productWrapper .detailImages .product-images .mainProductImage:before {
    content: "\e804";
    font-family: 'bauhaus';
}

.icon-account:before {
    content: "\e800";
    font-family: 'bauhaus';
}

.icon-location:before,
.modProductResult.skinProductResultTile li .buyOptions .reserveProduct span:before,
.modProductResult.skinProductResultList li .product-data .buyOptions .reserveProduct span:before,
.productWrapper .offerDetails .buyOptions .buyoptions-box.reserveProduct .stock-status span:before,
.bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box.reserveProduct .stock-status span:before {
    content: "\e803";
    font-family: 'bauhaus';
}

.icon-cart:before {
    content: "\e801";
    font-family: 'bauhaus';
}

.icon-facebook:before {
    content: "\e808";
    font-family: 'bauhaus';
}

.icon-twitter:before {
    content: "\e809";
    font-family: 'bauhaus';
}

.icon-google:before {
    content: "\e80a";
    font-family: 'bauhaus';
}

.icon-checkmark:before,
.modFilter .checkboxlist .link-transfer.checked:before,
.accordionAsModFilter .checkboxlist .link-transfer.checked:before,
.form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before,
.order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before,
.checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before,
.form1 .checkboxgroup.inside-radiogroup .ui-state-active .ui-checkboxradio-icon:before,
.order-form .checkboxgroup.inside-radiogroup .ui-state-active .ui-checkboxradio-icon:before,
#pickup-choose.checked:before,
.eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before {
    content: "\e805";
    font-family: 'bauhaus';
}

.icon-phone:before {
    content: "\e806";
    font-family: 'bauhaus';
}

.icon-email:before {
    content: "\e807";
    font-family: 'bauhaus';
}

.icon-mail:before {
    content: "\e80b";
    font-family: 'bauhaus';
}

.icon-arrow-right:before,
.fancybox-nav.fancybox-next:before,
.productWrapper .product-images .controls .nextBtn:before,
.relatedProductsCarouselWrapper .controls .nextBtn:before,
.mainSlider .controls .nextBtn:before,
#categoryNav li.nextLevel>a:before,
#beratungSubNavigation li.nextLevel>a:before,
.mobileNavigationPanel li.nextLevel>a:before,
.serviceMetaNavigation ul li.nextLevel>a:before,
.mobileNavigation li span:before,
.indexModules .tabs .ui-tabs-panel .bd .link-list li a:before,
.indexModules .homePageQuickLinks .quickLinks ul li a:before,
.pictoService .service-link a:before,
.timeslotslider .slides-direction-nav .slides-next:before,
.custom-header nav span.custom-next:before,
.fachcentren-slider .slides-direction-nav .slides-next:before,
.comparison-page .container-right .relatedProductsCarouselWrapper .dummy-right:before,
.comparison-page .container-columns-right .relatedProductsCarouselWrapper .dummy-right:before {
    content: "\e80c";
    font-family: 'bauhaus';
}

.icon-arrow-left:before,
.productFilters .modSubNavigation ul .last-navigation-item.active .sprites a:before,
.searchResultPage .modFilter .backBtn:before,
.fancybox-nav.fancybox-prev:before,
.productTitle .locator .backlink:before,
.productWrapper .product-images .controls .prevBtn:before,
.relatedProductsCarouselWrapper .controls .prevBtn:before,
.mainSlider .controls .prevBtn:before,
#categoryNav li.backButton a:before,
#beratungSubNavigation li.backButton a:before,
.mobileNavigationPanel li.backButton a:before,
.serviceMetaNavigation ul li.backButton a:before,
.mobileNavigation #categoryNav li.backButton.s-vp .sticky:before,
.mobileNavigation #beratungSubNavigation li.backButton.s-vp .sticky:before,
.mobileNavigation .mobileNavigationPanel li.backButton.s-vp .sticky:before,
.mobileNavigation .serviceMetaNavigation ul li.backButton.s-vp .sticky:before,
.update-design-customer-adress aside .back-button a:before,
.update-personal-data aside .back-button a:before,
.delAddr1 aside .back-button a:before,
.update-my-account aside .back-button a:before,
.update-my-account-plus-card aside .back-button a:before,
.update-jobs-offer aside .back-button a:before,
.update-presse aside .back-button a:before,
.update-presse-contact aside .back-button a:before,
.update-details-archive aside .back-button a:before,
.account-order-history aside .back-button a:before,
.timeslotslider .slides-direction-nav .slides-prev:before,
.custom-header nav span.custom-prev:before,
.fachcentren-slider .slides-direction-nav .slides-prev:before,
.comparison-page .container-right .relatedProductsCarouselWrapper .dummy-left:before,
.comparison-page .container-columns-right .relatedProductsCarouselWrapper .dummy-left:before {
    content: "\e80d";
    font-family: 'bauhaus';
}

.icon-arrow-top:before,
.ui-selectmenu-button.ui-state-active .ui-selectmenu-icon:before,
.productFilters .filterHeader.toggle.active .sprites:before,
.modFilter .leading .sprites:before,
.accordionAsModFilter .leading .sprites:before,
.m-vp .controls.productControls .prevBtn:before,
.modAccordion .leading .sprites:before,
.faqWrapper .accordioncontainer .accordion input:checked+label .icon-arrow-bottom:before,
.faqWrapper .accordioncontainer .accordion input:checked+label .ui-selectmenu-button .ui-selectmenu-icon:before,
.ui-selectmenu-button .faqWrapper .accordioncontainer .accordion input:checked+label .ui-selectmenu-icon:before,
.faqWrapper .accordioncontainer .accordion input:checked+label .productFilters .filterHeader.toggle .sprites:before,
.productFilters .filterHeader.toggle .faqWrapper .accordioncontainer .accordion input:checked+label .sprites:before,
.faqWrapper .accordioncontainer .accordion input:checked+label .modFilter .leading.closed .sprites:before,
.modFilter .leading.closed .faqWrapper .accordioncontainer .accordion input:checked+label .sprites:before,
.faqWrapper .accordioncontainer .accordion input:checked+label .accordionAsModFilter .leading.closed .sprites:before,
.accordionAsModFilter .leading.closed .faqWrapper .accordioncontainer .accordion input:checked+label .sprites:before,
.faqWrapper .accordioncontainer .accordion input:checked+label .m-vp .controls.productControls .nextBtn:before,
.m-vp .controls.productControls .faqWrapper .accordioncontainer .accordion input:checked+label .nextBtn:before,
.faqWrapper .accordioncontainer .accordion input:checked+label .modAccordion .leading.closed .sprites:before,
.modAccordion .leading.closed .faqWrapper .accordioncontainer .accordion input:checked+label .sprites:before,
.faqWrapper .accordioncontainer .accordion input:checked+label .serviceAccordionHeader.closed .sprites:before,
.serviceAccordionHeader.closed .faqWrapper .accordioncontainer .accordion input:checked+label .sprites:before,
.faqWrapper .accordioncontainer .accordion input:checked+label .accordionComponent h2.ui-accordion-header span:before,
.accordionComponent h2.ui-accordion-header .faqWrapper .accordioncontainer .accordion input:checked+label span:before,
.faqWrapper .accordioncontainer .accordion input:checked+label .update-jobs-offer .left-part .filter-m-view .content-all-filter .sprites:before,
.update-jobs-offer .left-part .filter-m-view .content-all-filter .faqWrapper .accordioncontainer .accordion input:checked+label .sprites:before,
.serviceInnerPages .linkToTop:before,
.serviceAccordionHeader .sprites:before,
.accordionComponent h2.ui-accordion-header.ui-state-active span:before,
.update-jobs-offer .left-part .filter-m-view .content-all-filter .toggle.active .sprites:before {
    content: "\e80e";
    font-family: 'bauhaus';
}

.icon-arrow-bottom:before,
.ui-selectmenu-button .ui-selectmenu-icon:before,
.productFilters .filterHeader.toggle .sprites:before,
.modFilter .leading.closed .sprites:before,
.accordionAsModFilter .leading.closed .sprites:before,
.m-vp .controls.productControls .nextBtn:before,
.modAccordion .leading.closed .sprites:before,
.serviceAccordionHeader.closed .sprites:before,
.accordionComponent h2.ui-accordion-header span:before,
.update-jobs-offer .left-part .filter-m-view .content-all-filter .sprites:before {
    content: "\e80f";
    font-family: 'bauhaus';
}

.icon-dot:before,
.formVertical .formGroup .formRadio input[type=radio]:checked:before,
.formVertical .formGroup .formRadioButtons .ui-state-active>.ui-checkboxradio-icon:before,
.modFilter .radiobuttonlist .link-transfer.checked:before,
.accordionAsModFilter .radiobuttonlist .link-transfer.checked:before,
.form1 .radiobuttongroup .ui-state-active>.ui-checkboxradio-icon:before,
.order-form .radiobuttongroup .ui-state-active>.ui-checkboxradio-icon:before,
.checkoutStep3 .sepaMandate .radiobuttongroup .ui-state-active>.ui-checkboxradio-icon:before,
.mainSlider .mainControls .numericControls li:before,
.checkoutReservation .radiobuttongroup .ui-state-active>.ui-checkboxradio-icon:before {
    content: "\e810";
    font-family: 'bauhaus';
}

.icon-list:before,
.view ul li a.list-view:before {
    content: "\e811";
    font-family: 'bauhaus';
}

.icon-grid:before,
.view ul li a.tile-view:before {
    content: "\e812";
    font-family: 'bauhaus';
}

.icon-home:before {
    content: "\e813";
    font-family: 'bauhaus';
}

.icon-cart-arrow:before {
    content: "\e900";
    font-family: 'bauhaus';
}

.icon-delete:before,
.productGridFilterElements ul.facet_block .remove_filter_item .action_remove:before,
.fancybox-close-txt:before {
    content: "\e901";
    font-family: 'bauhaus';
}

.icon-pen:before {
    content: "\e90c";
    font-family: 'bauhaus';
}

.icon-bubble:before,
.serviceButtons li.rec a:before {
    content: "\e90b";
    font-family: 'bauhaus';
}

.icon-share:before {
    content: "\e90a";
    font-family: 'bauhaus';
}

.icon-print:before,
.serviceButtons li.print a:before {
    content: "\e909";
    font-family: 'bauhaus';
}

.icon-arrow-c-left:before,
.imageGalleryComponent .controls .prevBtn:before,
.imageGalleryComponentSecond .controls .prevBtn:before,
.pictoService .controls .prevBtn:before {
    content: "\e908";
    font-family: 'bauhaus';
}

.icon-arrow-c-right:before,
.imageGalleryComponent .controls .nextBtn:before,
.imageGalleryComponentSecond .controls .nextBtn:before,
.pictoService .controls .nextBtn:before {
    content: "\e907";
    font-family: 'bauhaus';
}

.icon-pin-delivery:before {
    content: "\e906";
    font-family: 'bauhaus';
}

.icon-file-pdf:before,
.productInfo section .detailSection .pdf:before,
.comparison-page .table-infos .column-table .pdf-product:before {
    content: "\e905";
    font-family: 'bauhaus';
}

.icon-info:before,
.productWrapper .offerDetails .buyOptions .buyoptions-box .info:before,
.offsetHeadingWrapper .offsetHeading .info:before,
.comparison-page .table-infos .column-table .buyoptions-box .info:before,
.bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .info:before {
    content: "\e904";
    font-family: 'bauhaus';
}

.icon-delivery:before,
.modProductResult.skinProductResultTile li .buyOptions .availableOnline:before,
.modProductResult.skinProductResultList li .product-data .buyOptions .availableOnline:before,
.productWrapper .offerDetails .buyOptions .buyoptions-box .stock-status span:before,
.comparison-page .table-infos .column-table .buyoptions-box .stock-status span:before,
.bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box.onlineOrder .stock-status span:before {
    content: "\e903";
    font-family: 'bauhaus';
}

.icon-wishlist:before,
.productWrapper .offerDetails .additional-functions .notepad:before {
    content: "\e902";
    font-family: 'bauhaus';
}

.icon-play:before,
.productWrapper .detailImages .product-images .prodThumbs .videoThumb a:before {
    content: "\e90d";
    font-family: 'bauhaus';
}

.icon-product-family:before {
    content: "\e90e";
    font-family: 'bauhaus';
}

.icon-product-set:before,
.productInfo section .detailSection .setComponent span:before,
.comparison-page .table-infos .column-table .set-product-list .setComponent span:before {
    content: "\e90f";
    font-family: 'bauhaus';
}

.icon-house:before,
.mobileNavigation #categoryNav li.homeBtn a:before,
.mobileNavigation #beratungSubNavigation li.homeBtn a:before,
.mobileNavigation .mobileNavigationPanel li.homeBtn a:before,
.mobileNavigation .serviceMetaNavigation ul li.homeBtn a:before {
    content: "\e910";
    font-family: 'bauhaus';
}

.icon-trash:before {
    content: "\e911";
    font-family: 'bauhaus';
}

.icon-house-information:before {
    content: "\e915";
    font-family: 'bauhaus';
}

.icon-share-facebook:before,
.serviceButtons li.fb a span.facebook:before {
    content: "\e91f";
    font-family: 'bauhaus';
}

.icon-pin-connect:before {
    content: "\e914";
    font-family: 'bauhaus';
}

.icon-plain-pin:before,
.lightbox-search #list .mod .result .clearfix .size1of10:before {
    content: "\e913";
    font-family: 'bauhaus';
}

.icon-pin-on-map:before {
    content: "\e912";
    font-family: 'bauhaus';
}

.icon-reload:before {
    content: "\e91e";
    font-family: 'bauhaus';
}

.icon-close:before {
    content: "\e91d";
    font-family: 'bauhaus';
}

.icon-sliders:before {
    content: "\e91c";
    font-family: 'bauhaus';
}

.icon-fax:before {
    content: "\e91b";
    font-family: 'bauhaus';
}

.icon-star:before {
    content: "\e91a";
    font-family: 'bauhaus';
}

.icon-block:before {
    content: "\e919";
    font-family: 'bauhaus';
}

.icon-calendar:before {
    content: "\e918";
    font-family: 'bauhaus';
}

.icon-warning:before {
    content: "\e917";
    font-family: 'bauhaus';
}

.icon-profile-lock:before {
    content: "\e916";
    font-family: 'bauhaus';
}

.icon-card:before {
    content: "\e920";
    font-family: 'bauhaus';
}

.icon-compare:before {
    content: "\e921";
    font-family: 'bauhaus';
}

.icon-plus:before {
    content: "\e922";
    font-family: 'bauhaus';
}

.icon-bookmark:before {
    content: "\e923";
    font-family: 'bauhaus';
}

.icon-eye:before {
    content: "\e924";
    font-family: 'bauhaus';
}

.icon-pinterest:before {
    content: "\e927";
    font-family: 'bauhaus';
}

.icon-tweet:before {
    content: "\e926";
    font-family: 'bauhaus';
}

.icon-youtube:before {
    content: "\e925";
    font-family: 'bauhaus';
}

html {
    font-size: 100%;
    height: 100%;
}

input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    border-radius: 0;
}

*:focus {
    outline: none;
}

body {
    color: #636363;
    height: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 660px) and (max-width: 960px),
screen and (max-width: 659px) {
    body {
        background: #FFFFFF;
    }
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

a {
    color: #636363;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #666666;
}

hr {
    border: 1px solid #EFEFEF;
    margin: 1em 0;
}

.visuallyhidden,
.hidden {
    display: none;
}

.vishidden {
    visibility: hidden;
}

.relPos {
    position: relative;
}

/* ::Import styles */
/* ------------------------------------------------------------ */
/*
---- Table of content ----

--- Implementation
----- Transitions
--- Color system
----- Brand colors
----- Base colors
----- Utility colors
--- Font
--- Buttons
--- Forms
*/
body.js_header-animated {
    transition: padding-top .25s linear;
}

body.js_header-fixed {
    padding-top: 6.875rem;
}

body.js_header-fixed.js_header-minimum {
    padding-top: 3.125rem;
}

body.js_prevent-body-scrolling {
    overflow: hidden;
}

body.js_using-mouse :focus,
body.js_using-mouse .focus {
    outline: none !important;
    box-shadow: none !important;
}

.page .container-fluid>.row {
    background-color: #fff;
}

.container-fluid-wrapper {
    max-width: 75rem;
    margin: auto;
    position: relative;
}

.container-fluid {
    max-width: 75rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}

.container-fluid--md-down-full-with {
    padding-right: 0;
    padding-left: 0;
    /*
     * .container-fluid--without-overflow could be set when children inside .container-fluid not result in a
     * horizontal scrollbar.
     * This class was necessary to apply position: sticky to a children inside .container-fluid, since the nearest
     * ancestor that has a "scrolling mechanism" (overflow) might hinder the sticky functionality.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/position#sticky
     */
}

.container-fluid--md-down-full-with:not(.container-fluid--without-overflow) {
    overflow-x: hidden;
}

.container-fluid--has-content-wrapper {
    background: #fff;
}

.container-fluid--has-content-wrapper .content-wrapper {
    display: inline-block;
    width: 100%;
}

.backdrop {
    display: none;
    background: #000000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.backdrop.fade {
    opacity: 0;
}

.backdrop.js_overlay-header {
    z-index: 1031;
}

.backdrop.show {
    opacity: 0.4;
}

@media (min-width: 660px) {
    body.js_header-fixed {
        padding-top: 8.125rem;
    }

    .container-fluid {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    .container-fluid--md-down-full-with {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 961px) {
    body.js_header-fixed {
        padding-top: 9.375rem;
    }

    body.js_header-fixed.js_header-minimum {
        padding-top: 3.4375rem;
    }

    .page {
        padding-bottom: 1.875rem;
    }

    .container-fluid--md-down-full-with {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        overflow-x: unset;
    }

    .container-fluid--has-content-wrapper {
        background: transparent;
    }

    .container-fluid--has-content-wrapper>.content-wrapper {
        background: #fff;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
}

.pagination {
    width: 100%;
    margin-top: 1.5em;
    border-top: 1px solid #DDD;
    background-color: #EFEFEF;
    padding: 1em 5%;
}

.pagination:before,
.pagination:after {
    content: "";
    display: table;
}

.pagination:after {
    clear: both;
}

.pagination a {
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    background-color: #FFF;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: .5em;
    border: 1px solid #DDD;
    color: #333;
    display: block;
    text-align: center;
    line-height: 1.8em;
}

.pagination a.active {
    background-color: #EE1F26;
    border: 1px solid #EE1F26;
    color: #FFF;
}

.pagination .pages {
    margin-bottom: .5em;
}

.pagination .firstPage,
.pagination .lastPage {
    width: 48px;
}

.pagination input {
    padding: .6em;
    background-color: #FFFFFF;
    border: 0;
    -webkit-transition: all, 0.6s, ease-in;
    -khtml-transition: all, 0.6s, ease-in;
    -moz-transition: all, 0.6s, ease-in;
    -ms-transition: all, 0.6s, ease-in;
    -o-transition: all, 0.6s, ease-in;
    transition: all, 0.6s, ease-in;
    width: 3em;
}

.pagination input:focus {
    outline: none;
}

.pagination .goToPage {
    float: right;
    margin-top: -1em;
}


.fancybox-mask {
    z-index: 9998;
}

.body {
    margin: 0 auto;
}

@media screen and (min-width: 961px) {
    .body {
        width: 100%;
        border-top: 1px solid white;
        background-color: white;
    }
}

@media screen and (min-width: 660px) and (max-width: 960px) {
    .body {
        width: 100%;
    }
}

@media screen and (max-width: 659px) {
    .body {
        width: 100%;
    }
}

@media screen and (min-width: 961px) {

    .page,
    .headerWrapper,
    .footerWrapper {
        max-width: 1200px;
        padding: 0 20px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 659px) {

    .page,
    .headerWrapper,
    .footerWrapper {
        min-width: 320px;
    }
}

@media screen and (min-width: 961px) {
    .headerWrapper {
        height: 150px;
    }
}

@media screen and (min-width: 660px) and (max-width: 960px) {
    .headerWrapper {
        height: 130px;
    }
}

@media screen and (max-width: 659px) {
    .headerWrapper {
        height: 110px;
    }
}

.headerCheckout {
    position: relative;
}

@media screen and (min-width: 961px) {
    .headerCheckout {
        height: 100px;
    }
}

@media screen and (min-width: 660px) and (max-width: 960px) {
    .headerCheckout {
        height: 80px;
    }
}

@media screen and (max-width: 659px) {
    .headerCheckout {
        height: 60px;
    }
}

@media screen and (max-width: 659px) {
    .wrapper {
        overflow: hidden;
    }
}

.wrapper,
header.head {
    margin: 0 auto;
}

@media screen and (min-width: 961px) {

    .wrapper,
    header.head {
        max-width: 100%;
    }
}

@media screen and (max-width: 659px) {

    .wrapper,
    header.head {
        min-width: 320px;
        /* font-size: 0.9em */
    }
}

.window {
    background-color: #fff;
}

.content {
    position: relative;
}

.clear:before,
.clear:after {
    content: "";
    display: table;
}

.clear:after {
    clear: both;
}

.spinner {
    margin: 35% auto;
    float: none;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(70, 179, 180, 0.8);
    border-right: 1.1em solid rgba(70, 179, 180, 0.6);
    border-bottom: 1.1em solid rgba(70, 179, 180, 0.4);
    border-left: 1.1em solid rgba(70, 179, 180, 0.2);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.spinner,
.spinner:after {
    border-radius: 50%;
    width: 5em;
    height: 5em;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinWrap {
    position: fixed;
    width: 100vw;
    height: inherit;
    background-color: rgba(255, 255, 255, 0.9);
    margin: 0 auto;
    text-align: center;
    left: 0;
    top: 0;
    z-index: 12;
}

.textLeft {
    text-align: left;
}

.textRight {
    text-align: right;
}

.floatLeft,
.service-content .service-nav,
.service-content .main-content,
.service-content .float-left,
.skinContentRental .rates .size1of2 {
    float: left;
    display: block;
}

.floatRight,
.service-content .float-right {
    float: right;
    display: block;
}

.hidden {
    display: none;
}

.full-width {
    width: 100%;
}

@media screen and (min-width: 660px) and (max-width: 960px) {
    .full-width .row {
        width: 100%;
        display: table;
    }
}

@media screen and (min-width: 961px) {
    .full-width .unit-1-out-of-3 {
        width: 33.3%;
    }
}

@media screen and (min-width: 660px) and (max-width: 960px) {
    .full-width .unit-1-out-of-3 {
        width: 33.3%;
    }
}

@media screen and (max-width: 659px) {
    .full-width .unit-1-out-of-3 {
        width: 100%;
    }
}

@media screen and (min-width: 961px) {
    .full-width .unit-7-out-of-10 {
        width: 70%;
    }
}

@media screen and (min-width: 660px) and (max-width: 960px) {
    .full-width .unit-7-out-of-10 {
        width: 70%;
    }
}

@media screen and (max-width: 659px) {
    .full-width .unit-7-out-of-10 {
        width: 100%;
    }
}

@media screen and (min-width: 961px) {
    .full-width .unit-3-out-of-10 {
        width: 30%;
    }
}

@media screen and (min-width: 660px) and (max-width: 960px) {
    .full-width .unit-3-out-of-10 {
        width: 30%;
    }
}

@media screen and (max-width: 659px) {
    .full-width .unit-3-out-of-10 {
        width: 100%;
    }
}

@media screen and (min-width: 961px) {
    .full-width .unit-2-out-of-5 {
        width: 40%;
    }
}

@media screen and (min-width: 660px) and (max-width: 960px) {
    .full-width .unit-2-out-of-5 {
        width: 60%;
    }
}

@media screen and (max-width: 659px) {
    .full-width .unit-2-out-of-5 {
        width: 93%;
    }
}

@media screen and (min-width: 961px) {
    .full-width .unit-1-out-of-4 {
        width: 25%;
    }
}

@media screen and (min-width: 660px) and (max-width: 960px) {
    .full-width .unit-1-out-of-4 {
        width: 50%;
    }
}

@media screen and (max-width: 659px) {
    .full-width .unit-1-out-of-4 {
        width: 100%;
    }
}

.half-width {
    width: 50%;
}

.one-third-width {
    width: 33.3%;
}

.default-left-margin,
.validation-error-message-box .validation-content,
.service-content .accordion-section .accordion-section-content,
.service-content .indent-content .bd,
.skinContentRental .inner-text {
    margin-left: 1em;
}

.margin-left-10 {
    margin-left: 10px;
}

.default-mini-left-margin {
    margin-left: 0.1em;
}

.default-left-half-margin {
    margin-left: 0.5em;
}

.default-left-margin-pixels {
    margin-left: 20px;
}

.default-negative-left-margin,
.service-content .accordion-section {
    margin-left: -1em;
}

.default-right-margin-pixels {
    margin-right: 20px;
}

.default-right-margin,
.validation-error-message-box .validation-content,
.service-content .accordion-section .accordion-section-content {
    margin-right: 1em;
}

.margin-right-2em {
    margin-right: 2em;
}

.default-right-half-margin {
    margin-right: 0.5em;
}

.default-mini-right-margin {
    margin-right: 0.1em;
}

.default-bottom-margin,
.validation-error-message-box .validation-content {
    margin-bottom: 2em;
}

.default-bottom-mini-margin {
    margin-bottom: .5em;
}

.default-top-margin,
.validation-error-message-box .validation-content,
.checkoutStep1CorC .addressContent #checkoutDeliveryAddressDataForm,
.service-content .security-and-transport li {
    margin-top: 1em;
}

.default-top-half-margin {
    margin-top: 0.5em;
}

.default-mini-top-margin {
    margin-top: 0.1em;
}

.nine-out-of-ten {
    width: 90%;
}

.eight-out-of-ten {
    width: 80%;
}

.seven-out-of-ten {
    width: 70%;
}

.margin-top-8-out-of-10 {
    margin-top: 0.8em;
}

.zero-padding {
    padding: 0 0 0 0;
}

.zero-margin-bottom {
    margin-bottom: 0px;
}

.bg-light-gray {
    background-color: #DADADA;
}

.bg-very-light-gray {
    background-color: #F0EFED;
}

.default-top-padding {
    padding-top: 1em;
}

.default-bottom-padding {
    padding-bottom: 1em;
}

.hidden {
    display: none;
}

.modMessages.cookieerror {
    padding: 1em;
}

.inline-block {
    display: inline-block;
}

.validation-error-message-box {
    background-color: #ff9900;
    color: #FFFFFF;
}

.orange-color {
    color: #ff9900;
}

@media screen and (min-width: 660px) and (max-width: 960px),
screen and (min-width: 961px) {
    .small-viewport-show-inline-block {
        display: none;
    }
}

@media screen and (max-width: 659px) {
    .small-viewport-show-inline-block {
        display: inline-block;
    }

    .small-viewport-hide {
        display: none;
    }

    .viewport-small-textright {
        text-align: right;
    }
}

.postion-middle {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

@media screen and (min-width: 660px) and (max-width: 960px),
screen and (max-width: 659px) {
    .large-viewport-show-only {
        display: none;
    }
}

@media screen and (min-width: 961px) {
    .large-viewport-show-only {
        display: block;
    }
}

.no-margin-top-and-bottom {
    margin-top: 0em;
    margin-bottom: 0em;
}

.no-margin-bottom {
    margin-bottom: 0em;
}

.darkGrayBackground-with-white-text {
    background: #636363;
    color: white;
}

.width-auto {
    width: auto;
}

.system-requirements {
    background-color: #3399cc;
    color: #FFFFFF;
}

.system-requirements .content {
    margin: auto;
    padding: 20px;
}

@media screen and (min-width: 961px) {
    .system-requirements .content {
        width: 1200px;
    }
}

.cookieLayer {
    display: block;
    max-width: 100%;
    background-color: #333333;
    color: #FFFFFF;
}

.cookieLayer .contentCookieLayer {
    display: block;
    max-width: 1200px;
    width: 100%;
    padding: 13px;
    margin: 0 auto;
}

@media screen and (min-width: 961px) {
    .cookieLayer .contentCookieLayer {
        padding: 13px 20px;
    }
}

@media screen and (min-width: 660px) and (max-width: 960px) {
    .cookieLayer .contentCookieLayer {
        padding: 13px 20px 13px 24px;
    }
}

@media screen and (max-width: 659px) {
    .cookieLayer .contentCookieLayer {
        padding: 13px 10px 13px 13px;
    }
}

.cookieLayer .contentCookieLayer .textCookieLayer {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 90%;
    float: left;
    display: inline-block;
    float: none;
    font-size: 14px;
}

.cookieLayer .contentCookieLayer a {
    color: #FFFFFF;
    margin-left: 20px;
    font-weight: bold;
}

.cookieLayer .contentCookieLayer .icon-delete,
.cookieLayer .contentCookieLayer .productGridFilterElements ul.facet_block .remove_filter_item .action_remove,
.productGridFilterElements ul.facet_block .remove_filter_item .cookieLayer .contentCookieLayer .action_remove,
.cookieLayer .contentCookieLayer .fancybox-close-txt:before {
    float: right;
    margin-top: 4px;
}

.cookieLayer .contentCookieLayer .icon-delete:hover,
.cookieLayer .contentCookieLayer .productGridFilterElements ul.facet_block .remove_filter_item .action_remove:hover,
.productGridFilterElements ul.facet_block .remove_filter_item .cookieLayer .contentCookieLayer .action_remove:hover,
.cookieLayer .contentCookieLayer .fancybox-close-txt:hover:before {
    cursor: pointer;
}

.editmode {
    display: block;
}

.editmode .editit {
    display: none;
}

.editmode .contactinfo {
    display: none;
}

.editmode .addressHidden {
    display: block;
}

.no-top {
    top: 0px !important;
}

@media screen and (max-width: 659px) {
    .viewpor-l-show-full-width {
        width: 100%;
    }
}

.fake-link {
    cursor: pointer;
}

.inline-header h1,
.inline-header h2,
.inline-header h3,
.inline-header h4 {
    float: left;
    display: block;
}

.inline-header h1 {
    margin-top: 0.3em;
}

.inline-header h2 {
    margin-top: 0.3em;
}

.inline-header h3 {
    margin-top: 0.7em;
}

.inline-header h4 {
    margin-top: 1em;
}

.left-padding-8pixels {
    padding-left: 8px;
}

.right-padding-8pixels {
    padding-right: 8px;
}

.bottom-margin-16pixels {
    margin-bottom: 16px;
}

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

  Mixins available:
    -   css3-prefix             - arguments: Property, Value
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-horizontal   - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   background-opacity      - arguments: Color: #000, Opacity: .85
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transform-style         - arguments: Style: preserve-3d
    -   transition              - Default arguments: What: all, Length: 1s, Easing: ease-in-out
    -                            - Examples: @include transition (all 2s ease-in-out);
    -                                        @include transition (opacity 1s ease-in 2s, width 2s ease-out);
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
    -   keyframes               - arguments: Animation name
                                - content:   Animation css
    -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state
                                             (http://www.w3schools.com/cssref/css3_pr_animation.asp)

------------------------------------------------------------- */
/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* BACKGROUND GRADIENT */
/* BACKGROUND HORIZONTAL */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BACKGROUND COLOR OPACITY */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRANSITION */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* ANIMATION */
.debug {
    display: none;
    background-color: #FFDF00;
    color: #333;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9999;
}

@media screen and (min-width: 961px) {
    .debug:after {
        content: "screen and (min-width: 961px)" "l-vp";
    }
}

@media screen and (min-width: 660px) and (max-width: 960px) {
    .debug:after {
        content: "screen and (min-width: 660px)and(max-width: 960px)" "m-vp";
    }
}

@media screen and (max-width: 659px) {
    .debug:after {
        content: "screen and (max-width: 659px)" "s-vp";
    }
}

/* settings for search */
svg:not(:root) {
    overflow: hidden;
    vertical-align: middle;
}

.head {
    background-color: #EE1F26;
    color: #FFFFFF;
}

.head .modMetaNavigation nav {
    width: auto;
}

.head .modMetaNavigation nav ul {
    margin: 0;
    padding: 0;
}

.head .modMetaNavigation nav li {
    float: right;
    display: block;
    font-size: 12px;
    padding: 10px 0 0 10px;
}

@media screen and (min-width: 660px) and (max-width: 960px) {
    .head .modMetaNavigation nav {
        width: auto;
        padding: 0 20px 0 0;
    }
}

@media screen and (max-width: 659px) {
    .head .modMetaNavigation nav {
        display: none;
    }
}

.head li a {
    color: #FFFFFF;
}

.head .ui-autocomplete li a {
    color: #636363;
}

.head .ui-autocomplete .ui-category a {
    height: 20px;
    font-family: "tazbold", Helvetica, Arial, sans-serif;
    display: block;
}

@media screen and (min-width: 660px) and (max-width: 960px) {

    .head .lineHeaderGradient,
    .head .modMainNavigation {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .head .lineHeaderGradient:after,
    .head .modMainNavigation:after {
        content: " ";
        display: block;
        clear: both;
    }
}

@media screen and (max-width: 659px) {

    .head .lineHeaderGradient,
    .head .modMainNavigation {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .head .lineHeaderGradient:after,
    .head .modMainNavigation:after {
        content: " ";
        display: block;
        clear: both;
    }
}

@media screen and (min-width: 961px),
screen and (min-width: 660px) and (max-width: 960px) {
    .head .meta-navigation {
        height: 25px;
    }
}

.head .headerWrapper .lineHeaderGradient {
    position: relative;
    margin: auto;
}

@media screen and (min-width: 961px) {
    .head .headerWrapper .lineHeaderGradient {
        height: 75px;
    }
}

@media screen and (min-width: 660px) and (max-width: 960px) {
    .head .headerWrapper .lineHeaderGradient {
        height: 55px;
        padding: 0 20px;
    }
}

@media screen and (max-width: 659px) {
    .head .headerWrapper .lineHeaderGradient {
        height: 60px;
        padding: 0 10px;
    }
}

.head .headerCheckout .lineHeaderGradient {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
}

@media screen and (min-width: 961px) {
    .head .headerCheckout .lineHeaderGradient {
        height: 75px;
    }
}

.head .accountTab .l-vp {
    display: block;
}

@media screen and (min-width: 961px) {
    .head .modLogo a .l-vp {
        display: block;
        margin-top: -1px;
    }
}

@media screen and (max-width: 659px) {

    .head .accountTab .m-vp,
    .head .accountTab .l-vp {
        display: none;
    }
}

@media screen and (min-width: 660px) and (max-width: 960px) {
    .productWrapper .detailImages .product-images .mainProductImage.videoImage .l-vp {
        display: none !important;
    }
}

@media screen and (max-width: 659px) {

    .head .accountTab .m-vp,
    .head .accountTab .l-vp {
        display: none;
    }
}

@media screen and (max-width: 659px) {
    .head .cartTab .s-vp {
        display: block;
    }
}

.head .cartTab .m-vp,
.head .cartTab .l-vp {
    display: block;
}

@media screen and (min-width: 660px) and (max-width: 960px) {
    .productWrapper .detailImages .product-images .mainProductImage.videoImage .l-vp {
        display: none !important;
    }
}

.head .modLogo a {
    display: inline-block;
}

@media screen and (max-width: 659px) {
    .head .modLogo a {
        margin-left: 0;
    }
}

.head .modLogo a img {
    display: none;
}

@media screen and (max-width: 659px) {
    .head .modLogo a .s-vp {
        display: block;
        margin-top: 9px;
    }
}

@media screen and (min-width: 660px) and (max-width: 960px) {
    .head .modLogo a .m-vp {
        display: block;
        margin-top: -2px;
    }
}

@media screen and (min-width: 961px) {
    .head .modLogo a .l-vp {
        display: block;
        margin-top: -1px;
    }
}