@charset "UTF-8";
/* ==========================================================
   FAMILYBIKE FUHLBRÜCK – ECWID
   Finale bereinigte Fassung
   Button-Typografie: 9px / 0.27em
   ========================================================== */
/* ----------------------------------------------------------
   1. GRUNDTYPOGRAFIE
   ---------------------------------------------------------- */
.ecwid {
  font-family: "Source Sans Pro", sans-serif !important;
  color: #474747 !important;
}

.ecwid div,
.ecwid span,
.ecwid p,
.ecwid a,
.ecwid label,
.ecwid input,
.ecwid select,
.ecwid textarea {
  font-family: "Source Sans Pro", sans-serif !important;
}

/* ----------------------------------------------------------
   2. BUTTONS – FAMILYBIKE STYLE
   ---------------------------------------------------------- */
.ecwid button,
.ecwid .button,
.ecwid .form-control__button {
  box-sizing: border-box !important;
  min-height: 36px !important;
  padding: 0 18px !important;
  font-family: "Raleway", sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: 0.27em !important;
  text-transform: uppercase !important;
  color: #474747 !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid #CCCCCC !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: border-color 0.2s ease, color 0.2s ease !important;
}

/* ----------------------------------------------------------
   3. BUTTON-TEXT
   ---------------------------------------------------------- */
.ecwid .form-control__button-text,
.ecwid .form-control__button span,
.ecwid .button span,
.ecwid button span {
  font-family: "Raleway", sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: 0.27em !important;
  text-transform: uppercase !important;
  color: #474747 !important;
  text-shadow: none !important;
}

/* ----------------------------------------------------------
   4. BUTTON-INHALT ZENTRIEREN
   ---------------------------------------------------------- */
.ecwid .form-control__button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ecwid .form-control__button-text {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ----------------------------------------------------------
   5. BUTTON – HOVER / FOCUS
   ---------------------------------------------------------- */
.ecwid button:hover,
.ecwid .button:hover,
.ecwid .form-control__button:hover,
.ecwid button:focus,
.ecwid .button:focus,
.ecwid .form-control__button:focus {
  color: #474747 !important;
  background: transparent !important;
  background-image: none !important;
  border-color: #1CCBD6 !important;
  box-shadow: none !important;
  outline: none !important;
}

.ecwid button:hover span,
.ecwid .button:hover span,
.ecwid .form-control__button:hover span,
.ecwid button:focus span,
.ecwid .button:focus span,
.ecwid .form-control__button:focus span {
  font-family: "Raleway", sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: 0.27em !important;
  text-transform: uppercase !important;
  color: #474747 !important;
}

/* ----------------------------------------------------------
   6. BUTTON – ACTIVE
   ---------------------------------------------------------- */
.ecwid button:active,
.ecwid .button:active,
.ecwid .form-control__button:active {
  color: #1CCBD6 !important;
  background: transparent !important;
  background-image: none !important;
  border-color: #1CCBD6 !important;
  box-shadow: none !important;
}

.ecwid button:active span,
.ecwid .button:active span,
.ecwid .form-control__button:active span {
  color: #1CCBD6 !important;
}

/* ----------------------------------------------------------
   7. FORMULARE
   ---------------------------------------------------------- */
.ecwid input,
.ecwid select,
.ecwid textarea {
  font-family: "Source Sans Pro", sans-serif !important;
  color: #474747 !important;
  font-weight: 400 !important;
}

/* ----------------------------------------------------------
   8. NORMALE LINKS
   ---------------------------------------------------------- */
.ecwid a {
  font-family: "Source Sans Pro", sans-serif !important;
  text-shadow: none !important;
}

/* ----------------------------------------------------------
   9. ECWID-SEITENTITEL
   z. B. WARENKORB / BESTELLUNG / WIDERRUFSANTRAG
   ---------------------------------------------------------- */
h1.page-title__name.ec-header-h1,
.ec-page-title h1.page-title__name,
.ec-page-title .page-title__name {
  font-family: "Raleway", sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 22.6875px !important;
  letter-spacing: 4.17083px !important;
  text-transform: uppercase !important;
  color: #474747 !important;
  text-shadow: none !important;
}

/* ----------------------------------------------------------
   10. CHECKOUT – ALLGEMEINE ABSCHNITTSÜBERSCHRIFTEN
   ---------------------------------------------------------- */
.ecwid .ec-cart-step__title,
.ecwid .ec-header-h3,
.ecwid .ec-header-h4 {
  font-family: "Raleway", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #474747 !important;
  text-shadow: none !important;
}

/* ----------------------------------------------------------
   11. CHECKOUT – STRUKTURELLE SCHRITTÜBERSCHRIFTEN
   z. B. VERSAND & LIEFERUNG
   ---------------------------------------------------------- */
.ec-cart-step__title.ec-header-h4 {
  font-family: "Raleway", sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 700 !important;
  letter-spacing: 4.17083px !important;
  text-transform: uppercase !important;
}

/* ----------------------------------------------------------
   12. CHECKOUT – NORMALE SCHRITTÜBERSCHRIFTEN
   z. B. Zahlungsinfo / Abholinformationen
   ---------------------------------------------------------- */
.ec-cart-step__title {
  font-family: "Raleway", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: #474747 !important;
}

/* ----------------------------------------------------------
   13. CHECKOUT – „ALS NÄCHSTES“
   ---------------------------------------------------------- */
.ec-cart-next__header.ec-header-h4 {
  font-family: "Raleway", sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 4.17083px !important;
  text-transform: uppercase !important;
  color: #474747 !important;
}

.ec-cart-step__next.ec-header-h5 {
  font-family: "Raleway", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

/* ----------------------------------------------------------
   14. CHECKOUT – VERSAND-/ABHOL-TABS
   ---------------------------------------------------------- */
.ecwid a.ec-tabs__tab,
.ecwid .ec-tabs__tab,
.ecwid .ec-tabs__tab .ec-tabs__text,
.ecwid .ec-tabs__text {
  font-family: "Raleway", sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: 0.27em !important;
  text-transform: uppercase !important;
  color: #474747 !important;
  text-shadow: none !important;
}

.ecwid .ec-tabs__tab {
  min-height: 76px !important;
  height: 76px !important;
}

/* ----------------------------------------------------------
   15. FINALER BESTELLBUTTON
   1:1 FAMILYBIKE-BUTTONSTYLE
   ---------------------------------------------------------- */
.ecwid .ec-cart-submit__button .form-control__button-text {
  font-family: "Raleway", sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.27em !important;
  text-transform: uppercase !important;
  line-height: normal !important;
}

.ecwid .ec-cart-submit__button {
  min-height: 36px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* ----------------------------------------------------------
   16. ADD-TO-CART – BESTÄTIGUNGS-HÄKCHEN TÜRKIS
   ---------------------------------------------------------- */
.ecwid .details-product-purchase__add-buttons
.form-control__button svg,
.ecwid .details-product-purchase__add-buttons
.form-control__button svg * {
  color: #1CCBD6 !important;
  fill: #1CCBD6 !important;
  stroke: #1CCBD6 !important;
}