#edit-coupon-redemption {
  margin-top: 15px;
}

.path-checkout .trainerimg { width: 90px; height: 90px; margin-bottom: 25px; margin-right: 0px; }
.path-checkout .form-actions { display: none; }

.opencheckoutcoupon-btn {
  background-image: url("../img/icon_plus.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 32px 32px;
  padding: 0px 0px 16px 0px !important;
  border-bottom: 1px solid #899199;
  display: block;
  color: #8a8a8a;
  width: 100%;
  margin-bottom: 30px;
}

#edit-payment-information .fieldset-legend {
  font-size: 0.85em; padding-bottom: 10px;
}


#edit-order-summary {
  margin-top: 30px;
}

.checkoutchild {
  padding: 15px 20px;
  background: #FFF;
  border-radius: 6px;
}

.path-checkout form a {
  color: #d71019;
}
.path-checkout form a:hover{
  color: #23396b;
}

body.path-checkout {
  background: #F7F7F7;
}
body.path-checkout form {
margin-top: 60px;
}

#edit-order-summary-summary::before, #edit-order-summary::before {
  content: "Buchung abschliessen";
}

#edit-order-summary-summary table, #edit-order-summary-summary h3,
#edit-order-summary table, #edit-order-summary h3, .checkout-order-summary {
  display: none!important;
}

body.path-checkout .accordeonwrap {
  border-top: 1px solid #e8e8e9;
}

#edit-order-summary-summary::before, #edit-order-summary::before {
  display: block;
  margin-bottom: 30px;
  font-size: 2.2em;
  font-family: "Oswald";
  text-transform: uppercase;
}


#edit-coupon-redemption, #edit-order-summary, #paypal-buttons-container {
  width: 750px; max-width: 100%;
}

[data-drupal-selector="edit-payment-information-billing-information-field-aufmerksam-wrapper"],
[data-drupal-selector="edit-payment-information-add-payment-method-billing-information-field-aufmerksam-wrapper"] {
  margin: 30px 0px;
}

.path-checkout div[data-drupal-selector="edit-coupon-redemption-form"] > div {
  margin-bottom: 20px!important;
}

.path-checkout [data-drupal-selector="order-total-summary"] { display: none!important; }
.path-checkout [data-drupal-selector="edit-order-summary-summary"], .path-checkout [data-drupal-selector="edit-order-summary-summary"] table { margin-top: 0px!important; }
.path-checkout [data-drupal-selector="edit-order-summary-summary"] .views-field-nothing span { font-size: 1.2em; }




.paypal-powered-by { display: none!important; }
.hinweisvorbestellung {
  padding: 12px 0px 12px 20px;
  margin: 5px 0px;
}
.hinweisvorbestellung b{
  display: block;
  font-weight: 600;
  font-size: 0.9em;
  margin-bottom: 4px;
  text-transform: uppercase;
}



.path-checkout .popup-btn { display: none; }

#edit-agree-terms {
  margin-top: 20px;
}

#edit-order-fieldscheckout-field-order-time-wrapper legend{
  display: block;
  width: 100%;
}

#edit-completion-message h2 {
  font-size: 1.2em;
}

.zeitangeben {
  padding-top: 20px; color: red;
}

#block-checkoutprogress {
  position: absolute; top: 100px; width: 100%; text-align: center; height: 0px; display: none!important;
}

.js-form-item-shipping-information-shipping-profile-select-address { display: none; }

.changemessage, #edit-shipping-information-shipping-profile-edit-button {
  height: 30px;
  display: block;
  text-align: center;
  padding: 25px 0px 0px 0px;
}

#paypal-buttons-container { margin-top: 5px; margin-bottom: 70px; padding-top: 25px; }
#paypal-buttons-container input { width: 100%; }
#edit-shipping-information-shipping-profile-edit-button { padding: 0px 0px 10px 0px; height: auto; margin-top: 0px; }

.path-checkout input[data-drupal-selector="edit-payment-information-billing-information-edit-button"],
.path-checkout input[data-drupal-selector="edit-payment-information-add-payment-method-billing-information-edit-button"],
.path-checkout input[data-drupal-selector="edit-coupon-redemption-form-apply"],
.path-checkout input[data-drupal-selector="edit-coupon-redemption-form-remove-coupon-0"] {
   font-size: 0.9em; background-image: none;
   padding: 15px 20px!important;
}

.path-checkout input[data-drupal-selector="edit-coupon-redemption-form-remove-coupon-0"] {
  margin-bottom: 0px!important;
}

.nochfragen { position: relative; width: 100%; margin: 40px 0px; padding: 20px; font-size: 90%; }
.nochfragen img { width: 150px; height: 150px; margin-right: 20px; }
.views-field-field-toppings b { margin-right: 14px; }
#checkoutcomplete-data { margin-bottom: 50px; margin-top: 40px; font-size: 112%; }
#checkoutcomplete-data img { width: 40px; height: 40px; display: inline-block; margin-right: 12px; }
#checkoutcomplete-data b { line-height: 1.2em; }
#checkoutcomplete-data small { margin-left: 0px; }
.checkout-complete .flexbox-container small { text-transform: uppercase; }
.checkout-complete .flexbox-container small:not(:last-child):after {
    content:" • ";
    display: inline-block;
    padding: 0px 6px;
}

#checkoutcomplete-products table td { border: none; }
#checkoutcomplete-products table td b{ text-transform: uppercase; }
#edit-completion-message { padding-top: 0px!important; }

.path-checkout fieldset[data-drupal-selector="edit-contact-information"] { margin-bottom: 20px!important; }
div[data-drupal-selector="edit-coupon-redemption-form"] { display: flex; flex-wrap: wrap; align-items: stretch; align-content: stretch; }
div[data-drupal-selector="edit-coupon-redemption-form"] > div, div[data-drupal-selector="edit-coupon-redemption-form"] > input { display: inline-block; }

.path-checkout div[data-drupal-selector="edit-coupon-redemption-form"] [role=contentinfo] { display: block!important; width: 100%; }

.path-checkout div[data-drupal-selector="edit-coupon-redemption-form"] > input { width: auto; display: inline-block; margin: 0px; }
.path-checkout div[data-drupal-selector="edit-coupon-redemption-form"] > input:hover { cursor: pointer; }
.path-checkout div[data-drupal-selector="edit-coupon-redemption-form"] > div { width: 260px; max-width: 100%; display: inline-block; margin-right: 30px; font-size: 1em; }
.path-checkout div[data-drupal-selector="edit-coupon-redemption-form"] > div > input { margin-bottom: 0px!important; }
.path-checkout div[data-drupal-selector="edit-coupon-redemption-form"] label { display: none; }
.path-checkout div[data-drupal-selector="edit-coupon-redemption-form"] { position: relative; width: 100%; overflow: hidden; border: none; }
.path-checkout div[data-drupal-selector="edit-coupon-redemption-form"] table { margin: 0px; }
.path-checkout div[data-drupal-selector="edit-coupon-redemption-form"] table td { border: none; }
.path-checkout div[data-drupal-selector="edit-coupon-redemption"] table tbody tr { display: none!important; }
.path-checkout div[data-drupal-selector="edit-coupon-redemption"] table tbody tr:first-child { display: block!important; }

.path-checkout #edit-coupon-redemption tr td:first-child { width: 150px; }
  .layout-region-checkout-footer input { width: auto!important; padding: 10px 30px;}
.path-checkout .views-field-total-price__number { text-align: right; }

.form-item-shipping-information-shipping-profile-address-0-address-address-line1 {
  width: 70%;
}
.form-item-shipping-information-shipping-profile-address-0-address-address-line2 {
  width: 30%;
}
.form-item-shipping-information-shipping-profile-address-0-address-address-line1,
.form-item-shipping-information-shipping-profile-address-0-address-address-line2,
.path-checkout [data-drupal-selector="edit-order-fieldscheckout-field-order-time-0"] .form-item {
  display: inline-block; margin: 0px;
}

.path-checkout [data-drupal-selector="edit-order-fieldscheckout-field-order-time-0"] .form-item {
  display: inline-block;
}

 .path-checkout .fieldset-legend,
 .field--name-field-vytal-mehrwegverpackung label,
 [data-drupal-selector='edit-payment-information-billing-information']::before {
  font-size: 1.2em; width: 100%; margin: 12px 0px 0px 0px; display: block; text-transform: uppercase;
}

#edit-login-returning-customer-forgot-password {
   color: #718A82; font-size: 0.7em;
}

.path-checkout [data-drupal-selector="edit-order-fieldscheckout-field-order-time-0"] .js-form-type-date { margin-right: 15px; }
.path-checkout [data-drupal-selector="edit-order-fieldscheckout-field-order-time-0"] .js-form-type-date input {
  padding: 6px 10px; font-size: 0.8em;
}

#edit-login::before {
  position: relative;
  display: block;
  width: 100%;
  content:"Deine Bestellung";
  overflow: hidden;
  font-size: 1.5em;
  line-height: 1.8em;
  letter-spacing: 0.02em;
  color: #0D0D0D;
  margin-bottom: 50px;
  margin-top: 30px;
}

.path-checkout .js-form-item-payment-information-billing-information-select-address label{ margin-right: 10px; }
.path-checkout .js-form-item-payment-information-billing-information-select-address { margin: 15px 0px!important; }
div[data-drupal-selector="edit-payment-information-billing-information-rendered"],
div[data-drupal-selector="edit-payment-information-add-payment-method-billing-information-rendered"] {
   display: inline-block; width: auto; margin-right: 30px; }

.password-suggestions, .password-strength, #edit-login-register-password--description, #edit-login-register-name--description,
 .js-password-confirm-message, #edit-shipping-information-shipments .fieldset-legend { display: none!important; }
.path-checkout #edit-login-register-password { margin-top: 15px; }
.path-checkout #edit-login-guest { margin-bottom: 10px; padding-bottom: 20px; }
.path-checkout .js-form-type-textfield label, .path-checkout .js-form-type-email label, .path-checkout .js-form-type-password label { display: none; margin: 0px; }


#edit-login-returning-customer, #edit-login-guest {
  margin: 30px 60px 30px 0px; width: calc(50% - 60px); padding: 0px;
}
.layout-checkout-form { padding-bottom: 70px; }

.layout-checkout-form { max-width: 1200px; margin: 0px auto; }
.layout-checkout-form.review { max-width: 1000px; margin: 0px auto; }
.layout-checkout-form.review .flexbox-container { align-items: flex-start; }
.column-right-checkout { width: 300px;  }
.column-left-checkout { width: calc(100% - 500px); margin: 0px; }
#edit-order-summary-summary table { margin-top: 0px; }
#edit-order-summary { padding: 0px; }

.path-checkout #edit-login {
  position: relative;
  overflow: hidden;
  padding-bottom: 70px;
}

.path-checkout label {
  font-size: 1.1em;
}

.path-checkout fieldset#edit-shipping-information, #edit-payment-process.checkout-pane {
  margin-bottom: 0px; border: none!important; padding-bottom: 0px;
}

.path-checkout [data-drupal-selector="edit-payment-information"] .fieldset-legend,
[data-drupal-selector="edit-payment-information-payment-method"] { display:none; }
.path-checkout [data-drupal-selector="edit-payment-information"] .fieldset-wrapper .fieldset-legend { display:none; }

.path-checkout .checkout-pane-shipping-information input.button { font-size: 0.8em; background: none; padding: 0px; text-transform: none; }

#edit-payment-process.checkout-pane { text-align: center; margin-bottom: 60px; }

#edit-payment-process::before { position: relative; width: 100%; content: "Wählen Deine Bezahlart aus"; display: block; padding-bottom: 20px;
    font-size: 0.9em; line-height: 1.3em; }

#edit-review {
  margin-bottom: 40px;
}


.exposed #edit-actions, #edit-completion-register .description, #edit-completion-register .password-strength__meter { display: none!important; }

 .address-container-inline > .form-item { margin-right: 0px; }

 .path-checkout .layout-region-checkout-main { width: 600px; padding-right: 50px; }
 .layout-region-checkout-secondary { width: calc(100% - 620px); }


.fieldset-wrapper .form-item-shipping-information-shipping-profile-address-0-address-given-name,
.fieldset-wrapper .form-item-shipping-information-shipping-profile-address-0-address-family-name {
  width: calc(50% - 0px);
  display: inline-block;
}

.path-checkout .checkout-pane.checkout-pane-order-summary table td{ vertical-align: middle; padding: 20px 0px; }
.path-checkout .checkout-pane.checkout-pane-order-summary table td.views-field-total-price__number { padding-left: 10px; }
.path-checkout .checkout-pane.checkout-pane-order-summary table td b { text-transform: uppercase; text-align: right;  }
#edit-order-summary .field--name-total-price { font-size: 0.9em; }
.order-total-line { font-size: 0.75em; padding-right: 0px; }

.placeholder a, .link--previous, .js-form-type-checkbox label, .field--name-field-vytal-mehrwegverpackung .description { font-style: normal; }
.link--previous { margin-left: 40px; font-size: 0.9em; }
.link--previous:hover { text-decoration: underline; }

input::placeholder {
  opacity: 0.4!important;
}

.checkout-pane, .path-checkout .form-actions {
    padding-bottom: 20px; padding-top: 20px; }
#edit-shipping-information-shipping-profile { margin-bottom: 0px; }

#edit-login.checkout-pane, #edit-coupon-redemption.checkout-pane { border-bottom: none!important; padding-bottom: 0px; margin-bottom: 0px;  }
#edit-contact-information.checkout-pane,
#edit-order-fieldscheckout.checkout-pane,
#edit-order-fieldscheckout-field-kommentar-wrapper {
  padding-top: 0px;
 }

.path-checkout .address span { margin-right: 5px; }
.path-checkout .form-radio { display: inline-block!important; width: auto!important; float: left; margin-right: 10px; padding-top: 2px; }

.visually-hidden { display: block!important; overflow: hidden;}

.path-checkout .views-field-total-price__number { text-align: right; width: 30px; }
.path-checkout .views-field-quantity { width: 30px; }


.js-form-type-checkbox, .js-form-type-radio { font-size: 0.9em; }
.path-checkout .js-form-type-radio { font-size: 1.1em;  }
.path-checkout .order-total-line__total {
    padding-top: 0px;
}
.path-checkout main { display: block!important; }
.path-checkout #productlistwrapper { display: none!important; }

.path-checkout .js-form-type-radio input, .path-checkout .js-form-type-radio label { display: inline-block;  }
.js-form-type-checkbox input, .js-form-type-radio input { width: 10px; margin-right: 10px; }
.path-checkout .form-actions { width: 100%; overflow: hidden;}
.path-checkout .form-actions input { display: inline-block; width: auto; }

#edit-payment-information-add-payment-method { margin-top:20px; }

/* edit-agree-terms */
#edit-agree-terms { padding-top: 0px!important; }

div[data-drupal-selector='edit-payment-information-billing-information-address-0-address-container1'] > div { width: calc(50% - 3px); }
div[data-drupal-selector='edit-payment-information-billing-information-address-0-address-container1'] > div:first-child { margin-right: 3px; }
div[data-drupal-selector='edit-payment-information-billing-information-address-0-address-container1'] > div:nth-child(2) { margin-left: 3px; }

.streetname { width: calc(100%  - 150px); }
.streetnr { width: 144px; margin-left: 6px; }
div[data-drupal-selector='edit-payment-information-billing-information-address-0-address-container4'] > div:first-child { width: 144px; margin-right: 6px; }
div[data-drupal-selector='edit-payment-information-billing-information-address-0-address-container4'] > div:nth-child(2) { width: calc(100% - 150px); }



/* PAYMENT RADIOBUTTONS */

.js-form-item-payment-information-billing-information-copy-to-address-book {
  margin: 10px 0px 20px 0px!important;
}

.form-item-payment-information-payment-method {
  position:relative;
  padding: 0px 0px;
  width: calc(50% - 4px);
  height: 60px;
  display: inline-block;
  float: none;
  margin: 6px 0px 0px 0px;
}

fieldset[data-drupal-selector='edit-payment-information-payment-method'] label, fieldset[data-drupal-selector='edit-payment-information-payment-method'] input {
    display:block; position:absolute; top:0; left:0; right:0; bottom:0;
}

[data-drupal-selector='edit-payment-information-billing-information']::before {
  content: "Lieferadresse";
  display: none;
  padding-bottom: 10px;
}

fieldset[data-drupal-selector='edit-payment-information-payment-method'] input[type="radio"]:hover { border: none!important; }

fieldset[data-drupal-selector="edit-payment-information-payment-method"] label:hover {
  opacity:1; cursor:pointer;
}


fieldset[data-drupal-selector='edit-payment-information-payment-method'] input[type="radio"] {
    opacity:0.011;

    background: none!important;
    height: 60px;
    margin: 0px; padding: 0px;
}

fieldset[data-drupal-selector='edit-payment-information-payment-method'] input[type="radio"]:checked + label {
     margin: 0px 0px 0px 0px;
     width: 100%;
     opacity: 1;
}

fieldset[data-drupal-selector='edit-payment-information-payment-method'] label {
     padding:0px;
     margin: 0px!important;
     height: 60px;
     line-height: 60px;
     text-align: center;
     opacity: 0.4;
     cursor:pointer;
    z-index:90;
}



.path-checkout fieldset[data-drupal-selector="edit-payment-information"] .form-radios { display: flex; justify-content: space-between; }
.path-checkoutaaaaaaalt div[data-drupal-selector="edit-payment-information-billing-information"] { display: flex; align-content: center; justify-content: flex-start; align-items: center; }
div[data-drupal-selector="edit-payment-information"] { margin-bottom: 40px; }

.path-checkout div[data-drupal-selector="edit-order-fieldscheckout-field-kommentar-wrapper"] { margin: 20px 0px 0px 0px; padding-bottom: 0px; }
/* PAYMENT RADIOBUTTONS */
/* ENDE */

   .form-item-payment-information-payment-method input, .form-item-shipping-information-shipments-0-shipping-method-0 input {
     width: 100%;
   }

.path-checkout .form-submit { margin-bottom: 20px!important; }


.path-checkout label, .field--name-field-vytal-mehrwegverpackung .description { font-size: 1em; }
.path-checkout fieldset { border: none; }
.path-checkout h3 { font-size: 1.1em; text-transform: uppercase; margin-top: 20px; display: block; }
.path-checkout .nochfragen h3 { font-size: 1.1em; text-transform: uppercase; margin: 20px 0px 20px 0px; }


 /* Checkout Bestelluebersicht */
 .path-checkout .layout-region-checkout-secondary { position: relative; right: 0px; top: 0px; z-index: 0;  padding: 0px; }
 .layout-region-checkout-footer { width: 100%; margin-bottom: 30px; }

 /*  display: none!important; */
 .path-checkout #edit-payment-information-billing-information { padding: 15px 0px 0px 0px; }

 #edit-payment-information-payment-method > div:first-child {
    margin-right: 6px;
 }

 .payment-instructions,
 #edit-order-fieldscheckout-field-order-time-wrapper .fieldset-wrapper, .path-checkout .mainmenuflex,
 div[data-drupal-selector='edit-order-fieldscheckout-adjustments-wrapper'],
 input[data-drupal-selector='edit-payment-information-billing-information-copy-to-address-book'],
 .paypal-powered-by,
 div[data-drupal-selector='edit-order-fieldscheckout'] > div,
 div[data-drupal-selector='edit-payment-information-billing-information'] > div label { display: none!important; }

 .path-checkout div[data-drupal-selector="edit-payment-information-billing-information-field-newsletter-wrapper"] > div label,
 div[data-drupal-selector='edit-order-fieldscheckout'] > div[data-drupal-selector="edit-order-fieldscheckout-field-kommentar-wrapper"] { display: block!important; }

 div[data-drupal-selector='edit-coupon-redemption'] { margin-top: 0px; padding-top: 0px; }

    div[data-drupal-selector='edit-shipping-information-shipping-profile-address-0-address-container1'] { display: flex; }

  #edit-payment-information.checkout-pane {
    border-bottom: none!important; padding-bottom: 0px;
  margin-bottom: 0px; }


  div [role=alert], div [role=contentinfo] { font-size: 0.8em; margin-bottom: 10px; }
  #edit-coupon-redemption h3 { display: none; }

  .path-checkout div[role="contentinfo"] {
    display: none!important;
}

  .path-checkout div [role="alert"] {
    margin-bottom: 0px;
}

.path-checkout div [role="alert"] b {
  font-weight: 600;
}

.path-checkout div [role="alert"] i {
  text-decoration: underline;
  font-style: normal;
  font-weight: 600;
}



  .form-item-shipping-information-shipping-profile-address-0-address-locality { width: 70%; }
  .form-item-shipping-information-shipping-profile-address-0-address-postal-code { width: 30%; }


  .path-checkout .address-book-edit-button { display: inline-block; width: auto; }

    .path-checkout .form-actions .button--primary:hover {
      cursor: pointer;
    }

    .path-checkout .js-form-type-radio input,
     .path-checkout .js-form-type-radio label { display: inline-block; margin: 0px 0px 0px 10px; }


     @media only screen and (max-width: 1440px) {
       .column-left-checkout { width: calc(100% - 425px); }
    }

  @media only screen and (max-width: 1024px) {
    .column-left-checkout { width: calc(100% - 350px); }
 .layout-region-checkout-secondary { position: relative; right: 0px; top: 0px; padding: 6px 0px; }
 #edit-login-returning-customer, #edit-login-guest {
   margin: 30px 0px 30px 0px; width: 100%; padding: 0px;
 }
 }

 @media only screen and (min-width: 900px) and (max-width: 1100px) {
   .path-checkout .layout-region-checkout-main { width: 400px; padding-right: 40px; }
    .layout-region-checkout-secondary { width: calc(100% - 410px); }
 }

 @media only screen and (max-width: 900px) {
   .path-checkout .layout-region-checkout-main { width: 100%; padding-right: 0px; }
    .layout-region-checkout-secondary { width: 100%; }
 }

 @media only screen and (max-width: 768px) {
  .flexbox-container.flexalways { display: flex; }
  .column-left-checkout, .column-right-checkout { width: 100%; }

 }

 @media only screen and (max-width: 700px) {
    input#edit-sidebar-coupon-redemption-form-code,
   .path-checkout #edit-coupon-redemption .js-form-submit { width: 100%; margin: 10px 0px; display: block; }
   .path-checkout .form-actions .button--primary { width: 100%; display: block; }
   .path-checkout #block-alex-theme-content { padding-top: 40px; }
   .path-checkout .fieldset-legend, .path-checkout h3 { font-size: 0.9em; }

   div[data-drupal-selector="edit-coupon-redemption-form"] { display: block; }

 .path-checkout div[data-drupal-selector="edit-coupon-redemption-form"] > div {
   width: 100%;
   display: block;
   margin-right: 0px;
 }

 }


@media only screen and (max-width: 480px) {
  .flexbox-container.flexalways { display: block; }
  .streetname, .streetnr { width: 100%; }
  .streetnr { margin-left: 0px; }

   input#edit-sidebar-coupon-redemption-form-code,
  .path-checkout #edit-coupon-redemption .js-form-submit { width: 100%; margin: 10px 0px; display: block; }
  .path-checkout #block-alex-theme-content { padding-top: 20px; }
  .path-checkout .fieldset-legend, .path-checkout h3 { font-size: 0.9em; }

}