.elementor-20714 .elementor-element.elementor-element-0d39c84{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20714 .elementor-element.elementor-element-0d39c84.e-con{--align-self:flex-start;}.elementor-20714 .elementor-element.elementor-element-5f3871f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 20px 10px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:10px 10px 10px 10px;}.elementor-20714 .elementor-element.elementor-element-5f3871f:hover .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );}.elementor-20714 .elementor-element.elementor-element-5f3871f:hover > .elementor-widget-container{border-radius:10px 10px 10px 10px;}/* Start custom CSS for wc-elements, class: .elementor-element-5f3871f *//****************************************
 * Bestellung nachverfolgen – Feld-Styles
 ****************************************/
.woocommerce-form-track-order input.input-text,
.woocommerce-form-track-order select,
.woocommerce-form-track-order textarea {
  height: 40px !important;
  background: #eeeeee !important;
  border: 1px solid #54595F !important;
  border-radius: 10px !important;
  outline: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  padding: 0 20px !important;
  color: #7a7a7a !important;
}

/* Hover/Focus neutral */
.woocommerce-form-track-order input.input-text:hover,
.woocommerce-form-track-order input.input-text:focus,
.woocommerce-form-track-order select:hover,
.woocommerce-form-track-order select:focus,
.woocommerce-form-track-order textarea:hover,
.woocommerce-form-track-order textarea:focus {
  background: #eeeeee !important;
  border-color: #54595F !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Placeholder-Farbe */
.woocommerce-form-track-order ::placeholder {
  color: #7a7a7a !important;
  opacity: 1 !important;
}

/* Button "Nachverfolgen" an Checkout-Style angleichen */
.woocommerce-form-track-order button.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  height: 40px !important;
  padding: 0 20px !important;
  border-radius: 15px !important;

  background-color: #149bd7 !important;
  color: #ffffff !important;
  border: none !important;

  font-family: 'Istok Web', sans-serif !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;

  box-shadow: none !important;
  outline: none !important;
  transition: background-color .2s ease-in-out !important;
}

/* Hover/Focus */
.woocommerce-form-track-order button.button:hover,
.woocommerce-form-track-order button.button:focus {
  background-color: #616160 !important;
  color: #ffffff !important;
}

/* Disabled-Zustand */
.woocommerce-form-track-order button.button:disabled {
  opacity: .6 !important;
  cursor: not-allowed !important;
}
/****************************************
 * Bestellung nachverfolgen – Feld-Styles
 ****************************************/
.woocommerce-form-track-order input.input-text,
.woocommerce-form-track-order select,
.woocommerce-form-track-order textarea {
  height: 40px !important;
  background: #eeeeee !important;
  border: 1px solid #54595F !important;
  border-radius: 10px !important;
  outline: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  padding: 0 20px !important;
  color: #7a7a7a !important;
}

/* Hover/Focus neutral */
.woocommerce-form-track-order input.input-text:hover,
.woocommerce-form-track-order input.input-text:focus,
.woocommerce-form-track-order select:hover,
.woocommerce-form-track-order select:focus,
.woocommerce-form-track-order textarea:hover,
.woocommerce-form-track-order textarea:focus {
  background: #eeeeee !important;
  border-color: #54595F !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Placeholder-Farbe */
.woocommerce-form-track-order ::placeholder {
  color: #7a7a7a !important;
  opacity: 1 !important;
}

/* Button "Nachverfolgen" an Checkout-Style angleichen */
.woocommerce-form-track-order button.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  height: 40px !important;
  padding: 0 20px !important;
  border-radius: 15px !important;

  background-color: #149bd7 !important;
  color: #ffffff !important;
  border: none !important;

  font-family: 'Istok Web', sans-serif !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;

  box-shadow: none !important;
  outline: none !important;
  transition: background-color .2s ease-in-out !important;
}

/* Hover/Focus */
.woocommerce-form-track-order button.button:hover,
.woocommerce-form-track-order button.button:focus {
  background-color: #616160 !important;
  color: #ffffff !important;
}

/* Disabled-Zustand */
.woocommerce-form-track-order button.button:disabled {
  opacity: .6 !important;
  cursor: not-allowed !important;
}

/* Icon vor "Nachverfolgen"-Button */
.woocommerce-form-track-order button.button::before {
  font-family: "Font Awesome 5 Free";  /* oder dein Icon-Font */
  font-weight: 900;                    /* Solid Icons */
  content: "\f002";                    /* Beispiel: Lupe (search) */
  font-size: 16px;
  color: #ffffff;
}
/* Icon vor "Nachverfolgen"-Button */
.woocommerce-form-track-order button.button::before {
  font-family: "Font Awesome 5 Free";  /* oder dein Icon-Font */
  font-weight: 900;                    /* Solid Icons */
  content: "\f002";                    /* 🔍 Lupe als Tracking-Icon */
  font-size: 16px;
  color: #ffffff;
  display: inline-block;
  margin-right: 10px;                  /* Abstand zum Text */
}

/* Mobile & Tablet: Button 100% Breite */
@media (max-width: 1024px) {
  .woocommerce-form-track-order button.button {
    width: 100% !important;
    justify-content: center !important; /* Text & Icon mittig */
  }
}/* End custom CSS */