@charset "UTF-8";
/*
 * blueimp Gallery CSS
 * https://github.com/blueimp/Gallery
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * https://opensource.org/licenses/MIT
 */

.blueimp-gallery,
.blueimp-gallery > .slides > .slide > .slide-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* Prevent artifacts in Mozilla Firefox: */
  -moz-backface-visibility: hidden;
}
.blueimp-gallery > .slides > .slide > .slide-content {
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  opacity: 1;
}
.blueimp-gallery {
  position: fixed;
  z-index: 999999;
  overflow: hidden;
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0;
  display: none;
  direction: ltr;
  -ms-touch-action: none;
  touch-action: none;
}
.blueimp-gallery-carousel {
  position: relative;
  z-index: auto;
  margin: 1em auto;
  /* Set the carousel width/height ratio to 16/9: */
  padding-bottom: 56.25%;
  box-shadow: 0 0 10px #000;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.blueimp-gallery-display {
  display: block;
  opacity: 1;
}
.blueimp-gallery > .slides {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.blueimp-gallery-carousel > .slides {
  position: absolute;
}
.blueimp-gallery > .slides > .slide {
  position: relative;
  float: left;
  height: 100%;
  text-align: center;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
     -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
      -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
       -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
          transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.blueimp-gallery,
.blueimp-gallery > .slides > .slide > .slide-content {
  -webkit-transition: opacity 0.2s linear;
     -moz-transition: opacity 0.2s linear;
      -ms-transition: opacity 0.2s linear;
       -o-transition: opacity 0.2s linear;
          transition: opacity 0.2s linear;
}
.blueimp-gallery > .slides > .slide-loading {
  background: url(/_ui/em/images//loading.gif) center no-repeat;
  background-size: 64px 64px;
}
.blueimp-gallery > .slides > .slide-loading > .slide-content {
  opacity: 0;
}
.blueimp-gallery > .slides > .slide-error {
  background: url(/_ui/em/images//error.png) center no-repeat;
}
.blueimp-gallery > .slides > .slide-error > .slide-content {
  display: none;
}
.blueimp-gallery > .prev,
.blueimp-gallery > .next {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -23px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 0 2px #000;
  text-align: center;
  background: #222;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  border: 3px solid #fff;
  -webkit-border-radius: 23px;
     -moz-border-radius: 23px;
          border-radius: 23px;
  opacity: 0.5;
  cursor: pointer;
  display: none;
}
.blueimp-gallery > .next {
  left: auto;
  right: 15px;
}
.blueimp-gallery > .close,
.blueimp-gallery > .title {
  position: absolute;
  top: 15px;
  left: 15px;
  margin: 0 40px 0 0;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  opacity: 0.8;
  display: none;
}
.blueimp-gallery > .close {
  padding: 15px;
  right: 15px;
  left: auto;
  margin: -15px;
  font-size: 30px;
  text-decoration: none;
  cursor: pointer;
}
.blueimp-gallery > .play-pause {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 15px;
  height: 15px;
  background: url(/_ui/em/images//play-pause.png) 0 0 no-repeat;
  cursor: pointer;
  opacity: 0.5;
  display: none;
}
.blueimp-gallery-playing > .play-pause {
  background-position: -15px 0;
}
.blueimp-gallery > .prev:hover,
.blueimp-gallery > .next:hover,
.blueimp-gallery > .close:hover,
.blueimp-gallery > .title:hover,
.blueimp-gallery > .play-pause:hover {
  color: #fff;
  opacity: 1;
}
.blueimp-gallery-controls > .prev,
.blueimp-gallery-controls > .next,
.blueimp-gallery-controls > .close,
.blueimp-gallery-controls > .title,
.blueimp-gallery-controls > .play-pause {
  display: block;
  /* Fix z-index issues (controls behind slide element) on Android: */
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
       -o-transform: translateZ(0);
          transform: translateZ(0);
}
.blueimp-gallery-single > .prev,
.blueimp-gallery-left > .prev,
.blueimp-gallery-single > .next,
.blueimp-gallery-right > .next,
.blueimp-gallery-single > .play-pause {
  display: none;
}
.blueimp-gallery > .slides > .slide > .slide-content,
.blueimp-gallery > .prev,
.blueimp-gallery > .next,
.blueimp-gallery > .close,
.blueimp-gallery > .play-pause {
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
body:last-child .blueimp-gallery > .slides > .slide-error {
  background-image: url(/_ui/em/images//error.svg);
}
body:last-child .blueimp-gallery > .play-pause {
  width: 20px;
  height: 20px;
  background-size: 40px 20px;
  background-image: url(/_ui/em/images//play-pause.svg);
}
body:last-child .blueimp-gallery-playing > .play-pause {
  background-position: -20px 0;
}

/* IE7 fixes */
*+html .blueimp-gallery > .slides > .slide {
  min-height: 300px;
}
*+html .blueimp-gallery > .slides > .slide > .slide-content {
  position: relative;
}
/* -file old_front_fixes */
body .corp-wrapper, body .corp-wrapper * {
  font-family: "Helvetica Neue", Helvetica, sans-serif; }

body .corp-wrapper .glyphicons {
  font-family: 'Glyphicons Regular', sans-serif; }

body .corp-wrapper .glyphicons {
  font-family: 'Glyphicons Regular', sans-serif; }

body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) {
  font-family: "PragmaticaLight", sans-serif; }
  body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout).shop:not(.page_cm) {
    font-size: 14px;
    font-style: normal;
    font-weight: 300; }

/* new navigation */
#wrapper-3 {
  width: 100%; }
  @media (min-width: 991px) {
    #wrapper-3 {
      width: calc(100% - 175px); } }

@media (min-width: 991px) {
  #wrapper-2 {
    flex-wrap: wrap;
    display: flex; } }

#main {
  min-height: 300px; }
  @media (min-width: 991px) {
    #main {
      width: 100%;
      box-sizing: border-box;
      min-height: auto; } }

@media (min-width: 991px) {
  #platform {
    width: calc(100% - 175px);
    box-sizing: border-box; } }

body.nav__mobile--opened #branding {
  display: none; }

.kombimodule-mobile #wrapper-3,
.kombimodule-mobile #main {
  width: 100%;
  box-sizing: border-box; }

.kombimodule-mobile .app-main-nav {
  display: none; }

.kombimodule-mobile .app-footer {
  display: none; }

/*disabling checkboxes */
.prettycheckbox.prettyDisabled label {
  opacity: 0.3;
  pointer-events: none; }

.checkout__header form.add-to-cart {
  display: none; }

body:not(.sticky-header) .language-bar__inner-container,
body:not(.sticky-header) .main-bar#branding {
  margin: 0 auto;
  padding: 0;
  max-width: 1400px; }
  @media (min-width: 990px) {
    body:not(.sticky-header) .language-bar__inner-container,
    body:not(.sticky-header) .main-bar#branding {
      max-width: 980px; } }
  @media (min-width: 1220px) {
    body:not(.sticky-header) .language-bar__inner-container,
    body:not(.sticky-header) .main-bar#branding {
      max-width: 1200px; } }
  @media (min-width: 1350px) {
    body:not(.sticky-header) .language-bar__inner-container,
    body:not(.sticky-header) .main-bar#branding {
      max-width: 1300px; } }
  @media (min-width: 1450px) {
    body:not(.sticky-header) .language-bar__inner-container,
    body:not(.sticky-header) .main-bar#branding {
      max-width: 1400px; } }

#wrapper-2 {
  max-width: 1400px;
  width: auto; }
  @media (min-width: 990px) {
    #wrapper-2 {
      max-width: 980px; } }
  @media (min-width: 1220px) {
    #wrapper-2 {
      max-width: 1200px; } }
  @media (min-width: 1350px) {
    #wrapper-2 {
      max-width: 1300px; } }
  @media (min-width: 1450px) {
    #wrapper-2 {
      max-width: 1400px; } }

.app-header {
  border-bottom: 1px solid #DEDEDE; }
  .app-header .main-bar#branding {
    border: 0; }
    .app-header .main-bar#branding .search-input {
      background: white; }

body.page__home .app-header .main-bar#branding .user-button--guest {
  display: none; }
  @media (min-width: 990px) {
    body.page__home .app-header .main-bar#branding .user-button--guest {
      visibility: hidden;
      opacity: 0;
      display: block; } }

.user-flyout__login a.button, .user-flyout__login a.user-flyout__activate-id, .user-flyout__login a.cart-flyout__go-cart, .user-flyout__login a.multicart-flyout__create-new-cart, .user-flyout__login a.multicart-flyout__choose_cart {
  display: block;
  color: #fff;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
  font-size: 14px;
  padding: 10px;
  border-radius: 2px;
  height: 34px;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
  outline: none;
  background: #00946E; }

body.sticky-header .main-bar#branding {
  width: 100%;
  left: auto !important; }
  body.sticky-header .main-bar#branding .main-bar__inner-container {
    max-width: 1400px;
    margin: 0 auto; }
    @media (min-width: 990px) {
      body.sticky-header .main-bar#branding .main-bar__inner-container {
        max-width: 980px; } }
    @media (min-width: 1220px) {
      body.sticky-header .main-bar#branding .main-bar__inner-container {
        max-width: 1200px; } }
    @media (min-width: 1350px) {
      body.sticky-header .main-bar#branding .main-bar__inner-container {
        max-width: 1300px; } }
    @media (min-width: 1450px) {
      body.sticky-header .main-bar#branding .main-bar__inner-container {
        max-width: 1400px; } }

#corporate-meta .language-bar__dropdown li {
  float: none; }

#corporate-meta a.language-bar__dropdown__link {
  margin-left: 0;
  text-align: center; }

.user-button__id {
  font-weight: bold; }

.cart-button__name,
.cart-button__products-number {
  line-height: 1em; }

#old-messages {
  display: none !important; }

#platform > div {
  width: calc(100% - 40px); }

@media (max-width: 990px) {
  #main {
    width: 100%;
    box-sizing: border-box; } }

#wrapper {
  left: auto !important; }

#site-info {
  position: static !important; }

@font-face {
  font-family: 'PragmaticaLight';
  src: url(e05bee871545cc05254b89d8a46530bf.eot?#iefix) format("embedded-opentype"), url(5c2ba76393b9195ca8ba7d9a22d4f77e.otf) format("opentype"), url(67a1a06c36a33c9ce7470dfb9e782c84.woff) format("woff"), url(ffd5cf024d6ef9fc2e0c187c66cd6853.ttf) format("truetype"), url(68c401f79501e743401a99e9a6cde931.svg#PragmaticaLight) format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'PragmaticaExtraLight-Reg';
  src: url(8858ed7ec19a371d77cde225b314c918.eot?#iefix) format("embedded-opentype"), url(617d5f1697c695120f15b139cc8e29fe.otf) format("opentype"), url(3240cb854aac7bd095f0989fae37d774.woff) format("woff"), url(3193bf32f718e47cdaf679041e833083.ttf) format("truetype"), url(13d2ec0a26300ecccd97b8e9e82373ff.svg#PragmaticaExtraLight-Reg) format("svg");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: "PragmaticaBold";
  src: url(03239329ae98d5c29a3ed0a8f3dbef11.eot?#iefix);
  src: url(03239329ae98d5c29a3ed0a8f3dbef11.eot?#iefix) format("eot"), url(dbe73e2ae7a01cb992205882b159cd2a.woff2) format("woff2"), url(2e16022940d7f3121ba815dc79477e04.woff) format("woff"), url(e6222a86f5b7f1a65296b3dc3aeb0c38.ttf) format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "PragmaticaNormal";
  src: url(551ce8a162db2e21d0ce5e7650daf9c0.eot?#iefix);
  src: url(551ce8a162db2e21d0ce5e7650daf9c0.eot?#iefix) format("eot"), url(829a85b1baea6ac99d0ac05204c106fd.woff2) format("woff2"), url(cd142f7f507c5b0d02a9426b624a87fa.woff) format("woff"), url(6c05528fa380ca1aa628ab79a302a3c3.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

.blueimp__container * {
  font-family: "PragmaticaLight", sans-serif;
  font-size: 16px; }

body:not(.gallery-popped) .blueimp__container {
  position: relative; }
  body:not(.gallery-popped) .blueimp__container .description {
    position: absolute;
    background: black;
    padding: 30px;
    width: 100%;
    box-sizing: border-box;
    bottom: 110px;
    z-index: 1;
    color: white;
    background: rgba(0, 0, 0, 0.5);
    line-height: 1.2em; }
    body:not(.gallery-popped) .blueimp__container .description .title {
      display: none; }
    body:not(.gallery-popped) .blueimp__container .description .counter, body:not(.gallery-popped) .blueimp__container .description .desc {
      display: inline-block;
      float: left;
      width: 10%; }
    body:not(.gallery-popped) .blueimp__container .description .desc {
      width: 90%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.2em; }
      @media (max-width: 767px) {
        body:not(.gallery-popped) .blueimp__container .description .desc {
          white-space: normal;
          height: auto;
          max-height: 2.4em; } }
    @media (max-width: 440px) {
      body:not(.gallery-popped) .blueimp__container .description {
        padding: 10px 30px; } }
    @media (max-width: 767px) {
      body:not(.gallery-popped) .blueimp__container .description {
        bottom: 170px; } }
  body:not(.gallery-popped) .blueimp__container .controls {
    display: none;
    position: absolute; }
  @media (max-width: 767px) {
    body:not(.gallery-popped) .blueimp__container {
      margin-left: -20px;
      margin-right: -20px; }
      body:not(.gallery-popped) .blueimp__container .blueimp__slides {
        padding: 0 25px; }
      body:not(.gallery-popped) .blueimp__container .blueimp__header {
        padding: 0 25px; } }

body.gallery-popped.sticky-header #corporate-header {
  position: static; }

body.gallery-popped .app-header {
  position: static; }

body.gallery-popped .app-main-nav {
  display: none; }

.blueimp__container.open {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #58585A;
  padding: 0 40px 40px 40px;
  box-sizing: border-box;
  z-index: 100;
  overflow: scroll; }
  .blueimp__container.open .blueimp__container--inner {
    box-sizing: border-box;
    float: left;
    width: 80%; }
  .blueimp__container.open .description {
    float: left;
    width: 20%;
    color: white;
    display: block;
    padding-right: 30px;
    box-sizing: border-box; }
    .blueimp__container.open .description .title {
      font-size: 16px;
      display: inline-block;
      font-weight: bold;
      margin-bottom: 1em; }
    .blueimp__container.open .description .counter {
      display: inline-block;
      margin-right: 10px; }
    .blueimp__container.open .description .desc {
      line-height: 1.2em; }
  .blueimp__container.open .blueimp-gallery-carousel {
    margin-top: 0; }
  .blueimp__container.open .blueimp__slides {
    display: none; }
  .blueimp__container.open .controls {
    display: block;
    position: static;
    margin-bottom: 20px;
    line-height: 40px;
    margin-top: 5px; }
    .blueimp__container.open .controls .close {
      color: white;
      line-height: 40px;
      vertical-align: middle;
      cursor: pointer;
      position: relative;
      padding-left: 40px; }
    .blueimp__container.open .controls .icon {
      color: red;
      font-size: 40px;
      margin-right: 10px;
      position: absolute;
      left: 0;
      top: -10px;
      font-family: "Arial", sans-serif; }
  .blueimp__container.open .blueimp__header {
    display: none; }
  @media (max-width: 767px) {
    .blueimp__container.open {
      display: flex;
      flex-direction: column;
      padding: 0; }
      .blueimp__container.open .controls {
        width: 100%;
        order: 1;
        padding: 0 20px;
        margin-bottom: 10px; }
      .blueimp__container.open .description {
        order: 3;
        width: 100%;
        float: none;
        margin-top: 10px;
        padding: 0 20px;
        box-sizing: border-box; }
      .blueimp__container.open .blueimp__container--inner {
        float: none;
        width: 100%;
        order: 2; } }

.blueimp-gallery-carousel {
  box-shadow: none;
  margin: 20px auto; }
  .blueimp-gallery-carousel .next, .blueimp-gallery-carousel .prev {
    border-radius: 0;
    background: none;
    border: 0;
    opacity: 1;
    width: 40px;
    height: 40px;
    border-top: 4px solid white;
    border-right: 4px solid white; }
  .blueimp-gallery-carousel .next {
    display: block;
    transform: rotate(45deg);
    right: 30px; }
  .blueimp-gallery-carousel .prev {
    transform: rotate(225deg);
    left: 30px; }

.blueimp__slides {
  display: flex;
  justify-content: space-around; }
  .blueimp__slides a {
    text-decoration: none;
    width: 25%;
    text-align: center;
    margin-right: 20px;
    position: relative; }
  .blueimp__slides .blueimp__thumbnail {
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
    .blueimp__slides .blueimp__thumbnail:nth-child(n+4) {
      display: none; }
    @media (max-width: 767px) {
      .blueimp__slides .blueimp__thumbnail {
        width: 230px; }
        .blueimp__slides .blueimp__thumbnail:nth-child(n+3) {
          display: none; } }
    @media (max-width: 440px) {
      .blueimp__slides .blueimp__thumbnail {
        max-height: 95px; } }
  .blueimp__slides .blueimp__thumbnail--action {
    margin-right: 0; }
  .blueimp__slides .blueimp__thumbnail--plus {
    font-size: 40px;
    display: inline-block;
    color: #00946E;
    width: 50px;
    height: 35px;
    border: 2px solid #00946E;
    line-height: 25px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%; }
    .blueimp__slides .blueimp__thumbnail--plus:before {
      content: "";
      position: absolute;
      width: 50px;
      height: 35px;
      border-left: 2px solid #00946E;
      border-top: 2px solid #00946E;
      left: -7px;
      top: -7px; }
    @media (min-width: 649px) and (max-width: 767px) {
      .blueimp__slides .blueimp__thumbnail--plus {
        width: 100px;
        height: 75px;
        font-size: 80px;
        line-height: 55px;
        border-width: 4px; }
        .blueimp__slides .blueimp__thumbnail--plus:before {
          width: 100px;
          height: 75px;
          border-width: 4px;
          left: -10px;
          top: -10px; } }

.blueimp__container--inner {
  cursor: pointer; }

.blueimp__container.length--1 .next, .blueimp__container.length--1 .prev {
  display: none !important; }

.blueimp__container.length--1 .blueimp__slides {
  display: none !important; }

.blueimp__container.length--1 .description {
  bottom: 0 !important; }

.blueimp__header h3 {
  font-size: 22px;
  line-height: 1.4;
  margin-bottom: 20px;
  font-weight: bold; }

.blueimp__header p {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 20px; }

.list .energy-label {
  position: relative;
  display: block;
  width: 51px;
  height: 18px;
  margin: 2px 0 2px 0;
  padding: 0 0 0 5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  color: #fff; }
  .list .energy-label-tip {
    position: absolute;
    left: 100%;
    border: 9px solid transparent; }
  .list .energy-label-content > sup {
    position: absolute;
    top: -2px; }

.grid .energy-label {
  position: absolute;
  right: 0;
  bottom: 14px;
  display: block;
  width: 42px;
  height: 18px;
  margin: 2px 15px 2px 0;
  padding: 0 0 0 5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  color: #fff; }
  .grid .energy-label-tip {
    position: absolute;
    left: -18px;
    border: 9px solid transparent; }
  .grid .energy-label-content {
    text-align: right;
    width: 75%;
    position: absolute;
    display: inline-block; }
    .grid .energy-label-content > sup {
      position: relative;
      top: -2px; }

#productdetail .energy-label {
  position: relative;
  width: 70px;
  height: 30px;
  display: block;
  margin: 2px 0 2px 0;
  padding: 0 0 0 5px;
  font-family: "PragmaticaBold", sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #fff; }
  #productdetail .energy-label:hover, #productdetail .energy-label:active, #productdetail .energy-label:focus {
    text-decoration: none; }
  #productdetail .energy-label-tip {
    position: absolute;
    left: 100%;
    border: 15px solid transparent; }
  #productdetail .energy-label .energy-label-content {
    line-height: 20px; }
  #productdetail .energy-label-content > sup {
    position: relative;
    font-size: 14px;
    top: 2px; }

#wrapper .cart-table .cartTableBody .energy-label {
  position: relative;
  float: right;
  display: block;
  width: 51px;
  height: 20px;
  margin: 2px 0 2px 0;
  padding: 0 0 0 5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #fff; }
  #wrapper .cart-table .cartTableBody .energy-label-tip {
    position: absolute;
    left: -20px;
    border: 10px solid transparent; }
  #wrapper .cart-table .cartTableBody .energy-label-content {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    width: 75%;
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: -1px; }
  #wrapper .cart-table .cartTableBody .energy-label-content > sup {
    position: relative;
    top: 3px;
    font-size: 14px; }
  #wrapper .cart-table .cartTableBody .energy-label span {
    line-height: 20px;
    color: #fff;
    font-size: 14px; }
    #wrapper .cart-table .cartTableBody .energy-label span.energy-label-content {
      line-height: 14px; }

.wishlist-table .energy-label-container {
  display: inline-block;
  margin-right: 56px; }

.wishlist-table .energy-label {
  left: 100%; }

body #combi-module-store-confirm {
  word-break: break-all;
  padding-left: 40px; }

body #right-column .right-column-container .links-container {
  word-break: break-all; }

@media (min-width: 701px) {
  body .save-template {
    margin-left: 10px; } }

body .saved-configurations-container {
  float: left;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    body .saved-configurations-container {
      margin-bottom: 0; } }
  body .saved-configurations-container .block-link {
    display: block;
    font-size: 14px;
    margin-top: 10px; }
    @media (min-width: 768px) {
      body .saved-configurations-container .block-link {
        margin-top: 5px; } }

@media (min-width: 701px) and (max-width: 1219px) {
  body #savedConfigurations_chzn {
    max-width: 165px; }
    body #savedConfigurations_chzn .chzn-drop {
      max-width: 164px; }
      body #savedConfigurations_chzn .chzn-drop input {
        max-width: 128px; } }

@media (min-width: 701px) and (max-width: 1219px) {
  body #kombimodulAddToCarForm input {
    margin-right: 10px; } }

@media (min-width: 701px) and (max-width: 1219px) {
  body .icon-cart .glyphicons-shopping-cart {
    left: -2px; } }

body .icon-cart--hide-mobile {
  position: static;
  padding-left: 0; }
  @media (min-width: 701px) and (max-width: 1219px) {
    body .icon-cart--hide-mobile {
      display: none; } }

body .icon-cart--mobile-view {
  position: static;
  padding-left: 0; }
  @media (min-width: 701px) and (max-width: 991px) {
    body .icon-cart--mobile-view {
      display: none; } }

.chzn-container .chzn-container-single .chzn-single {
  padding: 5px 0 6px 8px !important; }
  .chzn-container .chzn-container-single .chzn-single span {
    font-size: 16px !important; }

.wishlistpopup form .wishlistpopupselect {
  font-size: 12px !important; }

body #productdetail .new-details-table .stocks .stock__label {
  font-weight: bold; }

body #productdetail .new-details-table .stocks .stock__value {
  font-weight: normal; }

/* local variables */
/* content */
.cms__container {
  background: #fff;
  padding: 20px 0;
  width: 100%; }
  @media (min-width: 1221px) {
    .cms__container {
      position: relative; } }
  .cms__container .blueimp__container {
    max-width: 890px;
    margin: 0 auto 40px; }
    .cms__container .blueimp__container + .cms__image-article {
      margin-top: 20px; }

body:not(.gallery-popped) .cms-compontent-wrapper .blueimp__container {
  max-width: calc(800px - 20px);
  margin: 0 auto; }

body.gallery-popped .blueimp__container {
  width: 100%;
  margin: 0;
  max-width: none; }

.cms__splash {
  margin: 20px auto;
  background-size: cover;
  background-position: center;
  width: calc(100% - (2 * 20px));
  height: 375px; }

.cms__plp {
  padding-left: 20px;
  margin-bottom: 75px; }
  .cms__plp .promoted__title {
    display: none; }
  .cms__plp .tile-col {
    padding: 0;
    margin-right: 20px;
    width: 100%; }
    @media (min-width: 650px) {
      .cms__plp .tile-col {
        width: calc(50% - 20px); } }
    @media (min-width: 900px) {
      .cms__plp .tile-col {
        width: calc(33.3333% - 20px); } }
    @media (min-width: 1351px) {
      .cms__plp .tile-col {
        width: calc(25% - 20px); } }

.cms__logo {
  max-width: 890px;
  margin: 60px auto 53px;
  padding: 0 20px; }
  .cms__logo img {
    max-width: 100%; }
  @media (min-width: 1351px) {
    .cms__logo {
      padding: 0; } }

table.event-detail-table {
  border: 0;
  border-spacing: 0; }
  table.event-detail-table tr td {
    padding: 20px;
    border: 0;
    border-top: 1px solid #333; }
    table.event-detail-table tr td:nth-child(1) {
      text-align: left; }
    table.event-detail-table tr td:nth-child(2) {
      text-align: right; }
  table.event-detail-table tr:last-child td {
    border-bottom: 1px solid #333; }

.default-flyout, .cart-flyout {
  position: relative;
  border: 1px solid #5d5d5d;
  border-top: 5px solid #5d5d5d;
  background: #fff;
  width: 300px;
  padding: 10px;
  cursor: auto;
  z-index: 11;
  min-height: 100px; }

.default-flyout:before, .cart-flyout:before {
  content: '';
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #555555;
  top: -14px; }

.default-flyout--triangle-centered:before {
  left: 165px; }

.default-flyout--triangle-almost-right:before, .cart-flyout:before {
  right: 30px; }

.default-flyout--triangle-right:before, .multicart-flyout:before {
  right: 0; }

.default-flyout--bigger-padding, .user-flyout, .multicart-flyout {
  padding: 20px; }

.default-flyout__section {
  border-top: 1px solid #B8B8B8;
  padding-top: 15px;
  margin-top: 15px; }

.default-flyout__title {
  font-size: 18px;
  margin-bottom: 10px;
  word-break: break-all; }

.default-flyout__text {
  font-size: 12px;
  margin-bottom: 6px; }

.default-flyout__loader {
  position: absolute;
  z-index: 1;
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid #00946e;
  width: 30px;
  height: 30px;
  -webkit-animation: default-flyout__loader-spin .75s linear infinite;
  animation: default-flyout__loader-spin .75s linear infinite;
  left: calc(50% - 18px);
  top: 25px; }

@-webkit-keyframes default-flyout__loader-spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes default-flyout__loader-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.button, .user-flyout__activate-id, .cart-flyout__go-cart, .multicart-flyout__create-new-cart, .multicart-flyout__choose_cart {
  display: inline-block;
  color: #fff;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
  font-size: 14px;
  padding: 10px;
  border-radius: 2px;
  height: 34px;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
  outline: none; }

.button--block, .user-flyout__activate-id, .cart-flyout__go-cart, .multicart-flyout__create-new-cart, .multicart-flyout__choose_cart {
  display: block;
  width: 100%;
  border: none;
  cursor: pointer; }

.button--primary, .user-flyout__activate-id, .cart-flyout__go-cart, .multicart-flyout__choose_cart {
  background: #00946E; }
  .button--primary:hover, .user-flyout__activate-id:hover, .cart-flyout__go-cart:hover, .multicart-flyout__choose_cart:hover {
    background: #077858; }

.button--secondary, .multicart-flyout__create-new-cart {
  background: #818284; }
  .button--secondary:hover, .multicart-flyout__create-new-cart:hover {
    background: #979797; }

.button--white {
  background: #fff;
  color: #000; }

.app-button {
  border: 1px solid #00946E;
  color: #00946E;
  background: white;
  border-radius: 2px;
  font-weight: bold;
  font-size: 14px;
  line-height: 32px;
  padding: 3px 20px;
  text-align: center;
  white-space: nowrap;
  max-width: calc(100% - 4 * 20px);
  overflow: hidden;
  display: inline-block;
  text-decoration: none;
  text-overflow: ellipsis;
  cursor: pointer;
  vertical-align: middle; }
  .app-button--primary:hover {
    border-color: white;
    background: #00946E;
    color: white; }
    .app-button--primary:hover a {
      color: white; }
  .app-button--secondary {
    border: 0;
    text-decoration: underline;
    font-weight: normal; }
    .app-button--secondary:hover {
      font-weight: bold;
      margin-left: -2px; }
  .app-button--gray {
    color: white;
    background: #818284;
    border-color: white;
    font-weight: normal; }
    .app-button--gray:hover {
      border: 1px solid #818284;
      background: white;
      color: #818284; }
      .app-button--gray:hover a {
        color: #818284; }
  .app-button--disabled {
    opacity: 0.5;
    pointer-events: none; }

/*
 * component button
 */
.embutton {
  color: #00946E;
  text-align: center;
  overflow: hidden;
  position: static;
  font-size: 16px;
  text-decoration: none;
  font-weight: normal;
  margin-bottom: 20px;
  width: 100%; }
  .embutton .embutton__link {
    text-decoration: none;
    color: #017B5C;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    padding: 8px 20px;
    line-height: 24px;
    border: 1px solid #017B5C;
    border-radius: 2px; }
    .embutton .embutton__link:hover {
      color: white;
      background: #017B5C;
      border-color: white; }
  .embutton--green .embutton__link {
    color: #00946E;
    border-color: #00946E; }
    .embutton--green .embutton__link:hover {
      border-color: #00946E;
      background: #00946E;
      color: white; }
  .embutton--green.emCorporateContentCatalog .embutton__link {
    color: #00946E;
    background: white;
    border-color: #00946E;
    border-radius: 3px; }
    .embutton--green.emCorporateContentCatalog .embutton__link:hover {
      border-color: #00946E;
      background: #00946E;
      color: white; }
  .embutton--white .embutton__link {
    background: transparent;
    color: white;
    border-color: white; }
    .embutton--white .embutton__link:hover {
      background: white;
      color: #00946E; }
  .embutton--red .embutton__link {
    color: #b64442;
    border-color: #b64442; }
    .embutton--red .embutton__link:hover {
      border-color: transparent;
      background: #b64442; }
  .embutton--pink .embutton__link {
    color: #E3004A;
    border-color: #E3004A; }
    .embutton--pink .embutton__link:hover {
      border-color: transparent;
      background: #E3004A; }
  .embutton--bottom {
    position: absolute;
    bottom: 20px;
    z-index: 2; }
  .embutton--shadowed a, .embutton--shadowed {
    box-shadow: 2px 2px 3px 0 rgba(102, 102, 102, 0.3); }
  .embutton--large a {
    font-size: 1.2em; }
  .embutton--left, .embutton--cms-button-left {
    text-align: left; }
    .embutton--left.embutton--bottom, .embutton--cms-button-left.embutton--bottom {
      left: 20px; }
  .embutton--right, .embutton--cms-button-right {
    text-align: right; }
    .embutton--right.embutton--bottom, .embutton--cms-button-right.embutton--bottom {
      right: 20px; }

/* -file helpers */
.text-normal {
  font-size: 12px; }

.text-small, .cart-flyout__price-info, .cart-flyout__other-prod-info, .cart-flyout__no-prod-info {
  font-size: 10px; }

.bold, .cart-flyout__cart-name {
  font-weight: bold; }

.fw-normal, .app-header .user-button__name, .app-header .user-button__login-txt {
  font-weight: normal; }

.text-green, .cart-flyout__cart-name, .cart-flyout__other-prod-info, .cart-flyout__no-prod-info {
  color: #077858; }

.text-black, .user-flyout__go-profile {
  color: #000; }

.text-gray, .cart-flyout__price-info {
  color: #888; }

.xsm-margin-bottom {
  margin-bottom: 4px; }

.sm-margin-bottom, .cart-flyout__cart-name, .cart-flyout__products-num {
  margin-bottom: 5px; }

.m-margin-bottom, .cart-flyout__other-prod-info, .cart-flyout__no-prod-info {
  margin-bottom: 10px; }

.clearfix:after, .cart-flyout__cart-name:after, .cart-flyout__products-num:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }

.pull-left, .user-flyout__go-profile {
  float: left; }

.pull-right {
  float: right !important; }

.text-right,
.align-right,
.cart-flyout__price-info {
  text-align: right; }

.user-flyout {
  position: absolute;
  right: -72px;
  top: 47px;
  width: calc(100vw - 38px);
  font-weight: normal;
  color: #000;
  display: none; }
  @media (min-width: 431px) {
    .user-flyout {
      right: 0;
      width: 300px; } }
  @media (min-width: 991px) {
    .user-flyout {
      right: -159px; } }
  .user-flyout:before {
    right: 78px; }
    @media (min-width: 431px) {
      .user-flyout:before {
        right: 6px; } }
    @media (min-width: 991px) {
      .user-flyout:before {
        right: 165px; } }
  .user-flyout.user-flyout--as-login {
    right: 0;
    width: 275px;
    box-sizing: border-box; }
    .user-flyout.user-flyout--as-login:before {
      right: 6px; }

.user-flyout__username {
  margin-bottom: 10px;
  word-break: break-all;
  font-size: 18px;
  font-weight: normal; }

.user-flyout__pro5 {
  display: none;
  font-size: 1.2em; }
  .user-flyout__pro5--value {
    display: inline-block; }
    .user-flyout__pro5--value a {
      color: #b64442; }
  .user-flyout__pro5--shown {
    display: block; }

.user-flyout__user-profile-link, .user-flyout__go-profile, .user-flyout__user-logout {
  position: relative;
  text-decoration: none;
  float: left; }

.user-flyout__user-profile-link--margin-right, .user-flyout__go-profile {
  margin-right: 10px; }

.user-flyout__user-profile-link__ico, .user-flyout__user-logout__ico {
  font-size: 18px;
  color: #444; }

.user-flyout__user-profile-link__text, .user-flyout__user-logout__text {
  text-decoration: underline;
  color: #077858;
  margin-top: 9px;
  display: inline-block;
  margin-left: -4px;
  font-size: 12px; }

.user-flyout__user-logout__submit {
  border: none;
  background: #fff;
  cursor: pointer;
  position: relative;
  top: -2px; }

.user-flyout__customer-id__options {
  margin: 10px 0 20px 0;
  overflow: scroll;
  overflow-x: hidden;
  max-height: 260px; }

.user-flyout__customer-id__option, .multicart-flyout__choose-cart__option {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer; }

.user-flyout__customer-id__option__txt, .multicart-flyout__choose-cart__option__txt {
  padding-left: 4px;
  line-height: 1.3;
  max-width: 88%; }

.user-flyout__profile, .user-flyout__login {
  display: none; }

#login .app-login-form.load .loginbutton {
  pointer-events: none !important;
  background: #7AB09C; }

.user-flyout__login .title {
  font-size: 16px;
  font-weight: 400;
  margin: 0 2px; }

.user-flyout__login .title__loader {
  float: right;
  display: none; }

.user-flyout__login .bad-attempt-info {
  padding: 16px;
  display: none;
  line-height: 1.4; }

.user-flyout__login .app-login-form.load .title__loader {
  display: inline-block; }

.user-flyout__login .app-login-form.load .button--primary, .user-flyout__login .app-login-form.load .user-flyout__activate-id, .user-flyout__login .app-login-form.load .cart-flyout__go-cart, .user-flyout__login .app-login-form.load .multicart-flyout__choose_cart {
  pointer-events: none;
  background: #7AB09C; }

.user-flyout__login .input {
  border-radius: 2px;
  background: #fff;
  border: 1px solid #afb0af;
  font-size: 14px;
  padding: 9px;
  box-sizing: border-box;
  width: 100%;
  margin-top: 12px; }

.user-flyout__login .remember-me {
  margin: 12px 0;
  display: flex;
  align-items: center; }

.user-flyout__login .reset-password {
  margin: 12px 0;
  color: #077858;
  display: inline-block; }

.user-flyout__login .register-info {
  margin: 12px 0;
  display: inline-block; }

.cart-flyout {
  font-weight: normal;
  color: #000;
  position: absolute;
  top: 48px;
  right: -19px;
  display: none;
  z-index: 100; }

.cart-flyout__product {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  text-decoration: none;
  padding: 10px 0 10px 6px;
  border-bottom: 1px solid #B8B8B8; }
  .cart-flyout__product:first-child {
    border-top: 1px solid #B8B8B8;
    margin-top: 10px; }
  .cart-flyout__product:last-child {
    margin-bottom: 15px; }
  .cart-flyout__product:hover {
    background: #CDE3D2; }
  .cart-flyout__product--combi {
    cursor: auto; }
    .cart-flyout__product--combi:hover {
      background: transparent; }

.cart-flyout__product__img-wrapper {
  width: 50px;
  min-width: 50px;
  height: 50px;
  margin-right: 17px;
  display: flex;
  align-items: center;
  justify-content: center; }

.cart-flyout__product__img {
  max-width: 50px;
  max-height: 50px; }

.cart-flyout__product__info {
  display: block;
  flex-direction: column;
  font-size: 11px;
  color: #000;
  line-height: 1.1; }
  .cart-flyout__product__info strong {
    font-weight: normal; }
    .cart-flyout__product__info strong.bold, .cart-flyout__product__info strong.cart-flyout__cart-name {
      font-weight: bold; }
  .cart-flyout__product__info * {
    display: block; }

.cart-flyout__no-prod-info {
  border-top: 1px solid #B2B2B2;
  margin-top: 10px;
  padding-top: 10px; }

.cart-flyout__go-cart:hover {
  color: white;
  text-decoration: none; }

.multicart-flyout {
  font-weight: normal;
  color: #000;
  position: absolute;
  top: 48px;
  right: 0;
  display: none; }

.multicart-flyout__btns-space, .multicart-flyout__create-new-cart {
  margin-bottom: 10px; }

.multicart-flyout__choose-cart__options {
  margin-bottom: 20px;
  max-height: 470px;
  overflow: auto; }

.multicart-flyout__pinned-cart-icon {
  display: inline-block;
  background: url(/_ui/em/images/icon-pin-bl.png) no-repeat right center;
  background-size: 12px 12px;
  width: 12px;
  height: 12px; }

.multicart-flyout__choose-cart__option__txt {
  word-break: break-all; }

.multicart-flyout__create-new-cart:disabled {
  opacity: .5;
  cursor: not-allowed; }

.app-container, .app-header .language-bar__inner-container, .app-header .main-bar__inner-container {
  margin: 0 auto;
  box-sizing: border-box;
  position: relative; }
  @media (min-width: 991px) {
    .app-container, .app-header .language-bar__inner-container, .app-header .main-bar__inner-container {
      width: 980px; } }
  @media (min-width: 1221px) {
    .app-container, .app-header .language-bar__inner-container, .app-header .main-bar__inner-container {
      width: 1201px; } }
  @media (min-width: 1350px) {
    .app-container, .app-header .language-bar__inner-container, .app-header .main-bar__inner-container {
      width: 1301px; } }
  @media (min-width: 1450px) {
    .app-container, .app-header .language-bar__inner-container, .app-header .main-bar__inner-container {
      width: 1420px; } }

.app-container.app-container--flex {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start; }

.global-container {
  background: #fff;
  padding: 20px;
  width: 100%;
  position: relative; }

.app-header {
  background: #fff;
  margin-bottom: 15px;
  position: relative;
  z-index: 1000; }
  .app-header .language-bar {
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    padding: 13px 0 12px 0;
    display: none; }
    .app-header .language-bar a {
      font-size: 14px; }
    @media (min-width: 991px) {
      .app-header .language-bar {
        display: block; } }
  .app-header .language-bar__inner-container {
    justify-content: flex-end;
    margin: 0 auto;
    display: flex; }
  .app-header .language-bar__link {
    color: #000;
    text-decoration: none;
    margin-left: 30px;
    font-size: 13px; }
    .app-header .language-bar__link:hover {
      color: #00946E; }
  .app-header .language-bar__language {
    font-size: 14px;
    margin-left: 20px;
    position: relative; }
  .app-header .language-bar__language__current {
    color: #000;
    text-decoration: none; }
    .app-header .language-bar__language__current.language-bar__language__current--change {
      color: #00946E; }
      .app-header .language-bar__language__current.language-bar__language__current--change .language-bar__language__current-ico-down {
        display: none; }
      .app-header .language-bar__language__current.language-bar__language__current--change .language-bar__language__current-ico-up {
        display: block; }
  .app-header .language-bar__language__current-ico-down, .app-header .language-bar__language__current-ico-up {
    float: right;
    margin-left: -2px;
    margin-top: -4px;
    height: 14px;
    font-size: 12px; }
  .app-header .language-bar__language__current-ico-down {
    display: block; }
  .app-header .language-bar__language__current-ico-up {
    display: none; }
  .app-header .language-bar__dropdown {
    position: absolute;
    top: 17px;
    right: -4px;
    background: #fff;
    padding: 20px;
    padding-bottom: 10px;
    z-index: 1000;
    border: 1px solid #00946E;
    text-align: center;
    display: none; }
    .app-header .language-bar__dropdown.language-bar__dropdown--show {
      display: block; }
  .app-header .language-bar__dropdown__link {
    font-size: 14px;
    display: inline-block;
    line-height: 19.5px;
    color: #000;
    text-decoration: none;
    margin-bottom: 10px; }
    .app-header .language-bar__dropdown__link:hover {
      color: #00946E; }
  .app-header .main-bar {
    border-bottom: 1px solid #dedede;
    position: relative; }
  .app-header .main-bar--fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffff; }
  .app-header .main-bar__inner-container {
    margin: 0 auto;
    height: 80px;
    display: flex;
    align-items: flex-end;
    box-sizing: border-box;
    padding: 0 10px 18px 10px; }
    @media (min-width: 991px) {
      .app-header .main-bar__inner-container {
        padding: 0 0 9px 0; } }
  .app-header .logo {
    position: relative;
    top: 9px; }
    @media (min-width: 991px) {
      .app-header .logo {
        top: 0;
        margin-right: 115px; } }
  .app-header .link {
    font-size: 18px;
    font-weight: 300;
    margin-right: 26px;
    margin-bottom: 6px;
    text-decoration: none;
    display: none; }
    @media (min-width: 991px) {
      .app-header .link {
        display: inline-block; } }
  .app-header .link--webshop {
    color: #00946E;
    font-weight: bold; }
  .app-header .link--website {
    color: #000; }
    .app-header .link--website:hover {
      color: #00946E; }
  .app-header .search-form {
    position: relative;
    margin: 0 auto; }
    @media (min-width: 1351px) {
      .app-header .search-form {
        margin-right: auto; } }
  .app-header .search-input {
    height: 38px;
    box-sizing: border-box;
    border: 1px solid #8c8c8c;
    border-radius: 2px;
    padding: 0 10px;
    width: 120px;
    position: relative;
    outline: none;
    font-size: 18px;
    font-weight: 300;
    font-family: inherit; }
    .app-header .search-input::-ms-clear {
      display: none; }
    .app-header .search-input:focus {
      border-color: #00946e; }
    @media (min-width: 501px) {
      .app-header .search-input {
        width: 200px; } }
    @media (min-width: 651px) {
      .app-header .search-input {
        width: 280px; } }
  .app-header .search-input__submit-icon {
    position: absolute;
    top: 6px;
    right: 6px;
    cursor: pointer;
    background: #fff;
    border: none;
    height: 30px;
    width: 30px;
    font-family: inherit; }
    .app-header .search-input__submit-icon:focus {
      outline: none; }
  .app-header .btn, .app-header .cart-button, .app-header .multiplecart-popup-trigger, .app-header .user-button {
    position: relative;
    min-width: 130px;
    height: 38px;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 12px;
    text-decoration: none;
    color: #464646;
    border: 1px solid #8c8c8c;
    margin-left: 10px;
    display: inline-block;
    padding: 6px 0 0 10px;
    font-weight: bold;
    cursor: pointer; }
  .app-header .btn--cart, .app-header .btn--multiple-cart, .app-header .multiplecart-popup-trigger, .app-header .cart-button {
    color: #fff;
    border: none;
    background: #00946E;
    font-weight: normal;
    border-right: 1px solid #fff;
    display: none; }
    @media (min-width: 991px) {
      .app-header .btn--cart, .app-header .btn--multiple-cart, .app-header .multiplecart-popup-trigger, .app-header .cart-button {
        display: inline-block; } }
    .app-header .btn--cart:hover, .app-header .btn--multiple-cart:hover, .app-header .multiplecart-popup-trigger:hover, .app-header .cart-button:hover {
      background: #077858; }
  .app-header .btn--multiple-cart, .app-header .multiplecart-popup-trigger {
    min-width: 19px;
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
    .app-header .btn--multiple-cart:before, .app-header .multiplecart-popup-trigger:before {
      content: '';
      width: 0;
      height: 0;
      border: 4px solid transparent;
      border-top: 5px solid #fff;
      position: absolute;
      top: 17px;
      left: 5px; }
  .app-header .btn--user, .app-header .user-button {
    min-width: 38px;
    width: 38px; }
    .app-header .btn--user .btn__text-row, .app-header .user-button .btn__text-row, .app-header .btn--user .cart-button__name, .app-header .user-button .cart-button__name, .app-header .btn--user .cart-button__products-number, .app-header .user-button .cart-button__products-number, .app-header .btn--user .user-button__id, .app-header .user-button .user-button__id, .app-header .btn--user .user-button__name, .app-header .user-button .user-button__name, .app-header .btn--user .user-button__login-txt, .app-header .user-button .user-button__login-txt {
      visibility: hidden; }
      @media (min-width: 431px) {
        .app-header .btn--user .btn__text-row, .app-header .user-button .btn__text-row, .app-header .btn--user .cart-button__name, .app-header .user-button .cart-button__name, .app-header .btn--user .cart-button__products-number, .app-header .user-button .cart-button__products-number, .app-header .btn--user .user-button__id, .app-header .user-button .user-button__id, .app-header .btn--user .user-button__name, .app-header .user-button .user-button__name, .app-header .btn--user .user-button__login-txt, .app-header .user-button .user-button__login-txt {
          visibility: visible; } }
    @media (min-width: 431px) {
      .app-header .btn--user, .app-header .user-button {
        min-width: 130px;
        width: 130px; } }
  .app-header .btn--user__icon, .app-header .user-button__icon {
    font-size: 20px;
    float: right;
    top: 1px;
    position: absolute;
    right: 0; }
  .app-header .btn--cart__icon, .app-header .cart-button__icon {
    position: absolute;
    left: 1px;
    top: 1px;
    font-size: 20px; }
  .app-header .btn__text-row, .app-header .cart-button__name, .app-header .cart-button__products-number, .app-header .user-button__id, .app-header .user-button__name, .app-header .user-button__login-txt {
    display: block;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .app-header .btn__text-row--margin-left, .app-header .cart-button__name, .app-header .cart-button__products-number {
    margin-left: 30px; }
  .app-header .btn__text-row--space-top, .app-header .cart-button__products-number {
    margin-top: 2px; }
  .app-header .burger-menu {
    font-size: 40px;
    color: #A2A2A2;
    text-decoration: none;
    margin-left: 4px;
    position: relative;
    top: 7px;
    display: block;
    opacity: 0.8; }
    @media (min-width: 991px) {
      .app-header .burger-menu {
        display: none; } }
    .app-header .burger-menu:hover {
      opacity: 1; }

.ah-search-suggestions-overlay {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%; }

.ah-search-suggestions-top-triangle {
  z-index: 11; }

.ah-search-suggestions {
  z-index: 10; }

@media (min-width: 991px) {
  body.main-bar--fixed #corporate-meta {
    display: none; } }

#globalMessages {
  position: fixed;
  left: 0;
  top: 0;
  text-align: center;
  z-index: 10000;
  width: 100%; }
  @media (max-width: 990px) {
    #globalMessages {
      top: 72px; } }

body.is-scrolled #globalMessages {
  top: 72px; }

#globalMessages > div {
  padding: 10px;
  font-size: 16px;
  height: 39px; }
  @media (min-width: 991px) {
    #globalMessages > div {
      width: 980px; } }
  @media (min-width: 1221px) {
    #globalMessages > div {
      width: 1201px; } }
  @media (min-width: 1350px) {
    #globalMessages > div {
      width: 1301px; } }
  @media (min-width: 1450px) {
    #globalMessages > div {
      width: 1420px; } }

#globalMessages .info {
  background-color: #00946E; }

#globalMessages .error {
  background: none repeat scroll 0 0 #f499b7; }

#globalMessages .warn {
  background: none repeat scroll 0 0 #FEF1CC; }

body.sticky-header {
  padding-top: 130px;
  box-sizing: border-box; }
  body.sticky-header #branding {
    position: fixed;
    top: 20px;
    left: auto;
    margin-top: -27px;
    width: 100%;
    background: white; }
  body.sticky-header #corporate-meta {
    display: none; }

.default-flyout, .cart-flyout {
  position: relative;
  border: 1px solid #5d5d5d;
  border-top: 5px solid #5d5d5d;
  background: #fff;
  width: 300px;
  padding: 10px;
  cursor: auto;
  z-index: 11;
  min-height: 100px; }

.default-flyout:before, .cart-flyout:before {
  content: '';
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #555555;
  top: -14px; }

.default-flyout--triangle-centered:before {
  left: 165px; }

.default-flyout--triangle-almost-right:before, .cart-flyout:before {
  right: 30px; }

.default-flyout--triangle-right:before, .multicart-flyout:before {
  right: 0; }

.default-flyout--bigger-padding, .user-flyout, .multicart-flyout {
  padding: 20px; }

.default-flyout__section {
  border-top: 1px solid #B8B8B8;
  padding-top: 15px;
  margin-top: 15px; }

.default-flyout__title {
  font-size: 18px;
  margin-bottom: 10px;
  word-break: break-all; }

.default-flyout__text {
  font-size: 12px;
  margin-bottom: 6px; }

.default-flyout__loader {
  position: absolute;
  z-index: 1;
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid #00946e;
  width: 30px;
  height: 30px;
  -webkit-animation: default-flyout__loader-spin .75s linear infinite;
  animation: default-flyout__loader-spin .75s linear infinite;
  left: calc(50% - 18px);
  top: 25px; }

@-webkit-keyframes default-flyout__loader-spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes default-flyout__loader-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.button, .user-flyout__activate-id, .cart-flyout__go-cart, .multicart-flyout__create-new-cart, .multicart-flyout__choose_cart {
  display: inline-block;
  color: #fff;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
  font-size: 14px;
  padding: 10px;
  border-radius: 2px;
  height: 34px;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
  outline: none; }

.button--block, .user-flyout__activate-id, .cart-flyout__go-cart, .multicart-flyout__create-new-cart, .multicart-flyout__choose_cart {
  display: block;
  width: 100%;
  border: none;
  cursor: pointer; }

.button--primary, .user-flyout__activate-id, .cart-flyout__go-cart, .multicart-flyout__choose_cart {
  background: #00946E; }
  .button--primary:hover, .user-flyout__activate-id:hover, .cart-flyout__go-cart:hover, .multicart-flyout__choose_cart:hover {
    background: #077858; }

.button--secondary, .multicart-flyout__create-new-cart {
  background: #818284; }
  .button--secondary:hover, .multicart-flyout__create-new-cart:hover {
    background: #979797; }

.button--white {
  background: #fff;
  color: #000; }

.app-button {
  border: 1px solid #00946E;
  color: #00946E;
  background: white;
  border-radius: 2px;
  font-weight: bold;
  font-size: 14px;
  line-height: 32px;
  padding: 3px 20px;
  text-align: center;
  white-space: nowrap;
  max-width: calc(100% - 4 * 20px);
  overflow: hidden;
  display: inline-block;
  text-decoration: none;
  text-overflow: ellipsis;
  cursor: pointer;
  vertical-align: middle; }
  .app-button--primary:hover {
    border-color: white;
    background: #00946E;
    color: white; }
    .app-button--primary:hover a {
      color: white; }
  .app-button--secondary {
    border: 0;
    text-decoration: underline;
    font-weight: normal; }
    .app-button--secondary:hover {
      font-weight: bold;
      margin-left: -2px; }
  .app-button--gray {
    color: white;
    background: #818284;
    border-color: white;
    font-weight: normal; }
    .app-button--gray:hover {
      border: 1px solid #818284;
      background: white;
      color: #818284; }
      .app-button--gray:hover a {
        color: #818284; }
  .app-button--disabled {
    opacity: 0.5;
    pointer-events: none; }

/*
 * component button
 */
.embutton {
  color: #00946E;
  text-align: center;
  overflow: hidden;
  position: static;
  font-size: 16px;
  text-decoration: none;
  font-weight: normal;
  margin-bottom: 20px;
  width: 100%; }
  .embutton .embutton__link {
    text-decoration: none;
    color: #017B5C;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    padding: 8px 20px;
    line-height: 24px;
    border: 1px solid #017B5C;
    border-radius: 2px; }
    .embutton .embutton__link:hover {
      color: white;
      background: #017B5C;
      border-color: white; }
  .embutton--green .embutton__link {
    color: #00946E;
    border-color: #00946E; }
    .embutton--green .embutton__link:hover {
      border-color: #00946E;
      background: #00946E;
      color: white; }
  .embutton--green.emCorporateContentCatalog .embutton__link {
    color: #00946E;
    background: white;
    border-color: #00946E;
    border-radius: 3px; }
    .embutton--green.emCorporateContentCatalog .embutton__link:hover {
      border-color: #00946E;
      background: #00946E;
      color: white; }
  .embutton--white .embutton__link {
    background: transparent;
    color: white;
    border-color: white; }
    .embutton--white .embutton__link:hover {
      background: white;
      color: #00946E; }
  .embutton--red .embutton__link {
    color: #b64442;
    border-color: #b64442; }
    .embutton--red .embutton__link:hover {
      border-color: transparent;
      background: #b64442; }
  .embutton--pink .embutton__link {
    color: #E3004A;
    border-color: #E3004A; }
    .embutton--pink .embutton__link:hover {
      border-color: transparent;
      background: #E3004A; }
  .embutton--bottom {
    position: absolute;
    bottom: 20px;
    z-index: 2; }
  .embutton--shadowed a, .embutton--shadowed {
    box-shadow: 2px 2px 3px 0 rgba(102, 102, 102, 0.3); }
  .embutton--large a {
    font-size: 1.2em; }
  .embutton--left, .embutton--cms-button-left {
    text-align: left; }
    .embutton--left.embutton--bottom, .embutton--cms-button-left.embutton--bottom {
      left: 20px; }
  .embutton--right, .embutton--cms-button-right {
    text-align: right; }
    .embutton--right.embutton--bottom, .embutton--cms-button-right.embutton--bottom {
      right: 20px; }

/* -file helpers */
.text-normal {
  font-size: 12px; }

.text-small, .cart-flyout__price-info, .cart-flyout__other-prod-info, .cart-flyout__no-prod-info {
  font-size: 10px; }

.bold, .cart-flyout__cart-name {
  font-weight: bold; }

.fw-normal, .app-header .user-button__name, .app-header .user-button__login-txt {
  font-weight: normal; }

.text-green, .cart-flyout__cart-name, .cart-flyout__other-prod-info, .cart-flyout__no-prod-info {
  color: #077858; }

.text-black, .user-flyout__go-profile {
  color: #000; }

.text-gray, .cart-flyout__price-info {
  color: #888; }

.xsm-margin-bottom {
  margin-bottom: 4px; }

.sm-margin-bottom, .cart-flyout__cart-name, .cart-flyout__products-num {
  margin-bottom: 5px; }

.m-margin-bottom, .cart-flyout__other-prod-info, .cart-flyout__no-prod-info {
  margin-bottom: 10px; }

.clearfix:after, .cart-flyout__cart-name:after, .cart-flyout__products-num:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }

.pull-left, .user-flyout__go-profile {
  float: left; }

.pull-right {
  float: right !important; }

.text-right,
.align-right,
.cart-flyout__price-info {
  text-align: right; }

.user-flyout {
  position: absolute;
  right: -72px;
  top: 47px;
  width: calc(100vw - 38px);
  font-weight: normal;
  color: #000;
  display: none; }
  @media (min-width: 431px) {
    .user-flyout {
      right: 0;
      width: 300px; } }
  @media (min-width: 991px) {
    .user-flyout {
      right: -159px; } }
  .user-flyout:before {
    right: 78px; }
    @media (min-width: 431px) {
      .user-flyout:before {
        right: 6px; } }
    @media (min-width: 991px) {
      .user-flyout:before {
        right: 165px; } }
  .user-flyout.user-flyout--as-login {
    right: 0;
    width: 275px;
    box-sizing: border-box; }
    .user-flyout.user-flyout--as-login:before {
      right: 6px; }

.user-flyout__username {
  margin-bottom: 10px;
  word-break: break-all;
  font-size: 18px;
  font-weight: normal; }

.user-flyout__pro5 {
  display: none;
  font-size: 1.2em; }
  .user-flyout__pro5--value {
    display: inline-block; }
    .user-flyout__pro5--value a {
      color: #b64442; }
  .user-flyout__pro5--shown {
    display: block; }

.user-flyout__user-profile-link, .user-flyout__go-profile, .user-flyout__user-logout {
  position: relative;
  text-decoration: none;
  float: left; }

.user-flyout__user-profile-link--margin-right, .user-flyout__go-profile {
  margin-right: 10px; }

.user-flyout__user-profile-link__ico, .user-flyout__user-logout__ico {
  font-size: 18px;
  color: #444; }

.user-flyout__user-profile-link__text, .user-flyout__user-logout__text {
  text-decoration: underline;
  color: #077858;
  margin-top: 9px;
  display: inline-block;
  margin-left: -4px;
  font-size: 12px; }

.user-flyout__user-logout__submit {
  border: none;
  background: #fff;
  cursor: pointer;
  position: relative;
  top: -2px; }

.user-flyout__customer-id__options {
  margin: 10px 0 20px 0;
  overflow: scroll;
  overflow-x: hidden;
  max-height: 260px; }

.user-flyout__customer-id__option, .multicart-flyout__choose-cart__option {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer; }

.user-flyout__customer-id__option__txt, .multicart-flyout__choose-cart__option__txt {
  padding-left: 4px;
  line-height: 1.3;
  max-width: 88%; }

.user-flyout__profile, .user-flyout__login {
  display: none; }

#login .app-login-form.load .loginbutton {
  pointer-events: none !important;
  background: #7AB09C; }

.user-flyout__login .title {
  font-size: 16px;
  font-weight: 400;
  margin: 0 2px; }

.user-flyout__login .title__loader {
  float: right;
  display: none; }

.user-flyout__login .bad-attempt-info {
  padding: 16px;
  display: none;
  line-height: 1.4; }

.user-flyout__login .app-login-form.load .title__loader {
  display: inline-block; }

.user-flyout__login .app-login-form.load .button--primary, .user-flyout__login .app-login-form.load .user-flyout__activate-id, .user-flyout__login .app-login-form.load .cart-flyout__go-cart, .user-flyout__login .app-login-form.load .multicart-flyout__choose_cart {
  pointer-events: none;
  background: #7AB09C; }

.user-flyout__login .input {
  border-radius: 2px;
  background: #fff;
  border: 1px solid #afb0af;
  font-size: 14px;
  padding: 9px;
  box-sizing: border-box;
  width: 100%;
  margin-top: 12px; }

.user-flyout__login .remember-me {
  margin: 12px 0;
  display: flex;
  align-items: center; }

.user-flyout__login .reset-password {
  margin: 12px 0;
  color: #077858;
  display: inline-block; }

.user-flyout__login .register-info {
  margin: 12px 0;
  display: inline-block; }

.cart-flyout {
  font-weight: normal;
  color: #000;
  position: absolute;
  top: 48px;
  right: -19px;
  display: none;
  z-index: 100; }

.cart-flyout__product {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  text-decoration: none;
  padding: 10px 0 10px 6px;
  border-bottom: 1px solid #B8B8B8; }
  .cart-flyout__product:first-child {
    border-top: 1px solid #B8B8B8;
    margin-top: 10px; }
  .cart-flyout__product:last-child {
    margin-bottom: 15px; }
  .cart-flyout__product:hover {
    background: #CDE3D2; }
  .cart-flyout__product--combi {
    cursor: auto; }
    .cart-flyout__product--combi:hover {
      background: transparent; }

.cart-flyout__product__img-wrapper {
  width: 50px;
  min-width: 50px;
  height: 50px;
  margin-right: 17px;
  display: flex;
  align-items: center;
  justify-content: center; }

.cart-flyout__product__img {
  max-width: 50px;
  max-height: 50px; }

.cart-flyout__product__info {
  display: block;
  flex-direction: column;
  font-size: 11px;
  color: #000;
  line-height: 1.1; }
  .cart-flyout__product__info strong {
    font-weight: normal; }
    .cart-flyout__product__info strong.bold, .cart-flyout__product__info strong.cart-flyout__cart-name {
      font-weight: bold; }
  .cart-flyout__product__info * {
    display: block; }

.cart-flyout__no-prod-info {
  border-top: 1px solid #B2B2B2;
  margin-top: 10px;
  padding-top: 10px; }

.cart-flyout__go-cart:hover {
  color: white;
  text-decoration: none; }

.multicart-flyout {
  font-weight: normal;
  color: #000;
  position: absolute;
  top: 48px;
  right: 0;
  display: none; }

.multicart-flyout__btns-space, .multicart-flyout__create-new-cart {
  margin-bottom: 10px; }

.multicart-flyout__choose-cart__options {
  margin-bottom: 20px;
  max-height: 470px;
  overflow: auto; }

.multicart-flyout__pinned-cart-icon {
  display: inline-block;
  background: url(/_ui/em/images/icon-pin-bl.png) no-repeat right center;
  background-size: 12px 12px;
  width: 12px;
  height: 12px; }

.multicart-flyout__choose-cart__option__txt {
  word-break: break-all; }

.multicart-flyout__create-new-cart:disabled {
  opacity: .5;
  cursor: not-allowed; }

/* -file helpers */
.text-normal {
  font-size: 12px; }

.text-small, .cart-flyout__price-info, .cart-flyout__other-prod-info, .cart-flyout__no-prod-info {
  font-size: 10px; }

.bold, .cart-flyout__cart-name {
  font-weight: bold; }

.fw-normal, .app-header .user-button__name, .app-header .user-button__login-txt {
  font-weight: normal; }

.text-green, .cart-flyout__cart-name, .cart-flyout__other-prod-info, .cart-flyout__no-prod-info {
  color: #077858; }

.text-black, .user-flyout__go-profile {
  color: #000; }

.text-gray, .cart-flyout__price-info {
  color: #888; }

.xsm-margin-bottom {
  margin-bottom: 4px; }

.sm-margin-bottom, .cart-flyout__cart-name, .cart-flyout__products-num {
  margin-bottom: 5px; }

.m-margin-bottom, .cart-flyout__other-prod-info, .cart-flyout__no-prod-info {
  margin-bottom: 10px; }

.clearfix:after, .cart-flyout__cart-name:after, .cart-flyout__products-num:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }

.pull-left, .user-flyout__go-profile {
  float: left; }

.pull-right {
  float: right !important; }

.text-right,
.align-right,
.cart-flyout__price-info {
  text-align: right; }

.app-header .cart-button {
  font-size: 14px;
  font-weight: 300;
  padding: 4px 8px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.app-header .cart-button__name {
  max-width: 90px; }
  .app-header .cart-button__name.cart-button__pin--show {
    max-width: 70px; }
  .app-header .cart-button__name--pinned {
    max-width: 70px; }

.app-header .cart-button__pin {
  width: 12px;
  height: 12px;
  display: none;
  position: absolute;
  top: 4px;
  right: 4px;
  background: url(/_ui/em/images/icon-pin-wh.png) no-repeat right center;
  background-size: 12px 12px; }

.app-header .cart-button__pin--show {
  display: inline-block; }

/* -file helpers */
.text-normal {
  font-size: 12px; }

.text-small, .cart-flyout__price-info, .cart-flyout__other-prod-info, .cart-flyout__no-prod-info {
  font-size: 10px; }

.bold, .cart-flyout__cart-name {
  font-weight: bold; }

.fw-normal, .app-header .user-button__name, .app-header .user-button__login-txt {
  font-weight: normal; }

.text-green, .cart-flyout__cart-name, .cart-flyout__other-prod-info, .cart-flyout__no-prod-info {
  color: #077858; }

.text-black, .user-flyout__go-profile {
  color: #000; }

.text-gray, .cart-flyout__price-info {
  color: #888; }

.xsm-margin-bottom {
  margin-bottom: 4px; }

.sm-margin-bottom, .cart-flyout__cart-name, .cart-flyout__products-num {
  margin-bottom: 5px; }

.m-margin-bottom, .cart-flyout__other-prod-info, .cart-flyout__no-prod-info {
  margin-bottom: 10px; }

.clearfix:after, .cart-flyout__cart-name:after, .cart-flyout__products-num:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }

.pull-left, .user-flyout__go-profile {
  float: left; }

.pull-right {
  float: right !important; }

.text-right,
.align-right,
.cart-flyout__price-info {
  text-align: right; }

.app-header .user-button {
  font-size: 14px;
  font-weight: 300;
  padding: 4px 8px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .app-header .user-button i {
    top: 2px; }
  .app-header .user-button strong {
    line-height: 1.2em; }

.app-header .user-button__login-txt {
  display: none; }
  .app-header .user-button__login-txt.user-button__login-txt--show {
    display: inline-block;
    margin-top: 6px;
    line-height: 1.1; }

.forgotten-password-modal__input {
  border-radius: 2px;
  background: #fff;
  border: 1px solid #afb0af;
  font-size: 12px;
  padding: 9px;
  box-sizing: border-box;
  width: 75%; }
  .forgotten-password-modal__input:focus {
    border-color: #000000;
    outline: none; }

.forgotten-password-modal__validation-txt {
  margin-top: 5px; }

.forgotten-password-modal__submit {
  margin-top: 25px;
  float: right; }

.forgotten-password-modal__cancel {
  float: right;
  background: #fff;
  color: #000;
  margin-right: 15px;
  margin-top: 25px; }

.forgotten-password-modal__title {
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 15px;
  font-weight: normal;
  color: #000000; }

.forgotten-password-modal__description {
  font-size: 13px;
  line-height: 1.3;
  margin-bottom: 20px;
  font-weight: normal;
  color: #000000; }

.create-cart-modal {
  color: #000000; }

.create-cart-modal__input {
  width: 100%; }

.create-cart-modal__input-info {
  margin-bottom: 5px; }

.create-cart-modal__checkbox-label {
  margin-bottom: 15px;
  margin-top: 10px;
  display: flex;
  align-items: center; }

.create-cart-modal__validation-txt {
  margin-top: 5px; }

.create-cart-modal__submit {
  float: right; }

.create-cart-modal__cancel {
  margin-right: 15px;
  float: right; }

body #wrapper table.table-new-design tr td {
  padding-right: 0; }
  body #wrapper table.table-new-design tr td .stocks > div {
    display: flex; }
  body #wrapper table.table-new-design tr td .stock__value {
    float: none;
    margin: 0;
    text-align: right; }
  body #wrapper table.table-new-design tr td .stock__label {
    width: 30%;
    font-weight: normal; }

.teaser__container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 20px; }
  @media (min-width: 767px) {
    .teaser__container {
      margin-right: 0; } }

.teaser__title {
  font-size: 26px;
  flex: 100%;
  margin-bottom: 20px; }

.teaser__tile {
  position: relative;
  width: calc(25% - 16px);
  height: 375px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  margin-right: 8px;
  margin-left: 8px;
  margin-top: 8px; }
  @media (min-width: 530px) {
    .teaser__tile--small, .teaser__tile--one_third {
      max-width: calc(50% - 20px);
      width: calc(50% - 20px); } }
  @media (min-width: 769px) {
    .teaser__tile--double {
      max-width: calc(100% - 20px);
      width: calc(100% - 20px); } }
  @media (min-width: 1220px) {
    .teaser__tile--small {
      max-width: calc(25% - 20px);
      width: calc(25% - 20px); }
    .teaser__tile--one_third {
      max-width: calc(33.33333% - 20px);
      width: calc(33.33333% - 20px); }
    .teaser__tile--double {
      max-width: calc(50% - 20px);
      width: calc(50% - 20px); }
    .teaser__tile--full {
      max-width: 100%;
      width: 100%; }
    .teaser__tile header {
      margin-top: 0; } }
  .teaser__tile:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: -10px; }
  .teaser__tile .embutton {
    margin-bottom: 12px;
    padding: 6px 18px;
    line-height: 22px;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0; }
  .teaser__tile header {
    padding: 0 20px;
    line-height: 1.2em;
    font-size: 18px;
    word-break: break-word; }
    .teaser__tile header strong {
      font-weight: bold; }
    .teaser__tile header p {
      line-height: 1.2em;
      font-size: 22px;
      padding: 0;
      margin: 0; }
  .teaser__tile em {
    color: #e3004a;
    display: block;
    padding: 5px 20px;
    line-height: 1.2em;
    word-break: break-word;
    font-size: 16px; }
  .teaser__tile--double {
    width: calc(50% - 20px); }
    .teaser__tile--double header, .teaser__tile--double em {
      position: relative;
      z-index: 1;
      padding-right: 10px;
      width: 50%;
      box-sizing: border-box; }
    .teaser__tile--double header {
      margin-top: 20px; }
    .teaser__tile--double .teaser__background {
      background-position: top right;
      background-size: contain;
      position: absolute;
      z-index: 0;
      width: calc(50% - 20px / 2);
      right: 0;
      height: 100%; }
      .teaser__tile--double .teaser__background[data-orientation="portrait"] {
        background-size: cover; }
    .teaser__tile--double.teaser__tile--text-right header, .teaser__tile--double.teaser__tile--text-right em {
      float: right;
      padding-left: 10px; }
    .teaser__tile--double.teaser__tile--text-right .teaser__headline {
      left: calc(50% - 20px / 2); }
    .teaser__tile--double.teaser__tile--bg-left.teaser__tile--bg-top .teaser__background {
      background-position: top left;
      left: 0;
      right: auto; }
    .teaser__tile--double.teaser__tile--bg-left.teaser__tile--bg-bottom .teaser__background {
      background-position: bottom left;
      left: 0;
      right: auto; }
    .teaser__tile--double.teaser__tile--bg-top .teaser__background {
      background-position: top right;
      position: relative; }
    .teaser__tile--double.teaser__tile--bg-bottom .teaser__background {
      background-position: bottom right; }
    .teaser__tile--double.teaser__tile--no-image header, .teaser__tile--double.teaser__tile--no-image em {
      width: calc(100% - 20px *2);
      float: none; }
  .teaser__tile--large {
    width: 100%;
    background-color: #00946E;
    height: auto;
    text-align: center;
    padding: 20px; }
    .teaser__tile--large .teaser__background {
      height: auto;
      margin-bottom: 0; }
    .teaser__tile--large header, .teaser__tile--large em {
      color: white; }
    .teaser__tile--large .teaser__link {
      color: #00946E;
      border-color: white;
      background: transparent;
      position: static;
      margin-top: 20px; }
  .teaser__tile--red, .teaser__tile--green, .teaser__tile--gray, .teaser__tile--grey {
    background-color: #e3004a; }
    .teaser__tile--red header, .teaser__tile--red em, .teaser__tile--green header, .teaser__tile--green em, .teaser__tile--gray header, .teaser__tile--gray em, .teaser__tile--grey header, .teaser__tile--grey em {
      color: white;
      position: relative;
      z-index: 3; }
    .teaser__tile--red .teaser__overlay, .teaser__tile--green .teaser__overlay, .teaser__tile--gray .teaser__overlay, .teaser__tile--grey .teaser__overlay {
      background-color: #e3004a;
      display: block;
      z-index: 0; }
    .teaser__tile--red .teaser__background, .teaser__tile--green .teaser__background, .teaser__tile--gray .teaser__background, .teaser__tile--grey .teaser__background {
      position: absolute;
      z-index: 1; }
    .teaser__tile--red .embutton .embutton__link, .teaser__tile--green .embutton .embutton__link, .teaser__tile--gray .embutton .embutton__link, .teaser__tile--grey .embutton .embutton__link {
      color: white;
      border-color: white; }
  .teaser__tile--green {
    background-color: #00946E; }
    .teaser__tile--green .teaser__overlay {
      background-color: #00946E; }
    .teaser__tile--green .cms__button--green:hover {
      background: white; }
  .teaser__tile--gray, .teaser__tile--grey {
    background: #ddd; }
    .teaser__tile--gray header, .teaser__tile--gray em, .teaser__tile--gray p, .teaser__tile--grey header, .teaser__tile--grey em, .teaser__tile--grey p {
      color: black; }
    .teaser__tile--gray .cms__button--green:hover, .teaser__tile--grey .cms__button--green:hover {
      background: white; }
      .teaser__tile--gray .cms__button--green:hover a, .teaser__tile--grey .cms__button--green:hover a {
        color: #aaa; }
    .teaser__tile--gray .teaser__overlay, .teaser__tile--grey .teaser__overlay {
      background-color: #ddd; }
    .teaser__tile--gray .teaser__headline, .teaser__tile--grey .teaser__headline {
      color: black; }
  .teaser__tile--red .cms__button--white:hover {
    background: white; }
    .teaser__tile--red .cms__button--white:hover a {
      color: #e3004a; }
  .teaser__tile--white .teaser__headline {
    color: black; }
  .teaser__tile.teaser__overlay--full header {
    margin-top: 60px; }
  .teaser__tile--bg-bottom header {
    margin-top: 20px; }
  .teaser__tile--bg-bottom .teaser__background {
    position: absolute;
    bottom: 0;
    margin-bottom: 0; }
  .teaser__tile--bg-top .teaser__background {
    position: relative; }
  @media (max-width: 1220px) {
    .teaser__tile--small {
      width: calc(33.333333% - 20px); }
    .teaser__tile--double {
      width: calc(66.666666% - 20px); } }
  @media (min-width: 769px) and (max-width: 1220px) {
    .teaser__tile {
      order: 2; }
      .teaser__tile--small + .teaser__tile--small + .teaser__tile--double {
        order: 1; } }
  @media (max-width: 768px) {
    .teaser__tile--small {
      width: calc(50% - 20px); }
    .teaser__tile--double {
      width: 100%; } }
  @media (max-width: 530px) {
    .teaser__tile {
      width: 100%;
      margin-right: 0; } }
  .teaser__tile .cms__button {
    position: absolute;
    bottom: 20px;
    left: 20px;
    border: 1px solid #00946E;
    color: #00946E;
    background: none;
    border-radius: 2px;
    font-weight: bold;
    font-size: 14px;
    line-height: 32px;
    padding: 0 20px;
    text-align: center;
    z-index: 2;
    white-space: nowrap;
    max-width: calc(100% - 4 * 20px);
    overflow: hidden; }
    .teaser__tile .cms__button a {
      text-decoration: none;
      color: #00946E;
      display: block;
      text-overflow: ellipsis;
      overflow: hidden;
      border: none;
      border-radius: 0;
      padding: 0;
      margin: 0;
      font-weight: normal;
      background: transparent; }
    .teaser__tile .cms__button--white {
      color: white;
      border-color: white;
      background: transparent; }
      .teaser__tile .cms__button--white a {
        color: white; }
      .teaser__tile .cms__button--white:hover {
        border-color: transparent;
        background: white; }
        .teaser__tile .cms__button--white:hover a {
          color: #00946E; }
    .teaser__tile .cms__button--green:hover {
      border-color: white;
      background: #00946E; }
      .teaser__tile .cms__button--green:hover a {
        color: white; }

.teaser__overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5; }

.teaser__headline {
  padding: 15px 20px;
  color: white;
  z-index: 3;
  position: absolute; }

.teaser__link-item {
  display: inline-block;
  text-decoration: none;
  color: inherit; }

.teaser__background {
  height: 150px;
  width: 100%;
  background: none no-repeat center center;
  background-size: contain;
  background-size: 100% auto;
  margin-bottom: 15px;
  position: relative; }

.teaser__link {
  position: absolute;
  bottom: 20px;
  left: 20px;
  border: 1px solid #00946E;
  color: #00946E;
  background: none;
  border-radius: 2px;
  font-weight: bold;
  font-size: 14px;
  line-height: 32px;
  width: 160px;
  text-align: center;
  z-index: 2; }
  .teaser__link--white {
    color: white;
    border-color: white;
    background: transparent; }
    .teaser__link--white a {
      color: white; }
  .teaser__link a {
    text-decoration: none;
    color: #00946E; }

.cmsheader__wrapper {
  position: relative; }
  .cmsheader__wrapper.is-background {
    min-height: 400px; }

.app-main-nav {
  display: none; }
  .app-main-nav ul {
    list-style-type: none; }
  .app-main-nav a:hover {
    text-decoration: none; }
  @media (min-width: 991px) {
    .app-main-nav {
      position: relative;
      display: block;
      margin-bottom: 138px;
      box-sizing: border-box;
      width: 175px; }
      .app-main-nav .app-main-nav__inner {
        width: 175px;
        border: 1px solid #E8E8E8;
        box-sizing: border-box;
        font-size: 14px;
        font-weight: 300;
        cursor: pointer;
        color: #000;
        background: #fff;
        border-bottom: none; }
        .app-main-nav .app-main-nav__inner--fixed {
          position: fixed;
          top: 96px;
          z-index: 11; } }
  .app-main-nav .app-main-nav__inner .app-main-nav__tab, .app-main-nav .app-main-nav__inner .app-main-nav__superior-tab > .app-main-nav__tab__link {
    font-size: 14px;
    font-weight: 300; }
    .app-main-nav .app-main-nav__inner .app-main-nav__tab a, .app-main-nav .app-main-nav__inner .app-main-nav__superior-tab > .app-main-nav__tab__link a {
      padding: 10px 0 10px 32px; }
      .app-main-nav .app-main-nav__inner .app-main-nav__tab a i, .app-main-nav .app-main-nav__inner .app-main-nav__superior-tab > .app-main-nav__tab__link a i {
        left: 4px;
        top: 4px; }
  .app-main-nav .main-section {
    display: none; }
  .app-main-nav .close-button {
    display: none; }
  .app-main-nav--opened {
    display: block;
    background: #00946E;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 10000;
    height: 100vh;
    overflow-y: auto;
    box-sizing: border-box;
    max-width: 100%; }
    .app-main-nav--opened .app-main-nav__inner {
      color: white;
      border: 0; }
    .app-main-nav--opened .close-button {
      display: block;
      position: absolute;
      top: 0;
      right: 10px;
      font-size: 40px;
      color: #fff;
      text-decoration: none;
      z-index: 1;
      background: transparent;
      border: none;
      padding: 0;
      cursor: pointer;
      outline: 0;
      width: 100px;
      text-align: right;
      padding-bottom: 30px; }
    .app-main-nav--opened .navigation__container > .app-main-nav__catalog:first-child {
      display: none; }
    .app-main-nav--opened .app-main-nav__tab, .app-main-nav--opened .app-main-nav__superior-tab > .app-main-nav__tab__link {
      border: 0; }
    .app-main-nav--opened .app-main-nav__tab__link {
      padding: 7px 40px 7px 10px;
      font-size: 13px;
      color: white; }
      .app-main-nav--opened .app-main-nav__tab__link .glyphicons {
        position: relative;
        left: 0;
        top: 0;
        font-size: 18px;
        line-height: 0;
        margin-right: 10px;
        width: 21px; }
        .app-main-nav--opened .app-main-nav__tab__link .glyphicons-emcatalog, .app-main-nav--opened .app-main-nav__tab__link .glyphicons-esphere {
          left: 0; }
        .app-main-nav--opened .app-main-nav__tab__link .glyphicons:before {
          padding-left: 0; }
      .app-main-nav--opened .app-main-nav__tab__link .customicons {
        display: none; }
    .app-main-nav--opened .navigation__container {
      display: flex;
      flex-wrap: wrap; }
      .app-main-nav--opened .navigation__container .app-main-nav__superior-tab {
        width: 50%;
        box-sizing: border-box; }
    .app-main-nav--opened .mobile-main-nav {
      padding: 0.5rem; }
      @media (min-width: 991px) {
        .app-main-nav--opened .mobile-main-nav {
          display: none; } }
      .app-main-nav--opened .mobile-main-nav .mobile-main-nav__link {
        padding: 0 0 10px 0; }
    .app-main-nav--opened .app-main-nav__superior-tab > a {
      padding: 10px;
      color: #fff;
      margin-top: 15px;
      font-size: 15px;
      font-weight: bold; }
    .app-main-nav--opened .main-section {
      display: block;
      border-bottom: 1px solid #43bea7;
      padding-bottom: 10px; }
    .app-main-nav--opened .title {
      padding: 10px;
      color: #fff;
      margin-top: 15px;
      font-size: 15px;
      font-weight: bold; }
    .app-main-nav--opened .link {
      color: #fff;
      padding: 1px 40px 2px 2px;
      word-break: break-all;
      line-height: 1.5em;
      text-decoration: none;
      cursor: pointer;
      font-size: 13px;
      display: flex;
      align-items: center; }
      .app-main-nav--opened .link.link--no-icon {
        padding: 7px 10px 7px 10px; }
      .app-main-nav--opened .link .glyphicons {
        font-size: 18px;
        width: 34px; }
    .app-main-nav--opened .cart-row__name {
      padding-right: 5px; }
    .app-main-nav--opened .cart-row__pin {
      background: url(/_ui/em/images/icon-pin-wh.png) no-repeat right center;
      background-size: 12px 12px;
      width: 12px;
      height: 12px;
      display: none; }
      .app-main-nav--opened .cart-row__pin.cart-row__pin--show {
        display: inline-block; }

.app-main-nav__tab, .app-main-nav__superior-tab > .app-main-nav__tab__link {
  border-bottom: 1px solid #DBDBDB;
  position: relative; }
  .app-main-nav__tab.app-main-nav__tab--active, .app-main-nav__superior-tab > .app-main-nav__tab--active.app-main-nav__tab__link {
    background: #b7e3c6; }
    .app-main-nav__tab.app-main-nav__tab--active:hover .app-main-nav__tab__link, .app-main-nav__superior-tab > .app-main-nav__tab--active.app-main-nav__tab__link:hover .app-main-nav__tab__link {
      color: #000; }
    .app-main-nav__tab.app-main-nav__tab--active .app-main-nav__tab__link, .app-main-nav__superior-tab > .app-main-nav__tab--active.app-main-nav__tab__link .app-main-nav__tab__link {
      color: #077858; }
    .app-main-nav__tab.app-main-nav__tab--active .glyphicons, .app-main-nav__superior-tab > .app-main-nav__tab--active.app-main-nav__tab__link .glyphicons {
      color: #077858; }
  .app-main-nav__tab .glyphicons, .app-main-nav__superior-tab > .app-main-nav__tab__link .glyphicons {
    position: absolute;
    left: 13px;
    top: 5px; }
    .app-main-nav__tab .glyphicons-emcatalog, .app-main-nav__superior-tab > .app-main-nav__tab__link .glyphicons-emcatalog, .app-main-nav__tab .glyphicons-esphere, .app-main-nav__superior-tab > .app-main-nav__tab__link .glyphicons-esphere {
      width: 21px;
      height: 21px;
      content: "";
      background: url("/_ui/em/images/rsz_em.png") center center;
      left: 10px;
      top: 6px; }
    .app-main-nav__tab .glyphicons-esphere, .app-main-nav__superior-tab > .app-main-nav__tab__link .glyphicons-esphere {
      background-image: url("/_ui/em/images/rsz_esphere.png");
      top: 8px; }
  .app-main-nav__tab .customicons, .app-main-nav__superior-tab > .app-main-nav__tab__link .customicons {
    position: absolute;
    left: 13px;
    top: 6px;
    width: 22px;
    height: 22px;
    background: no-repeat center center;
    background-size: contain; }
  .app-main-nav__tab--active {
    background: #b7e3c6; }
    .app-main-nav__tab--active .app-main-nav__tab__link {
      color: #077858; }

.app-main-nav__tab__link {
  padding: 10px 0 10px 42px;
  min-height: 36px;
  width: 100%;
  box-sizing: border-box;
  word-break: normal;
  background: transparent;
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
  line-height: 1em; }
  .app-main-nav__tab__link img {
    width: 21px;
    height: 21px;
    position: absolute;
    left: 10px;
    top: 6px; }
  .app-main-nav__tab__link:focus {
    text-decoration: none; }

.app-main-nav__superior-tab > .app-main-nav__tab__link {
  font-size: 14px;
  font-weight: 500;
  padding: 9px 17px 9px 8px;
  background: url(/_ui/em/images/arrow-down.png) no-repeat right 4px center;
  background-size: 12px; }

.app-main-nav__superior-tab.app-main-nav__superior-tab--opened > .app-main-nav__tab__link {
  background: url(/_ui/em/images/arrow-up.png) no-repeat right 4px center;
  background-size: 12px; }

.app-main-nav__superior-tab--opened > .app-main-nav__catalog {
  max-height: 500px; }

.navigation__container > .app-main-nav__catalog {
  max-height: 500px; }

.app-main-nav__catalog {
  max-height: 0;
  transition: all 0.5s ease-in;
  overflow: hidden; }
  .app-main-nav__catalog .app-main-nav__tab__link {
    min-height: 32px; }

/* TOP NAV */
.app-top-nav__list {
  display: inline-block; }
  .app-top-nav__list:first-child a {
    color: #00946E;
    font-weight: 300; }
  .app-top-nav__list:last-child a {
    color: black; }

.feedback__container {
  position: fixed;
  top: 30%;
  left: 100%;
  width: 100%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  white-space: nowrap;
  transform-origin: top left;
  transform: rotate(90deg);
  z-index: 1; }
  .feedback__container .green-button-normal {
    background: #00946e;
    color: #fff;
    padding: 10px 15px;
    border-radius: 2px;
    display: inline-block;
    border: 0;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none; }
  .feedback__container a.green-button-normal.action-button {
    font-size: 12px;
    font-weight: normal; }
  .feedback__container .jquery-ui-styling .ui-widget-content a.green-button-normal {
    color: #fff; }
  .feedback__container .jquery-ui-styling .ui-widget-content a.green-button-normal .fa {
    font-size: 16px; }
  .feedback__container .green-button-normal:active, .feedback__container .green-button-normal:focus {
    background-color: #077858;
    color: #fff;
    text-decoration: none; }
  .feedback__container .green-button-normal.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none; }
  .feedback__container .green-button-normal:hover {
    background-color: #077858;
    color: #fff;
    text-decoration: none; }

.feedback__button {
  background: #00946e;
  color: #fff;
  padding: 10px 15px;
  display: inline-block;
  border: 0;
  font-size: 16px;
  font-weight: normal;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  cursor: pointer;
  text-decoration: none; }
  .feedback__button:hover {
    background-color: #077858;
    color: #fff;
    text-decoration: none; }

.feedback__modal p {
  line-height: 1.5;
  margin-bottom: 10px;
  font-size: 13px; }

.feedback__modal input {
  border: 1px solid #bebebe;
  display: inline-block;
  padding: 8px 11px 8px; }

.feedback__modal textarea {
  line-height: 1.5em;
  border: 1px solid #bebebe;
  display: inline-block;
  padding: 8px 11px 8px; }

.feedback__modal *:focus {
  outline: none; }

.feedback__modal label {
  display: block;
  font-size: 13px;
  line-height: 1.5;
  margin: 10px 0 5px 0; }

.feedback__modal .ui-dialog .ui-dialog-buttonpane .ui-button {
  border: 0;
  border-radius: 3px;
  background: #00946E;
  color: #fff;
  font-size: 13px;
  padding: 14px 22px;
  cursor: pointer;
  font-weight: 400;
  display: inline-block;
  float: right;
  margin: .5em 0 .5em .4em;
  font-family: "PragmaticaNormal", sans-serif; }

.feedback__modal .ui-widget textarea, .feedback__modal .ui-widget input {
  font-family: "PragmaticaLight", sans-serif; }

/* Feedback Form */
.ui-dialog .response, .ui-dialog .error {
  display: none; }

.ui-dialog .form-item-l.error {
  display: block; }

.ui-dialog .form-item-s.error {
  display: block; }

.ui-dialog .form-item-m.error {
  display: block; }

.ui-dialog .text.error a.error {
  display: block; }

form.feedback * {
  box-sizing: border-box; }

form.feedback #radio-1, form.feedback #radio-2, form.feedback #radio-3, form.feedback #radio-4, form.feedback #radio-5 {
  display: none;
  visibility: hidden; }

form.feedback label[for=satisfaction], form.feedback label[for=message] {
  display: block;
  font-size: 13px;
  line-height: 1.5;
  margin: 10px 0 5px 0; }

form.feedback label[for^=radio] {
  display: inline-block;
  height: 37px;
  margin-right: 10px;
  width: 43px; }

form.feedback label[for^=radio]:hover {
  cursor: pointer; }

form.feedback textarea {
  font-size: 13px !important;
  height: 100px;
  width: 100%;
  font-family: "PragmaticaLight", sans-serif !important; }

form.feedback input.full-width {
  margin-top: 10px;
  background-color: white;
  width: 100%;
  box-sizing: border-box;
  font-family: "PragmaticaLight", sans-serif; }

form.feedback label.radio-1 {
  background: url("/_ui/elektromaterial/img/feedback/satisfaction-1.png") no-repeat; }

form.feedback label.radio-1.checked {
  background: url("/_ui/elektromaterial/img/feedback/satisfaction-1-checked.png") no-repeat; }

form.feedback label.radio-2 {
  background: url("/_ui/elektromaterial/img/feedback/satisfaction-2.png") no-repeat; }

form.feedback label.radio-2.checked {
  background: url("/_ui/elektromaterial/img/feedback/satisfaction-2-checked.png") no-repeat; }

form.feedback label.radio-3 {
  background: url("/_ui/elektromaterial/img/feedback/satisfaction-3.png") no-repeat; }

form.feedback label.radio-3.checked {
  background: url("/_ui/elektromaterial/img/feedback/satisfaction-3-checked.png") no-repeat; }

form.feedback label.radio-4 {
  background: url("/_ui/elektromaterial/img/feedback/satisfaction-4.png") no-repeat; }

form.feedback label.radio-4.checked {
  background: url("/_ui/elektromaterial/img/feedback/satisfaction-4-checked.png") no-repeat; }

form.feedback label.radio-5 {
  background: url("/_ui/elektromaterial/img/feedback/satisfaction-5.png") no-repeat; }

form.feedback label.radio-5.checked {
  background: url("/_ui/elektromaterial/img/feedback/satisfaction-5-checked.png") no-repeat; }

/* HEADER */
#branding-box #loginform > a.app-header-btn--pro5,
.app-header .user-button--pro5 {
  background: #f4b2b0; }

#superUserFlyout h3.pro5 {
  padding-top: 3px;
  font-size: 1.2em; }
  #superUserFlyout h3.pro5 em {
    font-style: normal; }
  #superUserFlyout h3.pro5 span {
    margin: 0; }
  #superUserFlyout h3.pro5 a {
    color: #b64442;
    display: inline; }

/* checkout */
.checkout-pro5 {
  background: #D6EAE2;
  padding: 32px;
  max-width: 370px;
  box-sizing: border-box;
  color: black; }
  .checkout-pro5 h3 {
    color: black;
    margin-bottom: 7px; }
  .checkout-pro5 p {
    line-height: 1.5em; }
  .checkout-pro5 ol, .checkout-pro5 ul {
    list-style-position: inside; }
  .checkout-pro5__footer {
    margin-bottom: 0; }
    .checkout-pro5__footer a {
      text-decoration: underline; }

.app-footer {
  width: 100%;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  background: #00946E;
  flex-direction: column;
  padding: 20px; }
  @media (min-width: 461px) {
    .app-footer {
      flex-direction: row; } }
  .app-footer.app-footer__space-for_bottom-info {
    bottom: 39px; }
  @media (min-width: 990px) {
    .app-footer {
      padding: 0; } }

.app-footer__container {
  max-width: 950px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 50px 0 30px 40px; }
  @media (min-width: 1441px) {
    .app-footer__container {
      max-width: 1050px; } }

.app-footer__row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
  color: white; }
  @media (min-width: 461px) {
    .app-footer__row {
      margin-bottom: 0;
      width: 50%; }
      .app-footer__row:first-child {
        width: 100%; }
      .app-footer__row--social {
        justify-content: flex-end; }
      .app-footer__row--cms {
        justify-content: flex-start; } }

.app-footer__link {
  text-decoration: none;
  color: #fff;
  margin-left: 20px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle; }
  .app-footer__link i {
    display: inline-block; }
  .app-footer__link:hover {
    color: white;
    text-decoration: none; }

.app-footer__link__icon:before {
  color: #fff;
  font-size: 48px;
  text-decoration: none; }

.app-footer__prices-info {
  line-height: 1.5;
  padding: 5px;
  padding-bottom: 8px;
  width: 100%;
  text-align: center;
  font-size: 13px;
  background: #f4f4f4;
  position: absolute;
  bottom: 0; }

.app-footer__title {
  line-height: 20px; }

.app-footer__top {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .app-footer__top h2, .app-footer__top h3, .app-footer__top h4, .app-footer__top p, .app-footer__top ul, .app-footer__top li, .app-footer__top a {
    color: white; }
  .app-footer__top p, .app-footer__top ul, .app-footer__top li, .app-footer__top a, .app-footer__top span {
    font-size: 14px; }
  .app-footer__top h3 {
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: normal; }
  .app-footer__top h4 {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold; }
  .app-footer__top p, .app-footer__top li, .app-footer__top .app-footer__footer {
    font-size: 14px;
    line-height: 1.5em; }
  .app-footer__top .app-footer__footer a {
    text-decoration: none; }
    .app-footer__top .app-footer__footer a:hover {
      text-decoration: underline; }
  .app-footer__top ul, .app-footer__top li {
    list-style-type: none; }
  .app-footer__top .glyphicons {
    vertical-align: middle; }
  .app-footer__top .glyphicons:before {
    padding: 0;
    margin-right: 10px; }
  .app-footer__top p {
    margin-bottom: 10px; }
  .app-footer__top .connectionInfo {
    margin: 20px 0; }
    .app-footer__top .connectionInfo li a {
      text-decoration: none; }
      .app-footer__top .connectionInfo li a:hover {
        text-decoration: underline; }

.app-footer__column {
  width: 100%;
  padding-bottom: 20px; }
  @media (min-width: 461px) {
    .app-footer__column {
      width: 50%; } }
  @media (min-width: 769px) {
    .app-footer__column {
      width: 25%; } }

.app-footer__block {
  margin-bottom: 20px; }

.app-footer__icon {
  line-height: 1.3em; }
  .app-footer__icon--whatsapp {
    text-decoration: none; }
    .app-footer__icon--whatsapp:hover {
      text-decoration: underline; }
    .app-footer__icon--whatsapp img {
      margin-right: 10px;
      width: 30px; }
  .app-footer__icon img {
    vertical-align: middle; }

.app-footer__employee {
  margin-bottom: 20px; }

.employee__data {
  display: inline-block; }
  .employee__data .title {
    text-decoration: underline; }
  .employee__data span {
    display: block;
    margin-bottom: 3px; }
  .employee__data a {
    text-decoration: none; }
    .employee__data a:hover {
      text-decoration: underline; }

/* -file common_settings */
body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) {
  font-weight: 300;
  font-style: normal;
  font-family: "PragmaticaLight", sans-serif;
  font-size: 14px; }
  body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) h1, body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) .h1 {
    font-family: "PragmaticaLight", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 32px !important; }
  body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) h2, body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) .h2 {
    font-family: "PragmaticaLight", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 24px !important; }
  body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) h3, body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) .h3 {
    font-family: "PragmaticaLight", sans-serif;
    font-style: normal;
    font-size: 20px !important;
    font-weight: 500; }
  body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) h4, body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) .h4 {
    font-family: "PragmaticaLight", sans-serif;
    font-style: normal;
    font-size: 16px !important;
    font-weight: 500; }
  body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) h5, body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) .h5 {
    font-family: "PragmaticaLight", sans-serif;
    font-style: normal;
    font-weight: 300; }
  body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) h6, body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) .h6 {
    font-family: "PragmaticaLight", sans-serif;
    font-style: normal;
    font-weight: 300; }
  body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) a.category.h3 {
    font-size: 16px !important; }
  @media (min-width: 1200px) {
    body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) .col-lg-custom-20 {
      width: 20%; } }
  body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) .price-description {
    padding: 10px 15px 5px 15px; }
  body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) .btn-small {
    padding: 3px 12px !important;
    font-size: 16px; }
    body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) .btn-small .icon-cart {
      padding-top: 0;
      line-height: 2em; }
  body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) .mobile-main-nav {
    padding: 0.5rem; }
    @media (min-width: 991px) {
      body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) .mobile-main-nav {
        display: none; } }
    body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) .mobile-main-nav .mobile-main-nav__link {
      padding: 0 0 10px 0; }
  body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) b, body:not(.page__corporateContentLayout):not(.page__corporateBlogEntryLayout):not(.page__eMobilityContentLayout):not(.page__corporateBlogLayout):not(.page__corporateBlogLayoutpage-blogOverviewPage):not(.pageType-EMCorporateContentPage):not(.pageType-EMCorporateContentPage2):not(.pageType-EMEMobilityContentPage2):not(.pageType-EMBlogEntryPage2):not(.template-pages-layout-corporateContentLayout) strong {
    font-family: "PragmaticaBold", sans-serif;
    font-weight: 700; }

.cms-main-content-container-blog > *,
.cms-main-content-container-blog .yCmsContentSlot > * {
  margin-bottom: 32px; }
  @media (max-width: 767px) {
    .cms-main-content-container-blog > *,
    .cms-main-content-container-blog .yCmsContentSlot > * {
      margin-bottom: 32px; } }

.cms-main-content-container-blog .row-layout.cms-row-layout-padding-off, .cms-main-content-container-blog .row-layout.cms-row-layout-padding-top-only,
.cms-main-content-container-blog .yCmsContentSlot .row-layout.cms-row-layout-padding-off,
.cms-main-content-container-blog .yCmsContentSlot .row-layout.cms-row-layout-padding-top-only {
  margin-bottom: -32px !important; }

.cms-main-content-container > *,
.cms-main-content-container .yCmsContentSlot > * {
  margin-bottom: 72px; }
  @media (max-width: 767px) {
    .cms-main-content-container > *,
    .cms-main-content-container .yCmsContentSlot > * {
      margin-bottom: 40px; } }

.cms-main-content-container .row-layout.cms-row-layout-padding-off, .cms-main-content-container .row-layout.cms-row-layout-padding-top-only,
.cms-main-content-container .yCmsContentSlot .row-layout.cms-row-layout-padding-off,
.cms-main-content-container .yCmsContentSlot .row-layout.cms-row-layout-padding-top-only {
  margin-bottom: -72px !important; }
  @media (max-width: 767px) {
    .cms-main-content-container .row-layout.cms-row-layout-padding-off, .cms-main-content-container .row-layout.cms-row-layout-padding-top-only,
    .cms-main-content-container .yCmsContentSlot .row-layout.cms-row-layout-padding-off,
    .cms-main-content-container .yCmsContentSlot .row-layout.cms-row-layout-padding-top-only {
      margin-bottom: -40px !important; } }

.pageType-EMCorporateContentPage .full-width,
.page__corporateContentLayout .full-width,
.template-pages-layout-corporateContentLayout .full-width {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%; }
  @media (min-width: 1921px) {
    .pageType-EMCorporateContentPage .full-width,
    .page__corporateContentLayout .full-width,
    .template-pages-layout-corporateContentLayout .full-width {
      padding-left: 5%;
      padding-right: 5%; } }

.pageType-EMCorporateContentPage .passwdresetpopup .full-width,
.page__corporateContentLayout .passwdresetpopup .full-width,
.template-pages-layout-corporateContentLayout .passwdresetpopup .full-width {
  margin-left: 0;
  left: 0; }

.validation-text-error {
  color: #E3004A;
  font-weight: normal;
  padding: 0;
  margin: 0;
  line-height: 1;
  display: none; }

.validation-input-error {
  border-color: #E3004A !important; }

.input {
  border-radius: 2px;
  background: #fff;
  border: 1px solid #afb0af;
  font-size: 12px;
  padding: 9px;
  box-sizing: border-box;
  outline: none; }