/* Auto-row fallback for IE11 */
.shop-mix-styles {
  text-align: left;
  background-color: var(--primary-600);
  margin-bottom: 8px;
  display: none;
  font: 28px/100px 'Roboto', sans-serif;
  height: 100px;
  overflow: hidden;
  text-decoration: none !important;
  position: relative;
  color: #fff;
  line-height: 0.9;
  font-weight: bold;
}
.shop-mix-styles > span {
  letter-spacing: -1pt;
  display: block;
  position: absolute;
  bottom: 0;
  padding: 10px 50px 7px 10px;
}
.shop-mix-styles > .trial-banderole {
  position: absolute;
  top: 22px;
  right: -26px;
  z-index: 10;
  display: inline-block;
  font-size: 12px;
  width: 132px;
  text-align: center;
  color: white;
  transform: rotate(37deg) translateZ(0);
  padding: 0;
  height: 1.5em;
  line-height: 1.5em;
  letter-spacing: normal;
  border: 2px solid #fff;
  background: #a3248f;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a3248f), color-stop(1, #bb62ac));
  background: -ms-linear-gradient(bottom, #a3248f, #bb62ac);
  background: -moz-linear-gradient(center bottom, #a3248f 0%, #bb62ac 100%);
  background: -o-linear-gradient(#bb62ac, #a3248f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb62ac', endColorstr='#a3248f', GradientType=0);
  overflow: hidden;
  /* Prevent text from breaking out of banderole */
}
/* Styles for Marketplace Product Pages (left sidebar) */
.app-aside-details {
  font-size: 14px;
}
.app-aside-details .app-aside-details-list ul.key-value {
  margin-top: 20px;
}
.app-aside-details .app-aside-details-list ul.key-value h4 {
  background-position: left 2px;
}
.app-aside-details .app-icon-wrapper {
  background-color: #fff;
  height: 210px;
  width: 100%;
  vertical-align: middle;
}
.app-aside-details .app-icon-wrapper img {
  display: block;
  margin: auto;
}
@media only screen and (max-width: 480px) {
  .app-aside-details .app-icon-wrapper {
    display: block;
    width: 100%;
  }
}
/* Styles for Marketplace Product Pages (main content) */
div.app-details a.iconStandard {
  margin-top: 1em;
  margin-left: 1em;
  padding-left: 2em;
  background-repeat: no-repeat;
}
div.app-details ul.features {
  list-style: none;
  padding-bottom: 20px;
  padding-left: 1.5em;
}
div.app-details ul.features li {
  line-height: 155%;
  margin-left: 15px;
  padding: 4px 0;
  list-style-image: url(/images/template/mark-blue.png);
}
@media only screen and (max-width: 480px) {
  div.app-details .shop-details-screenshots {
    display: none;
  }
}
html.no-js div.app-details .shop-details-screenshots .effects {
  overflow-x: scroll;
  -ms-scroll-translation: vertical-to-horizontal;
  line-height: inherit;
}
html.no-js div.app-details .shop-details-screenshots .effects ul {
  white-space: nowrap;
}
html.no-js div.app-details .shop-details-screenshots .effects ul li {
  transform: none;
  -ms-transform: none !important;
  display: inline-block;
  float: none;
  margin: 0 20px 0 0;
  cursor: default;
  opacity: 1;
}
html.no-js div.app-details .shop-details-screenshots .effects ul li:last-child {
  margin-right: 0;
}
html.no-js div.app-details .shop-details-screenshots .effects + .scrollbar {
  display: none;
}
div.app-details .shop-details-description li h3 {
  margin-bottom: 0;
}
div.app-details .shop-details-documentation a.iconStandard {
  width: 90%;
  margin: 1em 0 0 1%;
  padding-left: 2em;
  background-repeat: no-repeat;
  word-break: break-all;
}
div.app-details .button-container .button {
  float: right;
}
#marketplace-head div.main h2 {
  margin-top: 0.33em;
}
#marketplace-head div.main h1 {
  margin-top: 0;
}
#marketplace-head .marketplace-head-figure {
  text-align: right;
}
@media only screen and (max-width: 768px) {
  #marketplace-head .marketplace-head-figure {
    text-align: left;
  }
}
#marketplace-apps {
  padding: 0;
}
#marketplace-apps nav {
  padding: 1em 0;
}
#marketplace-apps .all {
  float: left;
  width: 11em;
}
#marketplace-apps .all .span-or {
  padding: 0 0.5em;
}
#marketplace-apps ul.tag-select {
  padding-left: 11em;
}
#marketplace-apps ul,
#marketplace-apps .all {
  line-height: 2em;
  padding: 0;
  margin: 0;
}
#marketplace-apps nav > span,
#marketplace-apps ul.all,
#marketplace-apps li {
  display: inline-block;
}
#marketplace-apps .tag-button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  background-color: var(--primary-600);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  border: 0 none;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  line-height: 34px;
  background: #ccc;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #646464), color-stop(1, #c8c8c8));
  background: -ms-linear-gradient(bottom, #646464 0%, #c8c8c8 100%);
  background: -moz-linear-gradient(center bottom, #646464 0%, #c8c8c8 100%);
  background: -o-linear-gradient(#c8c8c8, #646464);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8c8c8', endColorstr='#646464', GradientType=0);
  padding: 0 1.15em;
  line-height: 36px;
}
#marketplace-apps .tag-button:focus,
#marketplace-apps .tag-button:active,
#marketplace-apps .tag-button.active {
  outline: none;
  background-color: var(--primary-500);
}
#marketplace-apps .tag-button :-moz-focusring {
  outline: none;
}
#marketplace-apps .tag-button:disabled,
#marketplace-apps .tag-button[disabled],
#marketplace-apps .tag-button.disabled {
  background-color: var(--neutral-100);
  color: var(--neutral-600);
  cursor: not-allowed;
}
#marketplace-apps .tag-button:link,
#marketplace-apps .tag-button:visited {
  color: #fff;
}
#marketplace-apps .tag-button.small {
  padding: 6px 12px;
  line-height: 16px;
}
#marketplace-apps .tag-button.large {
  padding: 11px 0;
  line-height: 28px;
  width: 100%;
}
#marketplace-apps .tag-button.warn {
  background-color: #D51226;
}
#marketplace-apps .tag-button.warn:focus,
#marketplace-apps .tag-button.warn:active,
#marketplace-apps .tag-button.warn.active {
  background-color: #D51226;
}
#marketplace-apps #app-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -0.52083%;
  margin-right: -0.52083%;
}
#marketplace-apps #app-grid .mix,
#marketplace-apps #app-grid .gap {
  box-sizing: border-box;
  flex-direction: column;
  margin-left: 0.52083%;
  margin-right: 0.52083%;
  width: 23.95833%;
}
@media only screen and (max-width: 1024px) {
  #marketplace-apps #app-grid .mix,
  #marketplace-apps #app-grid .gap {
    box-sizing: border-box;
    flex-direction: column;
    margin-left: 0.52083%;
    margin-right: 0.52083%;
    width: 32.29167%;
  }
}
@media only screen and (max-width: 768px) {
  #marketplace-apps #app-grid .mix,
  #marketplace-apps #app-grid .gap {
    box-sizing: border-box;
    flex-direction: column;
    margin-left: 0.52083%;
    margin-right: 0.52083%;
    width: 48.95833%;
  }
}
@media only screen and (max-width: 480px) {
  #marketplace-apps #app-grid .mix,
  #marketplace-apps #app-grid .gap {
    box-sizing: border-box;
    flex-direction: column;
    margin-left: 0.52083%;
    margin-right: 0.52083%;
    width: 98.95833%;
  }
}
#marketplace-apps #app-grid .mix:hover {
  background-color: var(--primary-500);
}
#marketplace-apps #app-grid .mix {
  text-align: left;
  background-color: var(--primary-600);
  margin-bottom: 8px;
  display: none;
  font: 28px/100px 'Roboto', sans-serif;
  height: 100px;
  overflow: hidden;
  text-decoration: none !important;
  position: relative;
  color: #fff;
  line-height: 0.9;
  font-weight: bold;
}
#marketplace-apps #app-grid .mix > span {
  letter-spacing: -1pt;
  display: block;
  position: absolute;
  bottom: 0;
  padding: 10px 50px 7px 10px;
}
#marketplace-apps #app-grid .mix > .trial-banderole {
  position: absolute;
  top: 22px;
  right: -26px;
  z-index: 10;
  display: inline-block;
  font-size: 12px;
  width: 132px;
  text-align: center;
  color: white;
  transform: rotate(37deg) translateZ(0);
  padding: 0;
  height: 1.5em;
  line-height: 1.5em;
  letter-spacing: normal;
  border: 2px solid #fff;
  background: #a3248f;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a3248f), color-stop(1, #bb62ac));
  background: -ms-linear-gradient(bottom, #a3248f, #bb62ac);
  background: -moz-linear-gradient(center bottom, #a3248f 0%, #bb62ac 100%);
  background: -o-linear-gradient(#bb62ac, #a3248f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb62ac', endColorstr='#a3248f', GradientType=0);
  overflow: hidden;
  /* Prevent text from breaking out of banderole */
}
html.no-js #marketplace-apps #app-grid .mix {
  display: inline;
  display: initial;
}
.offer-grid {
  flex-direction: row;
  margin-left: -0.52083%;
  margin-right: -0.52083%;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  align-items: stretch;
  align-content: stretch;
}
.offer-grid .offer-container {
  margin-bottom: 20px;
  box-sizing: border-box;
  flex-direction: column;
  margin-left: 0.52083%;
  margin-right: 0.52083%;
  width: 32.29167%;
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .offer-grid .offer-container {
    box-sizing: border-box;
    flex-direction: column;
    margin-left: 0.52083%;
    margin-right: 0.52083%;
    width: 48.95833%;
    display: flex;
  }
}
@media only screen and (max-width: 480px) {
  .offer-grid .offer-container {
    box-sizing: border-box;
    flex-direction: column;
    margin-left: 0.52083%;
    margin-right: 0.52083%;
    width: 98.95833%;
    display: flex;
  }
}
.offer-grid .offer-container .offer {
  flex-grow: 2;
  /* Soll restlichen Platz ausfüllen */
}
.offer-grid .offer-container .info.box {
  margin-top: 10px;
  margin-bottom: auto;
}
.offer-grid .button {
  padding: 0 1.15em;
  line-height: 36px;
  float: right;
}
.offer-grid + .button {
  float: right;
}
.offer-subscribe-container {
  margin: 10px 0;
}
.info.box {
  clear: both;
}
ul.order {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.order h2 {
  margin: 1em 0 0.5em 0;
}
ul.order .order-position {
  margin-bottom: 1em;
}
ul.order .order-position ul.order-positions {
  list-style: none;
  padding: 0;
  margin: 0;
}
.order-position,
.offer {
  background-color: #F3F3F3;
  padding: 0 0 5px 0;
}
.order-position .offer-headline,
.offer .offer-headline {
  text-align: left;
  background-color: var(--primary-600);
  margin-bottom: 8px;
  display: none;
  font: 28px/100px 'Roboto', sans-serif;
  height: 100px;
  overflow: hidden;
  text-decoration: none !important;
  position: relative;
  color: #fff;
  line-height: 0.9;
  font-weight: bold;
  font-size: 24px;
  line-height: 0.95;
  padding-bottom: 6px;
  display: block;
  cursor: auto;
}
.order-position .offer-headline > span,
.offer .offer-headline > span {
  letter-spacing: -1pt;
  display: block;
  position: absolute;
  bottom: 0;
  padding: 10px 50px 7px 10px;
}
.order-position .offer-headline > .trial-banderole,
.offer .offer-headline > .trial-banderole {
  position: absolute;
  top: 22px;
  right: -26px;
  z-index: 10;
  display: inline-block;
  font-size: 12px;
  width: 132px;
  text-align: center;
  color: white;
  transform: rotate(37deg) translateZ(0);
  padding: 0;
  height: 1.5em;
  line-height: 1.5em;
  letter-spacing: normal;
  border: 2px solid #fff;
  background: #a3248f;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a3248f), color-stop(1, #bb62ac));
  background: -ms-linear-gradient(bottom, #a3248f, #bb62ac);
  background: -moz-linear-gradient(center bottom, #a3248f 0%, #bb62ac 100%);
  background: -o-linear-gradient(#bb62ac, #a3248f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb62ac', endColorstr='#a3248f', GradientType=0);
  overflow: hidden;
  /* Prevent text from breaking out of banderole */
}
.order-position .offer-headline.offer-link,
.offer .offer-headline.offer-link {
  cursor: pointer;
  color: white;
}
.order-position a.offer-headline::after,
.offer a.offer-headline::after {
  content: '>';
  -webkit-transform: scale(1, 2);
  -moz-transform: scale(1, 2);
  -o-transform: scale(1, 2);
  -ms-transform: scale(1, 2);
  transform: scale(1, 2);
  font-family: 'Lato', sans-serif;
  right: 10px;
  bottom: 10px;
  position: absolute;
  font-size: 22px;
  font-weight: bold;
}
.order-position .offer-content,
.offer .offer-content {
  padding: 0 3%;
}
.order-position .offer-terms,
.offer .offer-terms {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.order-position .offer-terms .interval,
.offer .offer-terms .interval {
  white-space: nowrap;
}
.order-position .offer-pricings,
.offer .offer-pricings {
  list-style: none;
  padding: 0;
  margin: 0;
}
.order-position .offer-pricings,
.offer .offer-pricings {
  clear: both;
}
.order-position .offer-pricings > li,
.offer .offer-pricings > li {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.order-position .offer-pricings > li:last-child,
.offer .offer-pricings > li:last-child {
  border-bottom: none;
}
.order-position .offer-pricings > li .unit-name,
.offer .offer-pricings > li .unit-name {
  display: block;
  margin-top: 20px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
}
.order-position .offer-pricings > li ul.pricing-tiers,
.offer .offer-pricings > li ul.pricing-tiers {
  list-style: none;
  padding: 0;
  margin: 0;
  clear: both;
  text-align: right;
}
.order-position .offer-pricings > li ul.pricing-tiers > li,
.offer .offer-pricings > li ul.pricing-tiers > li {
  margin: 10px 0;
}
.order-position .offer-pricings > li ul.pricing-tiers > li .pricing-tier-headline,
.offer .offer-pricings > li ul.pricing-tiers > li .pricing-tier-headline {
  display: block;
  line-height: 20px;
  font-weight: bold;
}
.order-position .offer-pricings > li ul.pricing-tiers > li:first-child .pricing-tier-headline,
.offer .offer-pricings > li ul.pricing-tiers > li:first-child .pricing-tier-headline {
  font-size: 20px;
  color: var(--primary-500);
}
.order-position .offer-pricings > li ul.pricing-tiers > li .condition,
.offer .offer-pricings > li ul.pricing-tiers > li .condition {
  display: block;
  font-size: 12px;
  line-height: 12px;
}
.order-position .offer-taxes,
.offer .offer-taxes {
  display: block;
  text-align: right;
  font-size: 10px;
}
.checkout-subscription .checkout-delivery-address h3 .button,
.checkout-subscription-done .checkout-delivery-address h3 .button {
  position: relative;
  top: -2px;
  left: 2em;
}
.checkout-subscription .checkout-offer-gtc,
.checkout-subscription-done .checkout-offer-gtc {
  max-height: 500px;
  overflow-y: scroll;
}
.checkout-subscription .checkout-form,
.checkout-subscription-done .checkout-form {
  margin-top: 15px;
}
.checkout-subscription .checkout-form .form-error,
.checkout-subscription-done .checkout-form .form-error {
  color: var(--warn-500);
}
.checkout-subscription .checkout-form label,
.checkout-subscription-done .checkout-form label {
  font-weight: bold;
}
.checkout-subscription .goto-app-assignment.button,
.checkout-subscription-done .goto-app-assignment.button,
.checkout-subscription .checkout-form .button,
.checkout-subscription-done .checkout-form .button {
  float: right;
  margin-top: 10px;
}
.box.credit-check {
  margin-top: 20px;
}
#contract-asp {
  color: #3e4c57;
  position: relative;
}
#contract-asp:before {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background: rgba(255, 255, 255, 0.5);
  display: block;
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  pointer-events: none;
}
#contract-asp[disabled]:before {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  pointer-events: normal;
  opacity: 1;
}
.request-service-form textarea {
  width: 95%;
  min-height: 160px;
}
.register-customer-dialog {
  display: flex;
  flex-direction: row;
}
.register-customer-dialog div {
  display: flex;
  flex-direction: column;
}
.register-customer-dialog div p {
  flex-grow: 2;
  font-weight: bold;
}
.action-shop-register-customer .registration-app-icon-teaser {
  margin: -10px 0 0 0;
}
.action-shop-register-customer .mainheadline {
  height: 90px;
  line-height: 90px;
}
.action-shop-register-customer .actionShopRegisterCustomer .radiobuttonList > label {
  display: block;
}
.registration-container .form .registerButton {
  padding: 11px 0;
  line-height: 28px;
  width: 100%;
}
.registration-container .contracting-party-row .radiobuttonList {
  margin-bottom: 25px;
}
.registration-container .contracting-party-row .radiobuttonList label.radiobutton {
  display: block;
}
.registration-app-icon-teaser {
  float: right;
  overflow: visible;
}
.login-content-wrapper-from-offer .bodytext,
.login-content-wrapper-from-offer .mainheadline {
  padding-right: 110px;
}
.login-content-wrapper-from-offer .login-content {
  padding: 0;
}
.login-content-wrapper-from-offer .login-content .password-lost {
  display: none;
}
/*# sourceMappingURL=../styles/shop.css.map */