.elementor-21697 .elementor-element.elementor-element-7857318f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--border-radius:10px 10px 10px 10px;}.elementor-21697 .elementor-element.elementor-element-7857318f:not(.elementor-motion-effects-element-type-background), .elementor-21697 .elementor-element.elementor-element-7857318f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-21697 .elementor-element.elementor-element-f0bdc5c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}@media(max-width:1024px){.elementor-21697 .elementor-element.elementor-element-7857318f{--gap:18px 18px;--row-gap:18px;--column-gap:18px;}}@media(max-width:767px){.elementor-21697 .elementor-element.elementor-element-7857318f{--gap:16px 16px;--row-gap:16px;--column-gap:16px;}}/* Start custom CSS for shortcode, class: .elementor-element-0f7e8a0 *//* =========================================
   FluentCart Kundenkonto – Außenrahmen & Linien
========================================= */
.fct_customer_profile_wrap .fct-customer-root-container {
  border: 1px solid #54595F !important;
  border-radius: 10px !important;
}

.fct_customer_profile_wrap .fct-customer-dashboard-app-container,
.fct_customer_profile_wrap .fct-customer-dashboard-navs-wrap,
.fct_customer_profile_wrap .fct-form-container,
.fct_customer_profile_wrap .fct-customer-address-block,
.fct_customer_profile_wrap .el-input__wrapper,
.fct_customer_profile_wrap .fct-customer-root-container,
.fct_customer_profile_wrap .fct-customer-dashboard-main-content,
.fct_customer_profile_wrap .fct-customer-app {
  border-color: #54595F !important;
}

/* =========================================
   Abmelde-Button
========================================= */
.fct_customer_profile_wrap .fct-customer-logout-btn {
  background-color: #149BD7 !important;
  color: #FFFFFF !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 40px !important;
  height: 40px !important;
  border-radius: 15px !important;
  padding: 10px 20px !important;
  font-family: "Istok Web", sans-serif !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  transition: background-color 0.3s ease !important;
}

.fct_customer_profile_wrap .fct-customer-logout-btn,
.fct_customer_profile_wrap .fct-customer-logout-btn .button-text,
.fct_customer_profile_wrap .fct-customer-logout-btn svg,
.fct_customer_profile_wrap .fct-customer-logout-btn svg path {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

.fct_customer_profile_wrap .fct-customer-logout-btn:hover {
  background-color: #616160 !important;
}

@media (max-width: 767px) {
  .fct_customer_profile_wrap .fct-customer-logout-btn {
    width: 100% !important;
  }
}

/* =========================================
   Kundenbereich Buttons
========================================= */
.fct_customer_profile_wrap .el-button--small,
.fct_customer_profile_wrap .el-button--primary,
.fct_customer_profile_wrap .fct-form-footer .el-button,
.fct_customer_profile_wrap .form-left .el-button {
  background-color: #149BD7 !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 15px !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 10px 20px !important;
  font-family: "Istok Web", sans-serif !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: background-color 0.3s ease !important;
}

.fct_customer_profile_wrap .el-button--small span,
.fct_customer_profile_wrap .el-button--primary span,
.fct_customer_profile_wrap .fct-form-footer .el-button span,
.fct_customer_profile_wrap .form-left .el-button span {
  color: #FFFFFF !important;
}

.fct_customer_profile_wrap .el-button--small:hover,
.fct_customer_profile_wrap .el-button--primary:hover,
.fct_customer_profile_wrap .fct-form-footer .el-button:hover,
.fct_customer_profile_wrap .form-left .el-button:hover,
.fct_customer_profile_wrap .el-button--small:focus,
.fct_customer_profile_wrap .el-button--primary:focus,
.fct_customer_profile_wrap .fct-form-footer .el-button:focus,
.fct_customer_profile_wrap .form-left .el-button:focus {
  background-color: #54595F !important;
}

/* Neue Adresse = Plus */
.fct_customer_profile_wrap .form-left .el-button::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  content: "\f067" !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  margin-right: 10px !important;
}

/* Profil speichern = Save */
.fct_customer_profile_wrap .fct-form-footer .el-button::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  content: "\f0c7" !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  margin-right: 10px !important;
}

/* =========================================
   Kundenkonto – Such-Button
========================================= */
.fct-collapsible-search-wrap .icon-button.small,
.fct-collapsible-search-wrap .icon-button.small:hover,
.fct-collapsible-search-wrap .icon-button.small:focus,
.fct-collapsible-search-wrap .icon-button.small:active,
.fct-collapsible-search-wrap .icon-button.small[aria-expanded="true"] {
  color: #FFFFFF !important;
  border: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

.fct-collapsible-search-wrap .icon-button.small {
  background-color: #149BD7 !important;
}

.fct-collapsible-search-wrap .icon-button.small:hover,
.fct-collapsible-search-wrap .icon-button.small:focus,
.fct-collapsible-search-wrap .icon-button.small:active,
.fct-collapsible-search-wrap .icon-button.small[aria-expanded="true"] {
  background-color: #616160 !important;
}

.fct-collapsible-search-wrap .icon-button.small svg,
.fct-collapsible-search-wrap .icon-button.small svg path,
.fct-collapsible-search-wrap .icon-button.small:hover svg,
.fct-collapsible-search-wrap .icon-button.small:hover svg path,
.fct-collapsible-search-wrap .icon-button.small:focus svg,
.fct-collapsible-search-wrap .icon-button.small:focus svg path,
.fct-collapsible-search-wrap .icon-button.small:active svg,
.fct-collapsible-search-wrap .icon-button.small:active svg path,
.fct-collapsible-search-wrap .icon-button.small[aria-expanded="true"] svg,
.fct-collapsible-search-wrap .icon-button.small[aria-expanded="true"] svg path {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
  fill: none !important;
}

/* =========================================
   Compact Toggle Pfeil
========================================= */
#fct-customer-nav-compact-toggle .fct-compact-toggle-icon path {
  fill: #54595F !important;
  transition: fill 0.3s ease !important;
}

#fct-customer-nav-compact-toggle:hover .fct-compact-toggle-icon path,
#fct-customer-nav-compact-toggle:focus .fct-compact-toggle-icon path,
#fct-customer-nav-compact-toggle[aria-expanded="true"] .fct-compact-toggle-icon path {
  fill: #FFFFFF !important;
}

/* =========================================
   Modal Close Button oben – nur X
========================================= */
.el-dialog__headerbtn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.el-dialog__headerbtn i,
.el-dialog__headerbtn i svg,
.el-dialog__headerbtn i svg path {
  color: #54595F !important;
  fill: #54595F !important;
  background: transparent !important;
}

.el-dialog__headerbtn:hover i,
.el-dialog__headerbtn:hover i svg,
.el-dialog__headerbtn:hover i svg path {
  color: #149BD7 !important;
  fill: #149BD7 !important;
}

/* =========================================
   Adress-Modal Footer Buttons
========================================= */
.el-dialog__footer .dialog-footer .el-button {
  border: none !important;
  border-radius: 15px !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 10px 20px !important;
  font-family: "Istok Web", sans-serif !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  box-shadow: none !important;
  background-image: none !important;
  opacity: 1 !important;
  filter: none !important;
}

.el-dialog__footer .dialog-footer .el-button span {
  color: #FFFFFF !important;
}

/* Abbrechen final schwarz */
.el-dialog__footer .dialog-footer button.el-button.el-button--info,
.el-dialog__footer .dialog-footer button.el-button.el-button--info:hover,
.el-dialog__footer .dialog-footer button.el-button.el-button--info:focus,
.el-dialog__footer .dialog-footer button.el-button.el-button--info:active,
.el-dialog__footer .dialog-footer button.el-button.el-button--info[soft] {
  background: #54595F !important;
  background-color: #54595F !important;
  color: #FFFFFF !important;
  border: none !important;
  box-shadow: none !important;
  background-image: none !important;
  opacity: 1 !important;
  filter: none !important;
}

.el-dialog__footer .dialog-footer button.el-button.el-button--info::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  content: "\f00d" !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
}

.el-dialog__footer .dialog-footer button.el-button.el-button--info span,
.el-dialog__footer .dialog-footer button.el-button.el-button--info::before {
  color: #FFFFFF !important;
}

/* Adresse hinzufügen */
.el-dialog__footer .dialog-footer .el-button--primary {
  background-color: #149BD7 !important;
  color: #FFFFFF !important;
}

.el-dialog__footer .dialog-footer .el-button--primary::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  content: "\f067" !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
}

.el-dialog__footer .dialog-footer .el-button--primary:hover,
.el-dialog__footer .dialog-footer .el-button--primary:focus,
.el-dialog__footer .dialog-footer .el-button--primary:active {
  background-color: #616160 !important;
}

/* =========================================
   Abo-Detailseite – Titel optisch wie große H2
========================================= */
.fct-single-order-header .title,
.fct-single-order-header h1.title {
  font-size: 32px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  color: #54595F !important;
  font-family: "Istok Web", sans-serif !important;
  margin: 0 0 20px 0 !important;
  letter-spacing: 0 !important;
}

/* =========================================
   Zahlungs-Modal – Footer Buttons
========================================= */
.fct-update-payment-method .dialog-footer .el-button {
  border: none !important;
  border-radius: 15px !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 10px 20px !important;
  font-family: "Istok Web", sans-serif !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  box-shadow: none !important;
  background-image: none !important;
  opacity: 1 !important;
  filter: none !important;
}

.fct-update-payment-method .dialog-footer .el-button span {
  color: #FFFFFF !important;
}

/* Abbrechen */
.fct-update-payment-method .dialog-footer .el-button--small:not(.el-button--primary),
.fct-update-payment-method .dialog-footer .el-button--small:not(.el-button--primary):hover,
.fct-update-payment-method .dialog-footer .el-button--small:not(.el-button--primary):focus,
.fct-update-payment-method .dialog-footer .el-button--small:not(.el-button--primary):active {
  background-color: #54595F !important;
  color: #FFFFFF !important;
}

.fct-update-payment-method .dialog-footer .el-button--small:not(.el-button--primary)::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  content: "\f00d" !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

/* Aktualisieren */
.fct-update-payment-method .dialog-footer .el-button--primary {
  background-color: #149BD7 !important;
  color: #FFFFFF !important;
}

.fct-update-payment-method .dialog-footer .el-button--primary::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  content: "\f021" !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.fct-update-payment-method .dialog-footer .el-button--primary:hover,
.fct-update-payment-method .dialog-footer .el-button--primary:focus {
  background-color: #616160 !important;
}

.fct-update-payment-method .dialog-footer .el-button--primary.is-disabled,
.fct-update-payment-method .dialog-footer .el-button--primary:disabled {
  background-color: #149BD7 !important;
  opacity: 0.65 !important;
  color: #FFFFFF !important;
}/* End custom CSS */