/* adaption for text component within checkout page */
.mobile-adapt .grid .backdrop-c1-base[data-cc="text"] {
  padding:10px;
  margin-bottom:8px;
}
.mobile-adapt .grid [data-cc="text"] h3 {
  margin-bottom:5px;
}
.mobile-adapt .grid .backdrop-c1-base[data-cc="text"] p {
  margin-bottom:0px;
}

/* Loading icon */
button.loader {
    position:relative;
    padding-left:19px;
}
button.loader::before {
    content:'';
    background:url("//img.ui-portal.de/cd/ci/loading.svg") no-repeat 0 0;
    width:24px;
    height:24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left:5px;
}

/* workaround for spaces - need to be deleted after spaces concept is finished */
.grid > .container:not(.hero):not(.carousel) {
    padding-top: 8px;
    padding-bottom: 8px;
}
.grid > .container:not(.hero):not(.carousel)[data-cc="progressbar"] {
    padding-top: 16px;
    padding-bottom: 16px;
}
.grid.backdrop-b1-light94 > .container[data-cc="product-quick-info"] .tiled.teaser {
    padding: 16px 0px 0px 0px;
    margin-bottom: 0px;
}
.grid.backdrop-b1-light94 > .container[data-cc="product-quick-info"] div.backdrop-c1-base > .container:not(.tiled) {
    padding-top: 16px;
}

@media screen and (max-width: 659.9px) {
  .mobile-adapt.backdrop-b1-light94:before {
    background: #FFF;
  }
  body.mobile-adapt [data-cc="text"].vspace-s h3 {
    margin-bottom: 0px;
  }
  body.mobile-adapt .message:not(.big) .icon + *:not(.icon),
  body.mobile-adapt *:not(.button):not(h3):not(small):not(h2) {
    font-size: 14px;
    line-height: 22px;
  }
  body.mobile-adapt h3,
  body.mobile-adapt h3 small,
  body.mobile-adapt h2.size-3,
  body.mobile-adapt h3.size-3 {
    font-size: 16px;
    line-height: 24px;
  }
  body.mobile-adapt [data-cc="message"] section {
    padding: 8px;
  }
  body.mobile-adapt [data-cc="message"] .message.big.error h4 {
    font-size: 16px;
    line-height: 24px;
  }
  body.mobile-adapt .grid [data-cc="text"] {
    padding-top: 8px;
  }
  body.mobile-adapt .grid [data-cc="text"] h3 {
    margin-bottom: 8px;
  }
  body.mobile-adapt .grid .backdrop-c1-base[data-cc="text"] h3,
  body.mobile-adapt [data-cc="product-quick-info"] .container.backdrop-c1-base .teaser .module.l-7,
  body.mobile-adapt [data-cc="product-quick-info"] .teaser.tiled,
  body.mobile-adapt [data-cc="product-quick-info"] .teaser.tiled > div.module,
  body.mobile-adapt .grid .backdrop-c1-base[data-cc="text"] p {
    margin-bottom: 0px;
  }
  body.mobile-adapt [data-cc="text"],
  body.mobile-adapt p,
  body.mobile-adapt li,
  body.mobile-adapt p.size-4,
  body.mobile-adapt p.size-3,
  body.mobile-adapt strong.size-3 {
    font-size: 14px;
    line-height: 22px;
  }
  body.mobile-adapt [data-cc="product-quick-info"] > .container.backdrop-b1-light82.vspace-xs {
    padding-top:5px;
  }
  body.mobile-adapt [data-cc="product-quick-info"] > .container.backdrop-b1-light82.vspace-xs > div.module {
    margin-bottom:5px;
  }
  body.mobile-adapt .grid .backdrop-c1-base[data-cc="text"]  {
    padding: 8px 10px 0px 10px;
  }
  body.mobile-adapt [data-cc-sub="summary"] > div > div.align-right.vspace-s,
  body.mobile-adapt [data-cc="product-quick-info"] .container.backdrop-c1-base .teaser.tiled,
  body.mobile-adapt .grid > .container[data-cc="product-quick-info"] div.backdrop-c1-base > .container:not(.tiled),
  body.mobile-adapt .grid > .container[data-cc="product-quick-info"] div.backdrop-c1-base > .container:not(.tiled) > .container,
  body.mobile-adapt .grid > .container[data-cc="product-quick-info"] {
    padding-top: 0px;
  }
  body.mobile-adapt .grid > .container[data-cc="product-quick-info"] div.backdrop-c1-base > .container:not(.tiled) > .container > .container,
  body.mobile-adapt [data-cc="product-quick-info"] .container.backdrop-c1-base .teaser.tiled > .visual {
    margin-bottom: 8px;
  }
  body.mobile-adapt [data-cc-sub="summary"] .backdrop-b1-dark10 .module {
      margin-bottom: 4px;
  }
  body.mobile-adapt [data-cc="product-quick-info"] .backdrop-b1-light82,
  body.mobile-adapt [data-cc-sub="summary"] > div > div.backdrop-b1-dark10 {
    display: none;
  }
  body.mobile-adapt [data-cc="iframe"] ~ [data-cc="product-quick-info"] .backdrop-b1-light82,
  body.mobile-adapt [data-cc="text"] ~ [data-cc="text"] ~ [data-cc="product-quick-info"] .backdrop-b1-light82 {
    display: block;
    margin-bottom: 8px;
  }
  .mobile-adapt .field:not(:last-child),
  .mobile-adapt .fieldset:not(:last-child),
  body.mobile-adapt [data-cc="product-quick-info"] .container.backdrop-c1-base .teaser.tiled {
      margin-bottom: 0px;
  }
  .mobile-adapt .error.message.field {
      top: 0px;
      min-height: 32px;
  }
  .mobile-adapt input,
  .mobile-adapt select {
      margin-bottom: 4px;
  }
}
body.mobile-adapt .teaser.tiled > .module {
  margin-bottom: 0px;
}