.cmsHeader.menu-home .cmsHeader__menu {
    display: none;
    position: relative;
    z-index: 1;
}

.cmsMain .product__spaContainer {
    min-height: 85vh;
}

#product-app {
    position: relative;
    z-index: 1;
}

.comparison__outter{
    min-height: 80vh;
}

.comparison {
    position: relative;
}

.svg-icon {
    display: inline-block;
    fill: currentColor;
}

[styles-root] * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

[styles-root] a, [styles-root] abbr, [styles-root] acronym, [styles-root] address, [styles-root] applet, [styles-root] article, [styles-root] aside, [styles-root] audio, [styles-root] big, [styles-root] blockquote, [styles-root] body, [styles-root] button, [styles-root] canvas, [styles-root] caption,
[styles-root] center, [styles-root] cite, [styles-root] code, [styles-root] dd, [styles-root] del, [styles-root] details, [styles-root] dfn, [styles-root] div, [styles-root] dl, [styles-root] dt, [styles-root] em, [styles-root] embed, [styles-root] fieldset, [styles-root] figcaption,
[styles-root] figure, [styles-root] footer, [styles-root] form, [styles-root] h1, [styles-root] h2, [styles-root] h3, [styles-root] h4, [styles-root] h5, [styles-root] h6, [styles-root] header, [styles-root] hgroup, [styles-root] html, [styles-root] i, [styles-root] iframe,
[styles-root] img, [styles-root] input, [styles-root] ins, [styles-root] kbd, [styles-root] label, [styles-root] legend, [styles-root] li, [styles-root] mark, [styles-root] menu, [styles-root] nav, [styles-root] object, [styles-root] ol, [styles-root] output, [styles-root] p,
[styles-root] pre, [styles-root] q, [styles-root] ruby, [styles-root] s, [styles-root] samp, [styles-root] section, [styles-root] select, [styles-root] small, [styles-root] span, [styles-root] strike, [styles-root] strong, [styles-root] sub, [styles-root] summary, [styles-root] sup,
[styles-root] table, [styles-root] tbody, [styles-root] td, [styles-root] tfoot, [styles-root] th, [styles-root] thead, [styles-root] time, [styles-root] tr, [styles-root] tt, [styles-root] u, [styles-root] ul, [styles-root] var, [styles-root] video {
    margin: 0;
    padding: 0;
    color: #333;
    font-weight: 400;
    font-size: .8125rem;
    font-family: Roboto,Helvetivca Neue,Arial,sans-serif;
    line-height: 120%;
    vertical-align: unset;
    border: 0;
}

[styles-root] article, [styles-root] aside, [styles-root] details, [styles-root] figcaption, [styles-root] figure, [styles-root] footer, [styles-root] header, [styles-root] hgroup, [styles-root] menu, [styles-root] nav, [styles-root] section {
    display: block;
}

[styles-root] button {
    background-color: transparent;
    border: 0;
    outline: none;
    cursor: pointer;
}

[styles-root] a:focus, [styles-root] button:focus, [styles-root] input:focus {
    outline: none;
}

[styles-root] input:focus {
    -webkit-box-shadow: 0 0 5px 2px #0098dd;
    box-shadow: 0 0 5px 2px #0098dd;
}

[styles-root] .comparisonHeader {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 1.25rem 1.25rem;
}

[styles-root] .\--headingExtraLarge {
    font-weight: 300;
    line-height: 120%;
    font-size: 1.25rem;
}

[styles-root] .comparisonHeader__actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

[styles-root] .actionButtonOutter {
    display: inline-block;
}

[styles-root] .comparisonHeader__actionButtons {
    height: 2.375rem;
    margin-right: 1.25rem;
}

[styles-root] .actionButton {
    display: inline-block;
    width: 100%;
    padding: .625rem .75rem;
    font-size: .875rem;
    line-height: 1;
    background-color: #e4e4e4;
    cursor: pointer;
}

[styles-root] .actionButton:hover {
    background-color: #a6a6a6;
}

[styles-root] .actionButton__wrapper {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    font-size: inherit;
}

[styles-root] .actionButton__iconContainer {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: .9375rem;
    height: .9375rem;
    margin-right: .625rem;
    color: #666;
    -webkit-transform: scale(1);
    transform: scale(1);
}

[styles-root] .actionButton__text {
    color: inherit;
    font-size: inherit;
}

[styles-root] .actionButton__iconContainer svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

[styles-root] .stickyTitles {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 25;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 40px);
    margin: 0 1.25rem;
    overflow-x: scroll;
    background: #e4e4e4;
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 50%);
    box-shadow: 0 2px 5px rgb(0 0 0 / 50%);
    pointer-events: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

[styles-root] .comparison__baseContainer {
    position: relative;
    max-width: 100%;
    overflow-x: scroll;
}

[styles-root] .comparison__base {
    margin-bottom: 1.875rem;
    border: solid #e4e4e4;
    border-width: 0 0 0 1px;
}

[styles-root] .comparison__productActions, [styles-root] .comparison__productInformation {
    display: -ms-flexbox;
    display: flex;
}

[styles-root] .comparison__taxInformation {
    position: absolute;
    left: 0;
    padding: .3125rem;
}

[styles-root] .\--gray-dark {
    color: #666;
}

[styles-root] .comparison__productActions {
    -ms-flex-align: end;
    align-items: flex-end;
}

[styles-root] .comparisonAddBlock {
    margin-bottom: 1.25rem;
}

[styles-root] .comparisonAddBlock__inner{
    padding: 1.25rem;
}

[styles-root] .\--bkgnd-gray-extra-light {
    background-color: #f4f4f4;
}

[styles-root] .\--headingExtraSmall {
    font-weight: 400;
    font-size: .875rem;
}

[styles-root] .comparisonAddBlock__illustration {
    display: block;
    max-width: 9.375rem;
    margin: 0 auto;
    fill: #0098dd;
}

[styles-root] .comparisonAddBlock__fieldContainer {
    position: relative;
}

[styles-root] .comparisonAddBlock__field {
    width: 100%;
    height: 2.5rem;
    margin-bottom: 1.875rem;
    padding: 0 1.25rem;
    vertical-align: middle;
    background: 0 0;
    border: 1px solid #a6a6a6;
}

[styles-root] .comparisonAddBlock__field:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

[styles-root] .buttonContainer {
    display: inline-block;
}

[styles-root] .button--expanded {
    width: 100%;
}

[styles-root] .button {
    display: inline-block;
    padding: .625rem;
    line-height: 1;
    text-align: center;
    background: #0098dd;
    cursor: pointer;
}

[styles-root] .button:hover {
    background: #0081bc;
}

[styles-root] .button--medium {
    padding: .53125rem;
}

[styles-root] .button--yellow {
    background: #ffe600;
}

[styles-root] .button--yellow:hover {
    background: #d9c400;
}

[styles-root] .button--large {
    padding: .8125rem;
}

[styles-root] .button--expanded {
    width: 100%;
}

[styles-root] .button:disabled {
    background: #a6d8f4;
    cursor: not-allowed;
}

[styles-root] .button--yellow:disabled {
    background: #fff7b2;
}

[styles-root] .button__wrapper {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
}

[styles-root] .button__text {
    color: #fff;
    font-size: 1rem;
}

[styles-root] .comparison__base::-webkit-scrollbar{
    -webkit-appearance:none;
}

[styles-root] .comparison__base::-webkit-scrollbar-thumb{
    height:.625rem;
    background:#a6a6a6;
    border-radius:.625rem
}

[styles-root] .stickyTitles::-webkit-scrollbar{
    width:0;
    height:0
}

[styles-root] .comparisonTeaser {
    height: 100%;
    padding: .625rem;
    border: solid #e4e4e4;
    border-width: 1px 1px 0 0;
}

[styles-root] .comparisonTeaser__base {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

[styles-root] .comparisonTeaser__remove {
    position: absolute;
    top: 0;
    right: 0;
}

[styles-root] .teaserImage__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

[styles-root] .productTeaser__priceWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 3.75rem;
    flex-basis: 3.75rem;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

[styles-root] .comparisonTeaser__section {
    padding-bottom: .625rem;
}

[styles-root] .sellerName__sellerLabel {
    color: #0098dd;
    font-weight: 300;
    vertical-align: top;
}

[styles-root] .comparisonAttribute__column {
    padding: .625rem;
    background-color: inherit;
    border: solid #e4e4e4;
    border-width: 0 1px 0 0;
}

[styles-root] .comparisonAttribute__column--name {
    position: absolute;
    left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: inherit;
    border-width: 0;
}

[styles-root] .\--body {
    font-size: .875rem;
    line-height: 1.5;
}

[styles-root] .\--weightBold {
    font-weight: 700;
}

[styles-root] .sellerName {
    margin-bottom: 15px;
}

[styles-root] .\--headingSmall {
    font-weight: 400;
    font-size: .875rem;
}

[styles-root] .comparisonTeaser__image {
    margin: 0 auto;
    padding-top: 3.75rem;
}

[styles-root] a {
    text-decoration: none;
    outline: none;
}

[styles-root] .teaserImage__img {
    display: block;
    margin: 0 auto;
}

[styles-root] .button--gray {
    background: #e4e4e4;
}

[styles-root] .button__iconContainer {
    position: relative;
    width: 1.125rem;
    height: 1.125rem;
    color: #fff;
    -webkit-transform: scale(1.33);
    transform: scale(1.33);
}

[styles-root] .button--gray .button__iconContainer, [styles-root] .button--gray .button__text {
    color: #000;
}

[styles-root] .button--medium .button__iconContainer {
    width: 1.125rem;
    height: 1.125rem;
}

[styles-root] .button__iconContainer svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

[styles-root] .button--gray:hover {
    background: #a6a6a6;
}

[styles-root] .priceInfo__batteryDeposit, [styles-root] .priceInfo__priceInformationText,
[styles-root] .priceInfo__sellerFreeShipping, [styles-root] .priceInfo__specialDiscount,
[styles-root] .priceInfo__taxInformation {
    color: #666;
    line-height: 1.4;
}

[styles-root] .priceInfo__batteryDeposit span, [styles-root] .priceInfo__priceInformationText span,
[styles-root] .priceInfo__sellerFreeShipping span, [styles-root] .priceInfo__specialDiscount span,
[styles-root] .priceInfo__taxInformation span {
    color: #666;
}

[styles-root] .availabilityStatus__status {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

[styles-root] .availabilityStatus__status--green {
    color: #387338;
}

[styles-root] .availabilityStatus__status--blue, [styles-root] .availabilityStatus__status--yellow {
    color: #c15700;
}

[styles-root] .availabilityStatus__status--red {
    color: #af1c06;
}

[styles-root] .availabilityStatus__additionalOne {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

[styles-root] .availabilityStatus__additionalDeliveryText {
    color: inherit;
}

[styles-root] .comparisonAttribute {
    display: -ms-flexbox;
    display: flex;
}

[styles-root] .comparison__attribute:nth-child(odd) {
    background-color: #f4f4f4;
}

[styles-root] .availabilityStatus__status .svg-icon {
    margin-top: 5px;
    margin-right: 10px;
    vertical-align: text-bottom;
    stroke-width: 3px;
}

[styles-root] .availabilityStatus__status--small .svg-icon {
    margin-top: 2px;
}

[styles-root] .comparisonAction {
    padding: .625rem;
    border: solid #e4e4e4;
    border-width: 0 1px 0 0;
}

[styles-root] .button__leftIcon {
    margin-left: .625rem;
}

[styles-root] .button--yellow .button__iconContainer, [styles-root] .button--yellow .button__text {
    color: #000;
}

[styles-root] .button--large .button__iconContainer {
    width: 1.25rem;
    height: 1.25rem;
}

[styles-root] .button--large .button__text {
    font-size: 1rem;
}

[styles-root] .productTeaser__priceDiscount {
    margin-bottom: .3125rem;
}

[styles-root] .label {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-right: .8125rem;
    padding: .3125em .625rem .3125em .9375rem;
    color: #fff;
    font-weight: 700;
    font-size: .8125rem;
    line-height: 1;
    background: #0098dd;
}

[styles-root] .label:after {
    position: absolute;
    top: 0;
    right: -.8125rem;
    height: 100%;
    border-top: 1.25rem solid #0098dd;
    border-right: .8125rem solid transparent;
    content: "";
}

[styles-root] .label--red {
    background: #e86c60;
}

[styles-root] .label--red:after {
    border-top-color: #e86c60;
}

[styles-root] .\--crossed-out {
    text-decoration: line-through;
}

[styles-root] .\--red {
    color: #e86c60;
}

@media only screen and (min-width: 48em){
  .comparison {
      padding: 0 1.25rem;
      border: none;
  }

  [styles-root] .comparisonHeader {
    margin: 0 0 .625rem;
    padding-bottom: 1.25rem;
    border-bottom: 2px solid #e4e4e4;
  }

  [styles-root] .comparison__base {
    overflow-x: scroll;
    border: none;
  }

  [styles-root] .comparison__taxInformation {
    padding: 1.25rem;
  }

  [styles-root] .comparisonAddBlock__illustration {
    max-width: none;
  }
}

@media only screen and (min-width: 64em){
  [styles-root] .\--headingExtraLarge {
      font-size: 1.5625rem;
  }

  [styles-root] .\--headingExtraSmall {
    font-size: 1rem;
  }

  [styles-root] .button {
    padding: .8125rem;
  }

  [styles-root] .button--medium {
      padding: .9375rem;
  }
}

@media only screen and (min-width: 90em){
  [styles-root] .\--headingExtraLarge {
      font-size: 1.5625rem;
  }

  [styles-root] .\--headingExtraSmall {
    font-size: 1rem;
  }
}
