.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* === Suchfeld und Kategorie-Dropdown schöner gestalten === */
.woocommerce-product-search select,
input[type="search"] {
  padding: 10px 15px;
  border-radius: 12px;
  border: 2px solid #ccc;
  font-size: 16px;
  background-color: #ffffff;
  color: #333;
  height: 45px;
  appearance: none;
  width: 100%;
}

/* === Suchen-Button schöner machen === */
.search-submit {
  background-color: #2c3e50;
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 12px;
  border: none;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.search-submit:hover {
  background-color: #1a252f;
}

/* === Deal gefunden Button schöner machen === */
.deal-button {
  background-color: #34495e;
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 12px;
  border: none;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.deal-button:hover {
  background-color: #2c3e50;
}

/* === Schöner Schatten unter Buttons === */
.search-submit, .deal-button {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.search-submit:hover, .deal-button:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

/* === Mobile Ansicht neu: Suchfeld, Buttons nebeneinander === */
@media (max-width: 768px) {
  .header-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 10px;
    gap: 15px;
  }

  .search-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    gap: 10px;
  }

  .search-row input[type="search"],
  .search-row .search-submit,
  .search-row .deal-button {
    flex: 1;
    min-width: 0;
    padding: 10px 12px;
    font-size: 15px;
    border-radius: 10px;
  }

  .woocommerce-product-search select {
    width: 90%;
    max-width: 300px;
    padding: 10px 12px;
    font-size: 15px;
    border-radius: 10px;
    margin-top: 5px;
  }
}/* End custom CSS */