/**** Import Global Styles ****/
/******************************************************************
****************************** CHECKOUT ***************************
******************************************************************/
input {
  font-size: 16px !important;
  font-family: Arial !important;
}

select {
  font-size: 16px !important;
}

button {
  outline: none;
  border: none;
}
button:hover {
  cursor: pointer;
}

/****************/
.wrapperCheckout {
  max-width: 1694px;
  margin: 0 auto;
  width: 100%;
  padding: 40px 0;
}
@media (max-width: 1704px) {
  .wrapperCheckout {
    padding: 20px 10px;
    box-sizing: border-box;
  }
}

/******/
.layoutCheckoutHeader {
  max-width: 1694px;
  margin: 0 auto;
  width: 100%;
  padding: 20px 20px 0 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}
.layoutCheckoutHeader a {
  display: block;
}
.layoutCheckoutHeader a img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .layoutCheckoutHeader a img {
    max-height: 40px;
    width: auto;
    max-width: none;
  }
}

/******/
.checkout_header {
  width: 100%;
}
.checkout_header h1 {
  font-size: 37px;
  line-height: 1;
  margin: 0;
  margin: 0 0 60px 0;
  color: #222222;
}
@media (max-width: 1080px) {
  .checkout_header h1 {
    font-size: 27px;
    margin: 0 0 25px 0;
  }
}

/******/
.shopcartPromoHolder {
  width: 100%;
  padding: 20px 0;
  box-sizing: border-box;
  border-top: 1px solid #c0c0c0;
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder {
  width: 100%;
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder {
  width: 100%;
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxImage {
  width: 14%;
  display: block;
  padding: 0 25px 0 0;
}
@media (max-width: 768px) {
  .shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxImage {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 0 15px 0;
  }
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxImage img {
  display: block;
  max-width: 100%;
  height: auto;
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxDescription {
  width: 75%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxDescription {
    width: 100%;
    align-items: center;
  }
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxDescription strong {
  display: block;
  font-size: 19px;
  margin: 0 0 5px 0;
}
@media (max-width: 768px) {
  .shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxDescription strong {
    text-align: center;
  }
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxDescription span {
  display: block;
  font-size: 17px;
  padding: 0 0 15px 0;
}
@media (max-width: 768px) {
  .shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxDescription span {
    text-align: center;
  }
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxConfigHolder {
  width: 100%;
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxConfigHolder .shopcartPromoBoxConfig {
  width: 100%;
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxConfigHolder .shopcartPromoBoxConfig .shopcartPromoBoxConfigBox {
  width: 100%;
  padding: 15px 0;
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxConfigHolder .shopcartPromoBoxConfig .shopcartPromoBoxConfigBox:nth-child(2) {
  margin: 15px 0 0 0;
  border-top: 1px solid #c0c0c0;
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxConfigHolder .shopcartPromoBoxConfig .shopcartPromoBoxConfigBox .shopcartPromoBoxConfigTitleBox {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxConfigHolder .shopcartPromoBoxConfig .shopcartPromoBoxConfigBox .shopcartPromoBoxConfigTitleBox input {
  display: block;
  margin: 0 7px 0 0;
  width: 16px;
  height: 16px;
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxConfigHolder .shopcartPromoBoxConfig .shopcartPromoBoxConfigBox .shopcartPromoBoxConfigTitleBox label {
  display: block;
  font-size: 15px;
  margin: 0;
  font-weight: 600;
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxConfigHolder .shopcartPromoBoxConfig .shopcartPromoBoxConfigBox .shopcartPromoBoxConfigDetailsBox {
  width: 100%;
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxConfigHolder .shopcartPromoBoxConfig .shopcartPromoBoxConfigBox .shopcartPromoBoxConfigDetailsBox .shopcartPromoBoxConfigDetailsImage {
  padding: 0 15px 0 0;
  display: block;
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxConfigHolder .shopcartPromoBoxConfig .shopcartPromoBoxConfigBox .shopcartPromoBoxConfigDetailsBox .shopcartPromoBoxConfigDetailsImage img {
  display: block;
  max-width: 100%;
  height: auto;
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxConfigHolder .shopcartPromoBoxConfig .shopcartPromoBoxConfigBox .shopcartPromoBoxConfigDetailsBox > div {
  flex-grow: 1;
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxConfigHolder .shopcartPromoBoxConfig .shopcartPromoBoxConfigBox .shopcartPromoBoxConfigDetailsBox > div h6 {
  display: none;
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxConfigHolder .shopcartPromoBoxConfig .shopcartPromoBoxConfigBox .shopcartPromoBoxConfigDetailsBox > div textarea {
  width: 100%;
  max-width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  resize: vertical;
  min-height: 70px;
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox .shopcartPromoBoxConfigHolder .shopcartPromoBoxConfig .shopcartPromoBoxConfigBox .shopcartPromoBoxConfigDetailsBox > div textarea:focus {
  outline: none;
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox > div {
  width: 15%;
}
@media (max-width: 768px) {
  .shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox > div {
    width: 100%;
  }
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox > div > div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox > div > div {
    width: 100%;
    align-items: center;
    flex-direction: row;
  }
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox > div > div div {
  font-size: 19px;
  font-weight: 600;
  margin: 0 0 10px 0;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox > div > div div {
    margin: 0 10px 0 0;
  }
}
.shopcartPromoHolder .shopcartPromoBoxOverallHolder .shopcartPromoBoxHolder .shopcartPromoBox > div > div button {
  background: #000;
  color: #fff;
  padding: 8px 15px;
  font-size: 15px;
}

.login_overall {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 768px) {
  .login_overall {
    flex-wrap: wrap;
  }
}
.login_overall.customerdata {
  margin: 0 0 25px 0;
}
@media (max-width: 1080px) {
  .login_overall.customerdata {
    flex-wrap: wrap;
  }
}
.login_overall.customerdata .login_left {
  width: 49.75%;
}
@media (max-width: 1080px) {
  .login_overall.customerdata .login_left {
    width: 100%;
    margin: 0 0 6px 0;
  }
}
.login_overall.customerdata .login_right {
  width: 49.75%;
}
@media (max-width: 1080px) {
  .login_overall.customerdata .login_right {
    width: 100%;
  }
}
.login_overall .login_left {
  width: 23%;
  background-color: #f1f1f1;
  border: solid 1px #cccccc;
  padding: 30px;
  box-sizing: border-box;
}
@media (max-width: 1280px) {
  .login_overall .login_left {
    width: 30%;
    padding: 20px;
  }
}
@media (max-width: 768px) {
  .login_overall .login_left {
    width: 100%;
    margin: 0 0 6px 0;
  }
}
.login_overall .seperatorHolder {
  background-color: #f1f1f1;
  height: 100%;
  width: 4px;
  position: absolute;
  top: 0;
  right: 66.5%;
}
@media (max-width: 1280px) {
  .login_overall .seperatorHolder {
    right: 66.25%;
  }
}
@media (max-width: 768px) {
  .login_overall .seperatorHolder {
    display: none;
  }
}
.login_overall .login_right {
  width: 58%;
  background-color: #f1f1f1;
  display: flex;
  flex-direction: column;
  border: solid 1px #cccccc;
  padding: 30px;
  box-sizing: border-box;
}
@media (max-width: 1280px) {
  .login_overall .login_right {
    width: 63%;
    padding: 20px;
  }
}
@media (max-width: 768px) {
  .login_overall .login_right {
    width: 100%;
  }
}
.login_overall .login_inline {
  width: 100%;
}
.login_overall .login_inline form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.login_overall .login_inline form.width75 {
  width: 75%;
}
@media (max-width: 1080px) {
  .login_overall .login_inline form.width75 {
    width: 100%;
  }
}
.login_overall .login_inline form.marginBottom {
  margin: 0 0 40px 0;
}
.login_overall .login_inline .login_title {
  margin: 0 0 20px 0;
  font-size: 24px;
  font-weight: bold;
}
@media (max-width: 1080px) {
  .login_overall .login_inline .login_title {
    font-size: 21px;
    margin: 0 0 20px 0;
  }
}
.login_overall .login_inline .inputFieldHolder {
  width: 100%;
  margin: 0 0 14px 0;
}
.login_overall .login_inline .inputFieldHolder.ow_1 {
  display: flex;
  justify-content: space-between;
}
.login_overall .login_inline .inputFieldHolder.width50 {
  width: 49%;
}
.login_overall .login_inline .inputFieldHolder .fieldBox {
  width: 49%;
}
.login_overall .login_inline .inputFieldHolder .fieldBox.ow_1 {
  width: 100%;
}
.login_overall .login_inline .inputFieldHolder input {
  width: 100%;
  height: 40px;
  border: solid 1px #cccccc;
  padding: 10px;
  box-sizing: border-box;
  background: #fff;
}
.login_overall .login_inline .inputFieldHolder input:focus {
  outline: none;
}
.login_overall .login_inline .inputFieldHolder input.require {
  border-left: 4px solid #000;
}
.login_overall .login_inline .inputFieldHolderSelection select {
  display: block;
  border: solid 1px #cccccc;
  height: 40px;
  margin: 0 0 14px 0;
  color: #666666;
  padding: 0 0 0 10px;
}
.login_overall .login_inline .inputFieldHolderSelection select.require {
  border-left: 4px solid #000;
}
.login_overall .login_inline .inputFieldHolderSelection select:focus {
  outline: none;
}
.login_overall .login_inline .login_field_title {
  color: #666666;
  margin: 0 0 5px 0;
}
.login_overall .login_inline .checkboxHolder {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 25px 0;
}
.login_overall .login_inline .checkboxHolder.ow_myAccount {
  height: 40px;
  border: solid 1px #cccccc;
  padding: 10px;
  box-sizing: border-box;
  background: #fff;
  margin: 0 0 14px 0;
}
.login_overall .login_inline .checkboxHolder.onlyBottomMargin {
  margin: 0 0 14px 0;
}
.login_overall .login_inline .checkboxHolder .checkboxField {
  display: flex;
  align-items: center;
}
.login_overall .login_inline .checkboxHolder .checkboxFieldSeparator {
  margin: 0 25px;
}
.login_overall .login_inline .checkboxHolder input {
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
}
.login_overall .login_inline .checkboxHolder label {
  color: #666666;
}
.login_overall .login_inline .checkboxHolder label span {
  color: #000;
}
.login_overall .login_inline .checkboxHolder label a {
  color: #666666;
}
.login_overall .login_inline .checkboxHolder label a:hover {
  text-decoration: none;
}
.login_overall .login_inline .checkboxHolder span {
  color: #666666;
}
.login_overall .login_inline .buttonHolder {
  width: 100%;
}
.login_overall .login_inline .buttonHolder button {
  width: 100%;
  background-color: #000;
  outline: none;
  border: none;
  height: 50px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
}
.login_overall .login_inline .buttonHolder button:hover {
  cursor: pointer;
  background: #00a19e;
}
.login_overall .login_inline .login_field_url {
  width: 100%;
  margin: 10px 0 0 0;
}
.login_overall .login_inline .login_field_url a {
  font-size: 12px;
  color: #000;
  cursor: pointer;
}
.login_overall .login_inline .login_field_url a:hover {
  text-decoration: none;
}
.login_overall .login_inline .fieldBox80 {
  width: 79%;
}
.login_overall .login_inline .fieldBox75 {
  width: 74%;
}
.login_overall .login_inline .fieldBox25 {
  width: 24%;
}
.login_overall .login_inline .fieldBox20 {
  width: 19%;
}
.login_overall .login_inline .srv-validation-message {
  color: #000;
  font-size: 13px;
  font-weight: 600;
  margin: 5px 0 0 0;
  padding: 0 5px;
}
.login_overall .login_inline label {
  display: block;
  margin: 5px 0;
  font-size: 14px;
  font-weight: 600;
}
.login_overall .login_inline label.none {
  display: none;
}
.login_overall .login_inline .formSeparator {
  height: 25px;
  width: 100%;
}
.login_overall .login_inline .requireFields {
  padding: 25px 0 14px 0;
}
.login_overall .login_inline .requireFields span {
  border-left: 4px solid #000;
  padding: 0 0 0 15px;
  color: #666;
}

.checkoutButtonHolder {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 20px 0 0 0;
}
.checkoutButtonHolder button.checkoutBackButton {
  background: none;
  background: #f1f1f1;
  border: 1px solid #cccccc;
  text-decoration: none !important;
  font-size: 17px;
  padding: 15px 30px;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  border-radius: 2px;
  box-sizing: border-box;
  text-align: center;
  line-height: 1 !important;
  color: #000;
  font-weight: 600;
  letter-spacing: 1px;
}
.checkoutButtonHolder button.checkoutNextButton {
  background: #000;
  border: 1px solid #000;
  text-decoration: none !important;
  padding: 15px 30px;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  border-radius: 2px;
  box-sizing: border-box;
  text-align: center;
  font-size: 17px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
}
.checkoutButtonHolder button.checkoutNextButton:hover {
  background: #00a19e;
}

/*********** WARENKORB ***********/
.shopcartHeader h1 {
  font-size: 60px;
  line-height: 1;
  margin: 0;
  margin: 0 0 60px 0;
  color: #222222;
}
@media (max-width: 1080px) {
  .shopcartHeader h1 {
    font-size: 31px;
  }
}
@media (max-width: 500px) {
  .shopcartHeader h1 {
    text-align: center;
  }
}
.shopcartHeader h1.shopcart {
  margin: 0 0 5px 0;
}
.shopcartHeader h2 {
  font-size: 30px;
  font-weight: 700;
  padding: 0;
  margin: 0 0 50px 0;
}
@media (max-width: 1080px) {
  .shopcartHeader h2 {
    font-size: 21px;
    margin: 0 0 25px 0;
  }
}
@media (max-width: 500px) {
  .shopcartHeader h2 {
    text-align: center;
    font-weight: 400;
  }
}

/*****/
.shopcartHolder {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1080px) {
  .shopcartHolder {
    flex-wrap: wrap;
  }
}
.shopcartHolder .shopcartLeft {
  width: 70%;
}
@media (max-width: 1280px) {
  .shopcartHolder .shopcartLeft {
    width: 65%;
  }
}
@media (max-width: 1080px) {
  .shopcartHolder .shopcartLeft {
    width: 100%;
  }
}
.shopcartHolder .shopcartLeft .shopcartArticle {
  width: 100%;
  padding: 40px 0;
  border-top: 1px solid #c0c0c0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .shopcartHolder .shopcartLeft .shopcartArticle {
    flex-wrap: wrap;
    padding: 20px 0;
  }
}
.shopcartHolder .shopcartLeft .shopcartArticle a.shopcartArtricleImage {
  display: block;
  width: 14%;
  padding: 0 25px 0 0;
}
@media (max-width: 500px) {
  .shopcartHolder .shopcartLeft .shopcartArticle a.shopcartArtricleImage {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 0 10px 0;
    padding: 0;
  }
}
.shopcartHolder .shopcartLeft .shopcartArticle a.shopcartArtricleImage img {
  display: block;
  max-width: 100%;
  height: auto;
  align-self: flex-start;
}
@media (max-width: 500px) {
  .shopcartHolder .shopcartLeft .shopcartArticle a.shopcartArtricleImage img {
    max-height: 95px;
    width: auto;
  }
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails {
  width: 55%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails {
    flex-grow: 1;
  }
}
@media (max-width: 500px) {
  .shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails {
    align-items: center;
  }
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails a {
  display: block;
  text-decoration: none;
  font-weight: 600;
  margin: 0 0 2px 0;
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails a:hover {
  text-decoration: underline;
}
@media (max-width: 500px) {
  .shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails a {
    text-align: center;
  }
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails span {
  display: block;
  font-size: 13px;
  color: #666;
}
@media (max-width: 500px) {
  .shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails span {
    text-align: center;
    font-size: 15px;
  }
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails strong {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 15px;
  margin: 5px 0 0 0;
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails strong span {
  font-weight: 700;
  margin: 0 0 0 5px;
  color: #78bd1f;
  font-size: 15px;
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails .onlyMobileActions {
  display: none;
}
@media (max-width: 768px) {
  .shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails .onlyMobileActions {
    display: flex;
    flex-direction: column;
  }
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails .onlyMobileActions .actions {
  margin: 10px 0 20px 0;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails .onlyMobileActions .actions {
    justify-content: center;
  }
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails .onlyMobileActions .actions input {
  height: 32px;
  width: 50px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: none;
  border-right: none;
  padding: 5px;
  text-align: center;
  box-sizing: border-box;
  font-size: 14px !important;
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails .onlyMobileActions .actions input.ow1 {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails .onlyMobileActions .actions button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  background: #f5f5f5;
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-size: 18px;
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails .onlyMobileActions .actions .deleteArticle {
  display: flex;
  align-items: center;
  margin: 0 0 0 20px;
  width: 100%;
  color: #666;
  text-decoration: none;
}
@media (max-width: 768px) {
  .shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails .onlyMobileActions .actions .deleteArticle {
    width: auto;
  }
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails .onlyMobileActions .actions .deleteArticle img {
  margin: 0 7px 0 0;
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails .onlyMobileActions .actions .deleteArticle:hover {
  text-decoration: underline;
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails .onlyMobileActions .prices {
  display: flex;
  align-items: center;
}
@media (max-width: 500px) {
  .shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails .onlyMobileActions .prices {
    justify-content: center;
  }
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails .onlyMobileActions .prices .strikedPrice {
  font-size: 15px;
  color: #666;
  text-decoration: line-through;
  margin: 0 15px 0 0;
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails .onlyMobileActions .prices .price {
  margin: 0 15px 0 0;
  font-size: 17px;
  color: #000;
  font-weight: 700;
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleDetails .onlyMobileActions .prices .youSave {
  font-size: 13px;
  color: #fff;
  background: #000;
  padding: 5px 10px;
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleActions {
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleActions {
    display: none;
  }
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleActions input {
  height: 32px;
  width: 50px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: none;
  border-right: none;
  padding: 5px;
  text-align: center;
  box-sizing: border-box;
  font-size: 14px !important;
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleActions button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  background: #f5f5f5;
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-size: 18px;
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleActions .deleteArticle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0 0 0;
  width: 100%;
  color: #666;
  text-decoration: none;
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleActions .deleteArticle img {
  margin: 0 7px 0 0;
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtricleActions .deleteArticle:hover {
  text-decoration: underline;
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtriclePrices {
  width: 15%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtriclePrices {
    display: none;
  }
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtriclePrices .priceBoxHolder {
  display: flex;
  align-items: center;
  margin: 0 0 5px 0;
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtriclePrices .priceBoxHolder .strikedPrice {
  font-size: 15px;
  color: #666;
  text-decoration: line-through;
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtriclePrices .priceBoxHolder .price {
  margin: 0 0 0 15px;
  font-size: 17px;
  color: #000;
  font-weight: 700;
}
.shopcartHolder .shopcartLeft .shopcartArticle .shopcartArtriclePrices .youSave {
  font-size: 13px;
  color: #666;
}
.shopcartHolder .shopcartLeft .shopcartTreuepunkte {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  color: #222222;
  padding: 15px 0;
}
.shopcartHolder .shopcartLeft .shopcartTreuepunkte .text {
  margin: 0 0 0 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 14px;
}
.shopcartHolder .shopcartLeft .shopcartTreuepunkte .text > span {
  margin: 0 0 2px 0;
}
.shopcartHolder .shopcartLeft .shopcartTreuepunkte .text > span span {
  font-size: 17px;
  color: #97bf0c;
  font-weight: 600;
}
.shopcartHolder .shopcartLeft .shopcartTreuepunkte .text a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.shopcartHolder .shopcartLeft .shopcartTreuepunkte .text a:hover {
  text-decoration: underline;
}
.shopcartHolder .shopcartLeft .shopcartTreuepunkte .text a img {
  margin: 0 0 0 5px;
}
.shopcartHolder .shopcartRight {
  width: 25%;
  background: #f1f1f1;
  padding: 40px 25px;
  box-sizing: border-box;
}
@media (max-width: 1280px) {
  .shopcartHolder .shopcartRight {
    width: 32%;
  }
}
@media (max-width: 1080px) {
  .shopcartHolder .shopcartRight {
    width: 100%;
  }
}
.shopcartHolder .shopcartRight .shopcartRightTitle {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 15px;
  margin: 0 0 20px 0;
}
.shopcartHolder .shopcartRight .shopcartRightTitle span {
  display: block;
}
.shopcartHolder .shopcartRight .voucherHolder {
  width: 100%;
}
.shopcartHolder .shopcartRight .voucherHolder .voucherActiveHolder {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 0 15px 0;
}
.shopcartHolder .shopcartRight .voucherHolder .voucherActiveHolder .voucherLeft {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.shopcartHolder .shopcartRight .voucherHolder .voucherActiveHolder .voucherLeft span {
  font-size: 17px;
  font-weight: 700;
  color: #000;
  margin: 0 0 5px 0;
}
.shopcartHolder .shopcartRight .voucherHolder .voucherActiveHolder .voucherLeft a {
  color: #666;
  font-size: 13px;
}
.shopcartHolder .shopcartRight .voucherHolder .voucherActiveHolder .voucherLeft a img {
  margin: 0 0 0 7px;
}
.shopcartHolder .shopcartRight .voucherHolder .voucherActiveHolder .voucherRight {
  font-size: 17px;
  font-weight: 700;
  color: #000;
}
.shopcartHolder .shopcartRight .voucherHolder .shopcartRightVoucherHolder {
  width: 100%;
  margin: 0 0 20px 0;
  display: flex;
  flex-wrap: wrap;
}
.shopcartHolder .shopcartRight .voucherHolder .shopcartRightVoucherHolder input {
  display: flex;
  flex-grow: 1;
  outline: none;
  border: none;
  padding: 0 10px;
}
.shopcartHolder .shopcartRight .voucherHolder .shopcartRightVoucherHolder button {
  width: 40px;
  height: 40px;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shopcartHolder .shopcartRight .voucherHolder .shopcartRightVoucherHolder button:hover {
  background: #00a19e;
}
.shopcartHolder .shopcartRight .voucherHolder .shopcartRightVoucherHolder button img {
  display: block;
  max-width: 100%;
  height: auto;
}
.shopcartHolder .shopcartRight .voucherHolder .shopcartRightVoucherHolder span {
  display: block;
  font-size: 12px;
  color: #666666;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 0 0 0 7px;
}
.shopcartHolder .shopcartRight .voucherHolder .shopcartRightVoucherHolder .voucherErrorMessage {
  width: 100%;
  border-left: 2px solid #000;
  color: #000;
  padding: 0 0 0 7px;
  margin: 10px 0 0 0;
  font-weight: 600;
}
.shopcartHolder .shopcartRight .shopcartRightDelivery {
  width: 100%;
  margin: 0 0 10px 0;
}
.shopcartHolder .shopcartRight .shopcartRightDelivery button {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.shopcartHolder .shopcartRight .shopcartRightDelivery button > img {
  display: block;
  margin: 0 20px 0 0;
}
.shopcartHolder .shopcartRight .shopcartRightDelivery button span {
  display: flex;
  align-items: center;
  font-size: 15px;
}
.shopcartHolder .shopcartRight .shopcartRightDelivery button span img {
  display: block;
  margin: 0 10px 0 0;
}
.shopcartHolder .shopcartRight .priceShippingHolder {
  width: 100%;
  padding: 15px 0;
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  margin: 0 0 25px 0;
}
.shopcartHolder .shopcartRight .priceShippingHolder .shopcartRightTotalAmount {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 5px 0;
  font-size: 17px;
  font-weight: 700;
}
.shopcartHolder .shopcartRight .priceShippingHolder .shopcartRightTotalAmount span:first-child {
  display: block;
}
.shopcartHolder .shopcartRight .priceShippingHolder .shopcartRightTotalAmount span:last-child {
  color: #000;
}
.shopcartHolder .shopcartRight .priceShippingHolder .deliveryCosts {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  color: #666;
}
.shopcartHolder .shopcartRight .priceShippingHolder .deliveryCosts a {
  color: #666;
}
.shopcartHolder .shopcartRight .priceShippingHolder .deliveryCosts a:hover {
  text-decoration: none;
}
.shopcartHolder .shopcartRight .shopcarRightratenBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
.shopcartHolder .shopcartRight .shopcarRightratenBox span:first-child {
  display: block;
}
.shopcartHolder .shopcartRight .shopcarRightratenBox span:last-child {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.shopcartHolder .shopcartRight .shopcarRightratenBox span:last-child a {
  margin: 5px 0 0 0;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  color: #666;
}
.shopcartHolder .shopcartRight .shopcarRightratenBox span:last-child a:hover {
  text-decoration: none;
}
.shopcartHolder .shopcartRight .shopcarRightratenBox span:last-child a img {
  display: block;
  margin: 0 5px 0 0;
}
.shopcartHolder .shopcartRight .shopcarRightCartButton {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  background: #000;
  padding: 15px 0;
}
.shopcartHolder .shopcartRight .shopcarRightCartButton:hover {
  background-color: #00a19e;
}
.shopcartHolder .shopcartRight .shopcartRightTrusted {
  width: 100%;
}
.shopcartHolder .shopcartRight .shopcartRightTrusted .shopcartRightTitleHolder {
  text-align: center;
  font-size: 16px;
  font-style: italic;
  padding: 25px 0 10px 0;
  font-weight: 400;
  overflow: hidden;
}
.shopcartHolder .shopcartRight .shopcartRightTrusted .shopcartRightTitleHolder:before {
  background-color: #c0c0c0;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
  right: 0.5em;
  margin-left: -50%;
}
.shopcartHolder .shopcartRight .shopcartRightTrusted .shopcartRightTitleHolder:after {
  left: 0.5em;
  margin-right: -50%;
  background-color: #c0c0c0;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}
.shopcartHolder .shopcartRight .shopcartRightTrusted .trustedImageBox {
  display: flex;
  justify-content: center;
}
.shopcartHolder .shopcartRight .shopcartRightTrusted .trustedImageBox img {
  display: block;
  align-self: flex-start;
  width: auto;
  max-height: 50px;
}
.shopcartHolder .shopcartRight .shopcartRightPayments {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.shopcartHolder .shopcartRight .shopcartRightPayments .shopcartRightTitleHolder {
  width: 100%;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0 0 5px 0;
}
.shopcartHolder .shopcartRight .shopcartRightPayments .paymentBox {
  display: flex;
  padding: 10px 20px 10px 0;
}
.shopcartHolder .shopcartRight .shopcartRightPayments .paymentBox img {
  display: block;
  width: auto;
  max-height: 25px;
}

/********** CHECKOUT-STEPS ******/
.steps_overall_list_first {
  margin: 20px auto 50px auto;
  max-width: 1694px;
  width: 65%;
  background: #fff;
  padding: 0;
  border-bottom: none;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 14px;
}
@media (max-width: 1080px) {
  .steps_overall_list_first {
    width: 90%;
  }
}
@media (max-width: 768px) {
  .steps_overall_list_first {
    width: 100%;
  }
}
.steps_overall_list_first .steps_list {
  background: linear-gradient(180deg, transparent 26px, #ccc 27px, transparent 28px);
  color: #000;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  font-weight: 400;
  width: 25%;
}
@media (max-width: 768px) {
  .steps_overall_list_first .steps_list {
    background: linear-gradient(180deg, transparent 21px, #ccc 22px, transparent 23px);
  }
}
.steps_overall_list_first .steps_list span:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  font-weight: 700;
  border: 2px solid #ccc;
  background: #fff;
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #cccccc;
}
@media (max-width: 768px) {
  .steps_overall_list_first .steps_list span:first-child {
    width: 40px;
    height: 40px;
    font-size: 19px;
  }
}
.steps_overall_list_first .steps_list span:last-child {
  margin: 10px 0 0;
  font-weight: 700;
  padding: 0 5px;
  font-size: 17px;
}
@media (max-width: 768px) {
  .steps_overall_list_first .steps_list span:last-child {
    font-size: 11px;
    text-align: center;
  }
}
.steps_overall_list_first .steps_list.steps_list_active {
  background: linear-gradient(180deg, transparent 26px, #000 27px, transparent 28px);
  position: relative;
}
@media (max-width: 768px) {
  .steps_overall_list_first .steps_list.steps_list_active {
    background: linear-gradient(180deg, transparent 21px, #000 22px, transparent 23px);
  }
}
.steps_overall_list_first .steps_list.steps_list_active span:first-child {
  background: #000;
  color: #fff;
  border: 2px solid #000;
}
.steps_overall_list_first .steps_list.steps_list_active:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #000;
  position: absolute;
  right: -4px;
  top: 23px;
  z-index: 398;
}
@media (max-width: 768px) {
  .steps_overall_list_first .steps_list.steps_list_active:after {
    top: 18px;
  }
}
.steps_overall_list_first .steps_list.steps_list_checked {
  background: linear-gradient(180deg, transparent 26px, #000 27px, transparent 28px);
}
@media (max-width: 768px) {
  .steps_overall_list_first .steps_list.steps_list_checked {
    background: linear-gradient(180deg, transparent 21px, #000 22px, transparent 23px);
  }
}
.steps_overall_list_first .steps_list.steps_list_checked span:first-child {
  background: #000;
  color: #fff;
  border: 2px solid #000;
}

/*********** WARENKORB ***********/
.holderPayments {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1080px) {
  .holderPayments {
    flex-wrap: wrap;
  }
}
.holderPayments h3 {
  font-size: 24px;
  margin: 0 0 34px 0;
}
@media (max-width: 1080px) {
  .holderPayments h3 {
    font-size: 21px;
    margin: 0 0 20px 0;
  }
}
.holderPayments .holderLeftPayments {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 49.75%;
  background-color: #f1f1f1;
  border: 1px solid #cccccc;
  padding: 40px 30px;
  box-sizing: border-box;
}
@media (max-width: 1080px) {
  .holderPayments .holderLeftPayments {
    width: 100%;
    margin: 0 0 6px 0;
    padding: 20px;
  }
}
.holderPayments .paymentVariant {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  margin-bottom: 10px;
  border: 1px solid #cccccc;
}
.holderPayments .paymentVariant.Rechnung .containerRight, .holderPayments .paymentVariant.Klarna .containerRight {
  flex-wrap: wrap;
}
.holderPayments .paymentVariant .containerLeftButton {
  width: 12%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  box-sizing: border-box;
}
@media (max-width: 500px) {
  .holderPayments .paymentVariant .containerLeftButton {
    width: 20%;
  }
}
.holderPayments .paymentVariant .containerLeftButton img {
  display: block;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}
.holderPayments .paymentVariant .containerRight {
  width: 88%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 20px 20px 0;
  box-sizing: border-box;
}
@media (max-width: 500px) {
  .holderPayments .paymentVariant .containerRight {
    width: 80%;
    padding: 10px;
  }
}
.holderPayments .paymentVariant .containerRight .shippingDetails {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.holderPayments .paymentVariant .containerRight .shippingDetails strong {
  font-size: 17px;
  display: block;
  margin: 0 0 2px 0;
}
.holderPayments .paymentVariant .containerRight .shippingDetails span {
  font-size: 15px;
  color: #666666;
  display: block;
}
@media (max-width: 500px) {
  .holderPayments .paymentVariant .containerRight .shippingDetails span {
    display: none;
  }
}
.holderPayments .paymentVariant .containerRight .shippingPrice img {
  display: block;
  max-height: 30px;
  width: auto;
}
@media (max-width: 500px) {
  .holderPayments .paymentVariant .containerRight .shippingPrice img {
    max-height: 20px;
  }
}
.holderPayments .paymentVariant .containerRight #klarna_container {
  width: 100%;
}
.holderPayments .paymentVariant .containerRight .afterPayAGB {
  width: 100%;
  padding: 10px 0 0 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 12px;
}
.holderPayments .paymentVariant .containerRight .afterPayAGB a {
  font-weight: 600;
}
.holderPayments .paymentVariant .containerRight .afterPayAGB a:nth-child(2) {
  margin: 0 0 0 4px;
}
@media (max-width: 500px) {
  .holderPayments .paymentVariant .containerRight .afterPayAGB a:nth-child(2) {
    margin: 0;
  }
}
.holderPayments .paymentVariant .containerRight .afterPayAGB .infoSpan {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media (max-width: 500px) {
  .holderPayments .paymentVariant .containerRight .afterPayAGB .infoSpan {
    display: unset;
  }
}
.holderPayments .paymentVariant .containerRight .containerRatenzahlung {
  width: 100%;
  margin: 30px 0 0 0;
}
.holderPayments .paymentVariant .containerRight .containerRatenzahlung .selectBoxesHolder {
  width: 75%;
}
.holderPayments .paymentVariant .containerRight .containerRatenzahlung .selectBoxesHolder .ratenkaufLine {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 14px 0;
  margin: 0 0 14px 0;
  border-bottom: solid 1px #cccccc;
}
.holderPayments .paymentVariant .containerRight .containerRatenzahlung .selectBoxesHolder .ratenkaufLine select {
  outline: none;
  border-radius: 0px;
  height: 30px;
  padding-left: 20px;
  font-size: 16px;
}
.holderPayments .paymentVariant .containerRight .containerRatenzahlung .checkboxRatenschutz {
  font-size: 14px;
}

.holderRightShipping {
  display: flex;
  flex-direction: column;
  width: 49.75%;
}
@media (max-width: 1080px) {
  .holderRightShipping {
    width: 100%;
  }
}
.holderRightShipping .shippingBox {
  width: 100%;
  background-color: #f1f1f1;
  border: 1px solid #cccccc;
  padding: 40px 30px;
  box-sizing: border-box;
}
@media (max-width: 1080px) {
  .holderRightShipping .shippingBox {
    padding: 20px;
  }
}
.holderRightShipping .shippingBox .shippingcosts {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 19px;
  margin: 15px 0 0 0;
}
@media (max-width: 500px) {
  .holderRightShipping .shippingBox .shippingcosts {
    font-size: 17px;
    justify-content: space-between;
  }
}
.holderRightShipping .shippingBox .shippingcosts span {
  font-weight: 700;
  color: #000;
  margin: 0 0 0 10px;
  white-space: nowrap;
}
.holderRightShipping .shippingMethod {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  margin-bottom: 10px;
  border: 1px solid #cccccc;
}
.holderRightShipping .shippingMethod .containerLeftButton {
  width: 12%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  box-sizing: border-box;
}
@media (max-width: 500px) {
  .holderRightShipping .shippingMethod .containerLeftButton {
    width: 20%;
  }
}
.holderRightShipping .shippingMethod .containerLeftButton img {
  display: block;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}
.holderRightShipping .shippingMethod .containerLeftButton input {
  width: 20px;
  height: 20px;
}
.holderRightShipping .shippingMethod .containerRight {
  width: 88%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 20px 20px 20px 0;
  box-sizing: border-box;
}
@media (max-width: 500px) {
  .holderRightShipping .shippingMethod .containerRight {
    width: 80%;
    padding: 10px;
  }
}
.holderRightShipping .shippingMethod .containerRight .shippingDetails {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.holderRightShipping .shippingMethod .containerRight .shippingDetails strong {
  font-size: 17px;
  display: block;
  margin: 0 0 2px 0;
}
.holderRightShipping .shippingMethod .containerRight .shippingDetails span {
  font-size: 15px;
  color: #666666;
  display: block;
}
.holderRightShipping .servicePackage {
  margin: 6px 0 0 0;
  width: 100%;
  background-color: #f1f1f1;
  border: 1px solid #cccccc;
  padding: 40px 30px;
  box-sizing: border-box;
}
@media (max-width: 1080px) {
  .holderRightShipping .servicePackage {
    padding: 20px;
  }
}
.holderRightShipping .supplementHolder {
  display: flex;
  align-items: center;
  background: #dddddd;
}
.holderRightShipping .supplementHolder .supplementImage {
  width: 12%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.holderRightShipping .supplementHolder .supplementImage img {
  display: block;
}
.holderRightShipping .supplementHolder .supplementContent {
  width: 88%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 20px 20px 20px 0;
  box-sizing: border-box;
}
.holderRightShipping .supplementHolder .supplementContent .supplementContentTitles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.holderRightShipping .supplementHolder .supplementContent .supplementContentPrice {
  font-weight: 600;
  font-size: 18px;
}

/*********** CONFIRMATION ***********/
.confirmationHolder {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1080px) {
  .confirmationHolder {
    flex-wrap: wrap;
  }
}
.confirmationHolder .confirmationLeft {
  width: 60%;
}
@media (max-width: 1280px) {
  .confirmationHolder .confirmationLeft {
    width: 70%;
  }
}
@media (max-width: 1080px) {
  .confirmationHolder .confirmationLeft {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
.confirmationHolder .confirmationLeft .confirmationLeftDatas {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  margin: 0 0 40px 0;
}
.confirmationHolder .confirmationLeft .confirmationLeftDatas .customerDatas {
  width: 49%;
  margin: 0 0 30px 0;
}
@media (max-width: 768px) {
  .confirmationHolder .confirmationLeft .confirmationLeftDatas .customerDatas {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
.confirmationHolder .confirmationLeft .confirmationLeftDatas .customerDatas .customerDatasTitle {
  display: block;
  font-weight: 600;
  font-size: 16px;
  margin: 0 0 3px 0;
}
.confirmationHolder .confirmationLeft .confirmationLeftDatas .customerDatas .customerDatasSpan {
  display: flex;
  font-size: 15px;
  font-weight: 400;
  margin: 0 0 2px 0;
  color: #666;
}
.confirmationHolder .confirmationLeft .confirmationLeftDatas .customerDatas .customerDatasSpan span:first-child {
  margin: 0 5px 0 0;
}
.confirmationHolder .confirmationLeft .confirmationLeftDatas .customerDatas .confirmationBox {
  margin: 7px 0;
  display: flex;
}
.confirmationHolder .confirmationLeft .confirmationLeftDatas .customerDatas .confirmationBox .customerDatasSpan {
  margin: 0 0 0 5px;
}
.confirmationHolder .confirmationLeft .confirmationLeftDatas .customerDatasNotice {
  width: 100%;
}
.confirmationHolder .confirmationLeft .confirmationLeftDatas .customerDatasNotice label {
  width: 100%;
  display: block;
  font-weight: 600;
  font-size: 16px;
  margin: 0 0 3px 0;
}
.confirmationHolder .confirmationLeft .confirmationLeftDatas .customerDatasNotice textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  padding: 5px;
  box-sizing: border-box;
  min-height: 80px;
  outline: none;
}
.confirmationHolder .confirmationLeft .articlePositions {
  width: 100%;
}
.confirmationHolder .confirmationLeft .articlePositions .articlePositionBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 25px 0;
  border-top: 1px solid #ccc;
}
.confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder {
  display: flex;
  flex-grow: 1;
}
@media (max-width: 500px) {
  .confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
}
.confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder .articlePositionBoxImage {
  width: 13%;
  padding: 0 2% 0 0;
}
@media (max-width: 500px) {
  .confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder .articlePositionBoxImage {
    width: 100%;
    padding: 0 0 2% 0;
    display: flex;
    justify-content: center;
  }
}
.confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder .articlePositionBoxImage img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 500px) {
  .confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder .articlePositionBoxImage img {
    align-self: center;
  }
}
.confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder .articlePositionBoxDescription {
  padding: 10px 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 500px) {
  .confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder .articlePositionBoxDescription {
    width: 100%;
    align-items: center;
  }
}
.confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder .articlePositionBoxDescription .title {
  font-weight: 600;
  margin: 0 0 2px 0;
}
@media (max-width: 500px) {
  .confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder .articlePositionBoxDescription .title {
    text-align: center;
  }
}
.confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder .articlePositionBoxDescription .description {
  font-size: 13px;
  color: #666666;
  margin: 0 0 5px 0;
}
@media (max-width: 500px) {
  .confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder .articlePositionBoxDescription .description {
    text-align: center;
  }
}
.confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder .articlePositionBoxDescription .amount {
  font-weight: 700;
  margin: 0 0 5px 0;
  color: #666;
  font-size: 15px;
}
.confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder .articlePositionBoxDescription .amount strong {
  margin: 0 0 10px 0;
  color: #000;
}
.confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder .articlePositionBoxDescription .deliveryTimes {
  font-weight: 700;
  color: #78bd1f;
  margin: 0 0 5px 0;
  font-size: 15px;
}
.confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder .articlePositionBoxDescription .deliveryTimes strong {
  margin: 0 0 10px 0;
  color: #000;
}
.confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder .articlePositionBoxDescription .onlyMobilePrices {
  display: none;
}
@media (max-width: 1080px) {
  .confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder .articlePositionBoxDescription .onlyMobilePrices {
    display: flex;
    align-items: center;
    margin: 5px 0 0 0;
  }
}
@media (max-width: 500px) {
  .confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder .articlePositionBoxDescription .onlyMobilePrices {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder .articlePositionBoxDescription .onlyMobilePrices .strikedPrice {
  text-decoration: line-through;
  font-size: 15px;
  color: #666;
  margin: 0 10px 0 0;
  white-space: nowrap;
}
.confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder .articlePositionBoxDescription .onlyMobilePrices .price {
  font-size: 17px;
  font-weight: 700;
  margin: 0 10px 0 0;
  color: #000;
  white-space: nowrap;
}
.confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .imageDescriptionHolder .articlePositionBoxDescription .onlyMobilePrices .savedPrice {
  font-size: 13px;
  color: #fff;
  background: #000;
  padding: 5px 10px;
  white-space: nowrap;
}
.confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .articlePositionBoxPrices {
  padding: 10px 0 0 0;
}
@media (max-width: 1480px) {
  .confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .articlePositionBoxPrices {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
  }
}
@media (max-width: 1080px) {
  .confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .articlePositionBoxPrices {
    display: none;
  }
}
.confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .articlePositionBoxPrices .strikedPrice {
  text-decoration: line-through;
  font-size: 15px;
  margin: 0 7px 0 0;
  color: #666;
}
.confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .articlePositionBoxPrices .price {
  font-size: 17px;
  font-weight: 700;
  color: #000;
}
.confirmationHolder .confirmationLeft .articlePositions .articlePositionBox .articlePositionBoxPrices .savedPrice {
  font-size: 13px;
  color: #666;
  margin: 10px 0 0 0;
  text-align: right;
}
.confirmationHolder .confirmationRight {
  width: 28%;
  padding: 20px 20px 50px 20px;
  background: #f1f1f1;
  box-sizing: border-box;
}
@media (max-width: 1080px) {
  .confirmationHolder .confirmationRight {
    width: 100%;
  }
}
.confirmationHolder .confirmationRight .confirmationRightLineBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #c0c0c0;
  font-size: 15px;
}
.confirmationHolder .confirmationRight .confirmationRightLineBox.ow_1 {
  border-bottom: none;
  font-weight: 700;
}
.confirmationHolder .confirmationRight .confirmationRightLineBox.ow_1 .lineBoxPrice {
  color: #000;
  font-size: 19px;
}
.confirmationHolder .confirmationRight .confirmationRightLineBox.owSupplements {
  flex-wrap: wrap;
}
.confirmationHolder .confirmationRight .confirmationRightLineBox.owSupplements .supplementHolderOverall {
  width: 100%;
}
.confirmationHolder .confirmationRight .confirmationRightLineBox.owSupplements .supplementHolderOverall .supplementHolderOverallTitle {
  padding: 10px 0 0 15px;
  font-size: 13px;
}
.confirmationHolder .confirmationRight .confirmationRightLineBox.owSupplements .supplementHolderOverall .supplementHolder {
  display: flex;
  align-items: center;
  padding: 5px 0 0 15px;
  font-size: 13px;
}
.confirmationHolder .confirmationRight .confirmationRightLineBox.owSupplements .supplementHolderOverall .supplementHolder .supplementImage {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.confirmationHolder .confirmationRight .confirmationRightLineBox.owSupplements .supplementHolderOverall .supplementHolder .supplementImage img {
  display: block;
}
.confirmationHolder .confirmationRight .confirmationRightLineBox.owSupplements .supplementHolderOverall .supplementHolder .supplementContent {
  display: flex;
  /*  flex-wrap: wrap;*/
  box-sizing: border-box;
  flex-grow: 1;
  margin: 0 0 0 10px;
}
.confirmationHolder .confirmationRight .confirmationRightLineBox.owSupplements .supplementHolderOverall .supplementHolder .supplementContent .supplementContentTitles {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}
.confirmationHolder .confirmationRight .confirmationRightLineBox.owSupplements .supplementHolderOverall .supplementHolder .supplementContent .supplementContentPrice {
  padding: 0 0 0 10px;
  font-size: 13px;
  font-weight: 600;
}
.confirmationHolder .confirmationRight .confirmationRightLineBox .lineBoxTitle {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.confirmationHolder .confirmationRight .confirmationRightLineBox .lineBoxTitle .grand_total_subline {
  font-weight: 400;
  font-size: 11px;
  margin: 3px 0 0 0;
}
.confirmationHolder .confirmationRight .confirmationRightLineBox .lineBoxPrice {
  font-weight: 700;
}
.confirmationHolder .confirmationRight .confirmationButtonHolder {
  width: 100%;
}
.confirmationHolder .confirmationRight .confirmationButtonHolder .orderButton {
  width: 100%;
  background-color: #000;
  outline: none;
  border: none;
  height: 50px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  margin: 0 0 15px 0;
}
.confirmationHolder .confirmationRight .confirmationButtonHolder .orderButton:hover {
  cursor: pointer;
  background: #00a19e;
}
.confirmationHolder .confirmationRight .confirmationButtonHolder .conf_agb {
  font-size: 13px;
  color: #939393;
}
.confirmationHolder .confirmationRight .confirmationButtonHolder .conf_agb a:hover {
  text-decoration: none;
}

/******/
.checkoutButtonHolder {
  width: 100%;
  margin: 40px 0;
}
.checkoutButtonHolder a {
  background: #f1f1f1;
  border: 1px solid #cccccc;
  text-decoration: none !important;
  font-size: 17px;
  padding: 15px 30px;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  border-radius: 2px;
  box-sizing: border-box;
  text-align: center;
  line-height: 1 !important;
  color: #000;
  font-weight: 600;
  letter-spacing: 1px;
}

/************** SUCCESS ***************/
.successHolder {
  width: 100%;
}
.successHolder h2.successTitle {
  text-align: center;
  margin: 0 0 10px 0;
}
.successHolder .successInfoText {
  text-align: center;
  margin: 0 0 40px 0;
}
.successHolder .successInfoText span {
  color: #000;
  font-weight: 600;
}
.successHolder .successArticleHolder {
  width: 75%;
  margin: 0 auto;
}
@media (max-width: 1080px) {
  .successHolder .successArticleHolder {
    width: 100%;
  }
}
.successHolder .successArticleHolder .successArticleBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 25px 0;
  border-top: 1px solid #ccc;
}
@media (max-width: 768px) {
  .successHolder .successArticleHolder .successArticleBox {
    flex-wrap: wrap;
  }
}
.successHolder .successArticleHolder .successArticleBox .imageDescriptionHolder {
  display: flex;
  flex-grow: 1;
}
@media (max-width: 768px) {
  .successHolder .successArticleHolder .successArticleBox .imageDescriptionHolder {
    flex-wrap: wrap;
    width: 100%;
  }
}
.successHolder .successArticleHolder .successArticleBox .imageDescriptionHolder .image {
  display: block;
  padding: 0 2% 0 0;
}
@media (max-width: 768px) {
  .successHolder .successArticleHolder .successArticleBox .imageDescriptionHolder .image {
    width: 100%;
    padding: 0 0 2% 0;
    display: flex;
    justify-content: center;
  }
}
.successHolder .successArticleHolder .successArticleBox .imageDescriptionHolder .image img {
  display: block;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}
.successHolder .successArticleHolder .successArticleBox .imageDescriptionHolder .description {
  padding: 10px 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .successHolder .successArticleHolder .successArticleBox .imageDescriptionHolder .description {
    width: 100%;
    align-items: center;
    padding: 0;
  }
}
.successHolder .successArticleHolder .successArticleBox .imageDescriptionHolder .description .title {
  font-weight: 600;
  margin: 0 0 2px 0;
}
.successHolder .successArticleHolder .successArticleBox .imageDescriptionHolder .description .subtitle {
  font-size: 13px;
  color: #666666;
  margin: 0 0 5px 0;
}
.successHolder .successArticleHolder .successArticleBox .imageDescriptionHolder .description .deliveryTimes {
  font-weight: 700;
  margin: 0 0 5px 0;
  color: #000;
  font-size: 15px;
}
.successHolder .successArticleHolder .successArticleBox .imageDescriptionHolder .description .amount {
  font-weight: 700;
  color: #000;
  margin: 0 0 5px 0;
  font-size: 15px;
}
.successHolder .successArticleHolder .successArticleBox .prices {
  padding: 10px 0 0 0;
}
@media (max-width: 768px) {
  .successHolder .successArticleHolder .successArticleBox .prices {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
}
.successHolder .successArticleHolder .successArticleBox .prices .strikedPrice {
  text-decoration: line-through;
  font-size: 15px;
  margin: 0 7px 0 0;
  color: #666;
}
.successHolder .successArticleHolder .successArticleBox .prices .price {
  font-size: 17px;
  font-weight: 700;
  color: #000;
}
@media (max-width: 768px) {
  .successHolder .successArticleHolder .successArticleBox .prices .price {
    margin: 0 7px 0 0;
  }
}
.successHolder .successArticleHolder .successArticleBox .prices .savedPrice {
  font-size: 13px;
  color: #666;
  margin: 10px 0 0 0;
  text-align: right;
}
@media (max-width: 768px) {
  .successHolder .successArticleHolder .successArticleBox .prices .savedPrice {
    margin: 0;
  }
}
.successHolder .holderScoreBox {
  width: 75%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  color: #939393;
}
@media (max-width: 768px) {
  .successHolder .holderScoreBox {
    width: 100%;
  }
}
.successHolder .holderScoreBox .totalScoreBox {
  width: 50%;
  background-color: #f1f1f1;
  padding: 25px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .successHolder .holderScoreBox .totalScoreBox {
    width: 100%;
  }
}
.successHolder .holderScoreBox .totalScoreBox > div {
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px #747474;
  padding: 15px 0;
  color: #000;
}
.successHolder .holderScoreBox .totalScoreBox > div strong {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.successHolder .holderScoreBox .totalScoreBox > div strong span {
  font-weight: 400;
  font-size: 13px;
}
.successHolder .holderScoreBox .totalScoreBox > div .scoreTotal {
  color: #000;
}

/******************************************************************
****************************** ACCOUNT ****************************
******************************************************************/
.myaccountHolder {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.myaccountHolder .myaccountBox {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ccc;
  margin: 0 0 25px 0;
}
.myaccountHolder .myaccountBox .myAccountBoxLeft {
  width: 33%;
  padding: 0 2% 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .myaccountHolder .myaccountBox .myAccountBoxLeft {
    width: 100%;
    padding: 0 0 10px 0;
  }
}
.myaccountHolder .myaccountBox .myAccountBoxLeft span:first-child {
  display: flex;
  align-items: flex-end;
  margin: 0 0 5px 0;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
}
.myaccountHolder .myaccountBox .myAccountBoxLeft span:first-child img {
  display: block;
  padding: 0 10px 0 0;
}
.myaccountHolder .myaccountBox .myAccountBoxLeft span:last-child {
  display: block;
  font-size: 15px;
  font-weight: 400;
  color: #666;
}
.myaccountHolder .myaccountBox .myAccountBoxRight {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 65%;
}
@media (max-width: 768px) {
  .myaccountHolder .myaccountBox .myAccountBoxRight {
    width: 100%;
  }
}
.myaccountHolder .myaccountBox .myAccountBoxRight .title {
  display: block;
  width: 100%;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0 0 10px 0;
}
@media (max-width: 768px) {
  .myaccountHolder .myaccountBox .myAccountBoxRight .title {
    display: none;
  }
}
.myaccountHolder .myaccountBox .myAccountBoxRight .myAccountLinkholder {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.myaccountHolder .myaccountBox .myAccountBoxRight .myAccountLinkholder a {
  display: flex;
  align-items: center;
  width: 49.5%;
  background: #f1f1f1;
  border: 1px solid #c0c0c0;
  color: #000;
  text-decoration: none;
  font-weight: 400;
  margin: 0 0 1% 0;
  padding: 10px;
  box-sizing: border-box;
  font-size: 15px;
}
@media (max-width: 500px) {
  .myaccountHolder .myaccountBox .myAccountBoxRight .myAccountLinkholder a {
    width: 100%;
  }
}
.myaccountHolder .myaccountBox .myAccountBoxRight .myAccountLinkholder a:hover {
  background: #f5f5f5;
}
.myaccountHolder .myaccountBox .myAccountBoxRight .myAccountLinkholder a span:first-child {
  display: block;
  margin: 0 10px 0 0;
}
.myaccountHolder .myaccountBox .myAccountBoxRight .myAccountLinkholder a span:first-child img {
  display: block;
  max-width: 100%;
  height: auto;
}
.myaccountHolder .myaccountBox .myAccountBoxRight .myAccountLinkholder a span:last-child {
  display: block;
}

/*********************/
.logoutButtonHolder {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.logoutButtonHolder a {
  background: #000;
  text-decoration: none !important;
  font-size: 17px;
  padding: 15px 30px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  margin: 0;
  border-radius: 2px;
  box-sizing: border-box;
  text-align: center;
  line-height: 1 !important;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
}
.logoutButtonHolder a:hover {
  background: #222;
}
.logoutButtonHolder a img {
  margin: 0 10px 0 0;
}

/*****/
.formHolderMyAccount {
  width: 100%;
  background: #f1f1f1;
  border: 1px solid #ccc;
  padding: 20px;
  box-sizing: border-box;
}
.formHolderMyAccount .formBox {
  width: 100%;
  margin-bottom: 20px;
}
.formHolderMyAccount .formBox .formBoxTitle {
  display: block;
  font-size: 17px;
  margin: 0 0 5px 0;
}
.formHolderMyAccount .formBox .inputField {
  background: #fff;
  color: #000;
  padding: 10px;
  width: 100%;
  display: block;
  font-size: 16px;
  box-sizing: border-box;
  border: 1px solid #c0c0c0;
  outline: none;
}
.formHolderMyAccount .formBox .formFieldRadio {
  display: inline-flex;
  align-items: center;
  background: #fff;
  color: #000;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #c0c0c0;
}
.formHolderMyAccount .formBox .formFieldRadio .radioInput {
  margin: 0;
}
.formHolderMyAccount .formBox .formFieldRadio label {
  margin: 0 0 0 5px;
}
.formHolderMyAccount .formBox .formFieldRadio .formFieldRadioSeparator {
  margin: 0 15px;
  color: #c0c0c0;
}
.formHolderMyAccount .formButtonHolder {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .formHolderMyAccount .formButtonHolder {
    flex-wrap: wrap;
  }
}
.formHolderMyAccount .saveSuccess {
  color: #46AA2B;
  margin: 0 0 0 15px;
}
@media (max-width: 768px) {
  .formHolderMyAccount .saveSuccess {
    width: 100%;
    display: block;
    margin: 10px 0 0 0;
  }
}

.resetPasswortInfo {
  padding: 0 0 0 10px;
  border-left: 3px solid #000;
  margin: 0 0 15px 0;
  font-size: 15px;
}
.resetPasswortInfo span {
  font-weight: 600;
  color: #000;
}

.srv-validation-message {
  color: #000;
  font-size: 13px;
  font-weight: 600;
  margin: 5px 0 0 0;
  padding: 0 5px;
}

.accountFormButton {
  display: flex;
  justify-content: center;
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  background: #000;
  padding: 15px 25px;
}
.accountFormButton:hover {
  background: #00a19e;
}
@media (max-width: 768px) {
  .accountFormButton {
    width: 100%;
  }
}

.saveSuccess {
  color: #46AA2B;
  margin: 10px 0 0 0;
}
@media (max-width: 768px) {
  .saveSuccess {
    width: 100%;
    display: block;
    margin: 10px 0 0 0;
  }
}

/*****/
a.accountBackButton {
  background: #f1f1f1;
  border: 1px solid #cccccc;
  text-decoration: none !important;
  font-size: 17px;
  padding: 15px 30px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  margin: 0;
  border-radius: 2px;
  box-sizing: border-box;
  text-align: center;
  line-height: 1 !important;
  color: #000;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0 0 25px 0;
}
a.accountBackButton:hover {
  background: #f5f5f5;
}
a.accountBackButton img {
  margin: 0 10px 0 0;
}

/*********************/
.myOrderHolder {
  width: 100%;
}
.myOrderHolder .myOrderbox {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ddd;
  margin: 0 0 30px 0;
}
@media (max-width: 768px) {
  .myOrderHolder .myOrderbox {
    padding: 10px;
  }
}
.myOrderHolder .myOrderbox .myOrderDateTitle {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 10px;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  background: #111;
}
.myOrderHolder .myOrderbox .myOrderDateTitle span:first-child {
  display: block;
  padding: 0 10px 0 0;
}
.myOrderHolder .myOrderbox .myOrderDateTitle span:last-child {
  display: block;
}
.myOrderHolder .myOrderbox .myOrderTopline {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border: 1px solid #ddd;
}
.myOrderHolder .myOrderbox .myOrderTopline div {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .myOrderHolder .myOrderbox .myOrderTopline div {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.myOrderHolder .myOrderbox .myOrderTopline div span:first-child {
  display: block;
  width: 100%;
  margin: 0 0 5px 0;
  font-weight: 600;
}
@media (max-width: 768px) {
  .myOrderHolder .myOrderbox .myOrderTopline div span:first-child {
    width: auto;
    margin: 0;
  }
}
.myOrderHolder .myOrderbox .myOrderTopline div span:last-child {
  display: block;
  width: 100%;
  font-weight: 400;
  color: #666;
  font-size: 15px;
}
@media (max-width: 768px) {
  .myOrderHolder .myOrderbox .myOrderTopline div span:last-child {
    width: auto;
    margin: 0 0 0 10px;
  }
}
.myOrderHolder .myOrderbox .myOrderArticleBox {
  width: 100%;
  margin: 0 0 20px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 0 10px;
}
@media (max-width: 768px) {
  .myOrderHolder .myOrderbox .myOrderArticleBox {
    padding: 0 2px;
  }
}
.myOrderHolder .myOrderbox .myOrderArticleBox .article_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-top: 2px solid #ddd;
  padding: 15px 0;
}
@media (max-width: 768px) {
  .myOrderHolder .myOrderbox .myOrderArticleBox .article_box {
    flex-wrap: wrap;
  }
}
.myOrderHolder .myOrderbox .myOrderArticleBox .article_box:first-child {
  border-top: none;
}
.myOrderHolder .myOrderbox .myOrderArticleBox .article_box:last-child {
  padding: 15px 0 0 0;
}
.myOrderHolder .myOrderbox .myOrderArticleBox .article_box .content {
  width: 60%;
  display: block;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .myOrderHolder .myOrderbox .myOrderArticleBox .article_box .content {
    width: 100%;
    margin: 0 0 10px 0;
  }
}
.myOrderHolder .myOrderbox .myOrderArticleBox .article_box .content .myOrderArticleBoxTitle {
  display: block;
  width: 100%;
  padding: 0 0 7px 0;
  font-size: 17px;
  line-height: 18px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .myOrderHolder .myOrderbox .myOrderArticleBox .article_box .content .myOrderArticleBoxTitle {
    line-height: 1.25;
    font-size: 16px;
  }
}
.myOrderHolder .myOrderbox .myOrderArticleBox .article_box .content .myOrderArticleBoxSubTitle {
  display: block;
  width: 100%;
  padding: 0 0 12px 0;
  line-height: 14px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .myOrderHolder .myOrderbox .myOrderArticleBox .article_box .content .myOrderArticleBoxSubTitle {
    line-height: 1.25;
  }
}
.myOrderHolder .myOrderbox .myOrderArticleBox .article_box .content .myOrderArticleBoxPrice {
  display: block;
  width: 100%;
  line-height: 16px;
}
.myOrderHolder .myOrderbox .myOrderArticleBox .article_box .content .myOrderArticleBoxPrice span {
  color: #ec2939;
  font-weight: 600;
}
.myOrderHolder .myOrderbox .myOrderArticleBox .article_box .details {
  width: 20%;
  display: block;
}
@media (max-width: 768px) {
  .myOrderHolder .myOrderbox .myOrderArticleBox .article_box .details {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background: #f5f5f5;
  }
}
.myOrderHolder .myOrderbox .myOrderArticleBox .article_box .details span {
  display: block;
  width: 100%;
  padding: 0 0 6px 0;
  line-height: 16px;
  font-weight: 400;
}
.myOrderHolder .myOrderbox .myOrderArticleBox .article_box .details span:last-child {
  padding: 0;
}

/**************/
.backToLoginButton {
  background: #000;
  border: 1px solid #000;
  text-decoration: none !important;
  padding: 15px 30px;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  border-radius: 2px;
  box-sizing: border-box;
  text-align: center;
  font-size: 17px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
}
.backToLoginButton:hover {
  background: #00a19e;
}

.titleForm {
  font-weight: 600;
  margin: 0 0 10px 0;
}

/************/
.paypOnHolder h1.paypOnTitle {
  font-size: 40px;
  line-height: 1;
  margin: 0 0 20px 0;
  color: #222;
}
@media (max-width: 992px) {
  .paypOnHolder h1.paypOnTitle {
    font-size: 27px;
  }
}
.paypOnHolder h2.paypOnSubTitle {
  font-size: 27px;
  line-height: 1;
  margin: 0 0 20px 0;
  color: #222;
  font-weight: 500;
}
@media (max-width: 992px) {
  .paypOnHolder h2.paypOnSubTitle {
    font-size: 21px;
  }
}
.paypOnHolder .payOnInlineHolder {
  width: 49.75%;
  background-color: #f1f1f1;
  border: solid 1px #ccc;
  padding: 30px;
  box-sizing: border-box;
  margin: 0 0 40px 0;
}
@media (max-width: 992px) {
  .paypOnHolder .payOnInlineHolder {
    width: 100%;
  }
}
.paypOnHolder .payOnInlineHolder .wpwl-form {
  width: 100%;
  margin: 0;
  max-width: none;
}

/************/
h1.successNewTitle {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media (max-width: 768px) {
  h1.successNewTitle {
    font-size: 19px;
  }
}

h2.successNewSubTitle {
  display: flex;
  justify-content: center;
  text-align: center;
  font-weight: 400;
  margin: 0 0 25px 0;
}
@media (max-width: 768px) {
  h2.successNewSubTitle {
    font-size: 17px;
  }
}

.successOrderHolder {
  width: 100%;
  margin: 0 0 40px 0;
}
.successOrderHolder h3.successOrderTitle {
  display: inline-flex;
  padding: 10px 35px 8px 10px;
  font-size: 17px;
  font-weight: 600;
  background: #f5f5f5;
  margin: 0;
}
@media (max-width: 768px) {
  .successOrderHolder h3.successOrderTitle {
    font-size: 17px;
    width: 100%;
    text-align: center;
    padding: 0 0 10px 0;
    background: #fff;
    justify-content: center;
  }
}
.successOrderHolder .successOrderBox {
  display: flex;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 15px 10px;
}
@media (max-width: 768px) {
  .successOrderHolder .successOrderBox {
    flex-direction: column;
    align-items: center;
    padding: 10px;
    background: #fff;
  }
}
.successOrderHolder .successOrderBox .successOrderBoxPos {
  display: flex;
  margin: 0 20px 0 0;
  font-size: 19px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .successOrderHolder .successOrderBox .successOrderBoxPos {
    display: none;
  }
}
.successOrderHolder .successOrderBox .successOrderBoxImage {
  display: block;
  margin: 0 20px 0 0;
}
@media (max-width: 768px) {
  .successOrderHolder .successOrderBox .successOrderBoxImage {
    margin: 0 0 10px 0;
  }
}
.successOrderHolder .successOrderBox .successOrderBoxImage img {
  display: block;
  max-width: 100%;
  height: auto;
}
.successOrderHolder .successOrderBox .successOrderBoxTitles {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.successOrderHolder .successOrderBox .successOrderBoxTitles .successOrderBoxTitle {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 5px 0;
}
@media (max-width: 768px) {
  .successOrderHolder .successOrderBox .successOrderBoxTitles .successOrderBoxTitle {
    text-align: center;
  }
}
.successOrderHolder .successOrderBox .successOrderBoxTitles .successOrderBoxSubTitle {
  font-size: 13px;
  font-weight: 600;
  margin: 0 0 5px 0;
}
@media (max-width: 768px) {
  .successOrderHolder .successOrderBox .successOrderBoxTitles .successOrderBoxSubTitle {
    text-align: center;
  }
}
.successOrderHolder .successOrderBox .successOrderBoxTitles .successOrderBoxAmount {
  font-size: 13px;
}
@media (max-width: 768px) {
  .successOrderHolder .successOrderBox .successOrderBoxTitles .successOrderBoxAmount {
    text-align: center;
    margin: 0 0 10px 0;
  }
}
.successOrderHolder .successOrderBox .successOrderBoxPrice {
  display: block;
  font-size: 17px;
  font-weight: 600;
  color: #000;
}
.successOrderHolder .successGesamtHolder {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin: 10px 0 0 0;
}
.successOrderHolder .successGesamtHolder .successGesamtHolderInline {
  width: 50%;
  padding: 20px;
  background: #f5f5f5;
}
@media (max-width: 768px) {
  .successOrderHolder .successGesamtHolder .successGesamtHolderInline {
    width: 100%;
    box-sizing: border-box;
  }
}
.successOrderHolder .successGesamtHolder .successGesamtHolderInline .successGesamtInfoLine {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}
.successOrderHolder .successGesamtHolder .successGesamtHolderInline .successGesamtInfoLine.finishLine {
  border-top: 1px solid #333;
  padding: 10px 0 0 0;
  margin: 5px 0 0 0;
}
.successOrderHolder .successGesamtHolder .successGesamtHolderInline .successGesamtInfoLine.finishLine .successGesamtInfoLineTitle {
  font-size: 19px;
}
.successOrderHolder .successGesamtHolder .successGesamtHolderInline .successGesamtInfoLine.finishLine .successGesamtInfoLineTitle span {
  color: #555;
  font-size: 15px;
}
.successOrderHolder .successGesamtHolder .successGesamtHolderInline .successGesamtInfoLine.finishLine strong {
  font-size: 19px;
}
.successOrderHolder .successGesamtHolder .successGesamtHolderInline .successGesamtInfoLine .successGesamtInfoLineTitle {
  font-size: 17px;
}
.successOrderHolder .successGesamtHolder .successGesamtHolderInline .successGesamtInfoLine strong {
  font-size: 17px;
}

.info_icon {
  display: inline-block;
  position: relative;
  margin-left: 5px;
}
.info_icon .info_window {
  display: none !important;
  position: absolute;
  z-index: 99;
  bottom: 21px;
  left: 16px;
  padding: 0;
  background: #1d1d1b;
  padding: 10px 15px;
  color: #fff !important;
  text-decoration: none;
  font-size: 12px;
  width: 420px;
  border-radius: 5px;
  font-weight: 400 !important;
}
.info_icon:hover .info_window {
  display: block !important;
  z-index: 9;
}

/**** Import Global Styles ****/
/****************** Anpassungen PBIKE ********************/
.wrapperCheckout.success {
  overflow: hidden;
}

.checkout_header h1 {
  font-size: 40px;
  line-height: 1;
  margin: 0;
  margin: 0 0 40px 0;
  color: #222;
}
@media (max-width: 768px) {
  .checkout_header h1 {
    font-size: 27px;
    margin: 0 0 25px 0;
  }
}

.shopcartHeader h1 {
  font-size: 40px;
  line-height: 1;
  margin: 0;
  margin: 0 0 40px 0;
  color: #222;
}
@media (max-width: 768px) {
  .shopcartHeader h1 {
    font-size: 27px;
    margin: 0 0 25px 0;
  }
}
.shopcartHeader h2 {
  font-size: 24px;
  font-weight: 700;
  padding: 0;
  margin: 0 0 50px 0;
}
@media (max-width: 768px) {
  .shopcartHeader h2 {
    font-size: 17px;
    margin: 0 0 25px 0;
    font-weight: 400;
  }
}

/******/
.login_overall .login_inline .login_title {
  margin: 0 0 20px 0;
  font-size: 27px;
  font-weight: bold;
}

/*****/
.reminderListInfo {
  width: 100%;
  display: flex;
  padding: 20px;
  border: 1px solid #c0c0c0;
  box-sizing: border-box;
  background: #fff;
}
@media (max-width: 768px) {
  .reminderListInfo {
    flex-wrap: wrap;
  }
}
.reminderListInfo .reminderListInfoButton {
  display: inline-flex;
  padding: 15px 30px;
  color: #fff;
  background: #e20026;
  text-decoration: none;
  margin: 0 15px 0 0;
}
@media (max-width: 768px) {
  .reminderListInfo .reminderListInfoButton {
    width: 100%;
    justify-content: center;
    margin: 0 0 10px 0;
  }
}
.reminderListInfo .reminderListInfoDescription {
  color: #666;
}
.reminderListInfo .reminderListInfoDescription strong {
  display: flex;
  width: 100%;
  color: #000;
  margin: 0 0 5px 0;
  font-size: 19px;
}

.steps_overall_list_first {
  background: none;
}

.shopcartRight {
  border: 1px solid #ccc;
}

.login_overall .login_inline .srv-validation-message {
  color: #e20026;
}

.holderPayments .holderLeftPayments {
  justify-content: flex-start;
}

.confirmationHolder .confirmationRight {
  border: 1px solid #ccc;
}