.elementor-6947 .elementor-element.elementor-element-026f62e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6947 .elementor-element.elementor-element-83c1b81 .woocommerce-form label{color:#3A3A3A;}.elementor-6947 .elementor-element.elementor-element-83c1b81 .woocommerce-form .required{color:#3A3A3A;}.elementor-6947 .elementor-element.elementor-element-83c1b81 .woocommerce-form :is(.required, label){font-size:16px;}.elementor-6947 .elementor-element.elementor-element-83c1b81 .woocommerce-form .form-row :is(input, textarea, .select2-selection){font-size:16px;}.elementor-6947 .elementor-element.elementor-element-83c1b81 .woocommerce-form input:not(.woocommerce-form__input-checkbox){color:#000000;}.elementor-6947 .elementor-element.elementor-element-83c1b81 .woocommerce-form textarea{color:#000000;}.elementor-6947 .elementor-element.elementor-element-83c1b81 .woocommerce-form .woocommerce-input-wrapper .select2-selection{color:#000000;}.elementor-6947 .elementor-element.elementor-element-83c1b81 .woocommerce-form input:not(.woocommerce-form__input-checkbox),
					.elementor-6947 .elementor-element.elementor-element-83c1b81 .woocommerce-form textarea,
					.elementor-6947 .elementor-element.elementor-element-83c1b81 .woocommerce-form .select2-selection
					{background-color:#ffffff;}.elementor-6947 .elementor-element.elementor-element-83c1b81 .woocommerce-form input:not(.woocommerce-form__input-checkbox):focus{color:#000000;}.elementor-6947 .elementor-element.elementor-element-83c1b81 .woocommerce-form textarea:focus{color:#000000;}.elementor-6947 .elementor-element.elementor-element-83c1b81 .woocommerce-form .woocommerce-input-wrapper .select2-selection:focus{color:#000000;}.elementor-6947 .elementor-element.elementor-element-83c1b81 .woocommerce-form input:not(.woocommerce-form__input-checkbox):focus, .elementor-6947 .elementor-element.elementor-element-83c1b81 .woocommerce-form textarea:focus, .elementor-6947 .elementor-element.elementor-element-83c1b81 .woocommerce-form .select2-selection:focus{background-color:#ffffff;}.elementor-6947 .elementor-element.elementor-element-83c1b81 .shopengine-widget .shopengine-account-form-login .woocommerce-form__input-checkbox::before{background-color:#000;}.elementor-6947 .elementor-element.elementor-element-83c1b81 .shopengine-widget .shopengine-account-form-login .woocommerce-form__input-checkbox:checked{border-color:#000;}.elementor-6947 .elementor-element.elementor-element-83c1b81 .shopengine-account-form-login .woocommerce-form p.form-row button.button{color:#ffffff;background:#101010;border-radius:3px 3px 3px 3px;}.elementor-6947 .elementor-element.elementor-element-83c1b81 .shopengine-account-form-login .woocommerce-form p.form-row button.button:hover{color:#ffffff;background:#312b2b;}.elementor-6947 .elementor-element.elementor-element-83c1b81 .woocommerce-form button.button{font-size:16px;font-weight:700;line-height:22px;padding:15px 30px 15px 30px;}.rtl .elementor-6947 .elementor-element.elementor-element-83c1b81 .woocommerce-form button.button{padding:15px 30px 15px 30px;}.rtl .elementor-6947 .elementor-element.elementor-element-83c1b81 .shopengine-account-form-login .woocommerce-form p.form-row button.button{border-radius:3px 3px 3px 3px;}.elementor-6947 .elementor-element.elementor-element-83c1b81 .lost_password a{color:#3A3A3A;font-size:16px;}.elementor-6947 .elementor-element.elementor-element-83c1b81 .lost_password a:hover{color:#FF0303;}.elementor-6947 .elementor-element.elementor-element-8ce9f0a .shopengine-account-form-register .woocommerce-form-register .form-row label{color:#3A3A3A;}.elementor-6947 .elementor-element.elementor-element-8ce9f0a .woocommerce-form-row .required{color:#3A3A3A;}.elementor-6947 .elementor-element.elementor-element-8ce9f0a .shopengine-account-form-register .woocommerce-form-register .form-row :is(label, .required){font-size:18px;}.elementor-6947 .elementor-element.elementor-element-8ce9f0a .shopengine-account-form-register .woocommerce-form-register .form-row input{font-size:18px;color:#101010;background-color:#ffffff;}.elementor-6947 .elementor-element.elementor-element-8ce9f0a .shopengine-widget .shopengine-account-form-register .woocommerce-form-register .form-row .woocommerce-Input{margin:10px 0px 10px 0px;}.rtl .elementor-6947 .elementor-element.elementor-element-8ce9f0a .shopengine-widget .shopengine-account-form-register .woocommerce-form-register .form-row .woocommerce-Input{margin:10px 0px 10px 0px;}.elementor-6947 .elementor-element.elementor-element-8ce9f0a .shopengine-account-form-register .woocommerce-form-register .form-row input:focus{color:#000000;background-color:#ffffff;}.elementor-6947 .elementor-element.elementor-element-8ce9f0a .shopengine-account-form-register .woocommerce-form-register :is(.woocommerce-pending-message, .woocommerce-privacy-policy-text p){color:#3A3A3A;font-size:18px;line-height:22px;}.elementor-6947 .elementor-element.elementor-element-8ce9f0a .shopengine-account-form-register .woocommerce-form-register :is(.woocommerce-pending-message, .woocommerce-privacy-policy-text) a{color:#3A3A3A;}.elementor-6947 .elementor-element.elementor-element-8ce9f0a .woocommerce-form button.button{font-size:16px;font-weight:700;line-height:22px;padding:15px 30px 15px 30px;border-radius:3px 3px 3px 3px;}.elementor-6947 .elementor-element.elementor-element-8ce9f0a .shopengine-account-form-register .woocommerce-form-register .form-row button.button{color:#ffffff;background:#101010;width:50%;}.elementor-6947 .elementor-element.elementor-element-8ce9f0a .shopengine-account-form-register .woocommerce-form-register .form-row button.button:hover{color:#ffffff;background:#312b2b;}.rtl .elementor-6947 .elementor-element.elementor-element-8ce9f0a .woocommerce-form button.button{padding:15px 30px 15px 30px;border-radius:3px 3px 3px 3px;}.elementor-6947 .elementor-element.elementor-element-c5ba9e6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6947 .elementor-element.elementor-element-3e85a18{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4rem 1rem 40rem 1rem;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-026f62e *//* =========================================
   ShopEngine Login/Register Section verstecken
========================================= */

.wf-hide-login-register{
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e85a18 *//* ===================================================
   WEBFIRE – AUTH PAGE (Login / Register)
=================================================== */

:root{
  --wf-bg-main: #020617;
  --wf-card-bg: #111827;

  --wf-border: rgba(148,163,184,.28);
  --wf-border-soft: rgba(148,163,184,.18);

  --wf-text: rgba(249,250,251,.92);
  --wf-muted: rgba(156,163,175,.9);

  --wf-accent-grad: linear-gradient(120deg,#f97316,#fb923c,#fed7aa);

  --wf-radius: 20px;
}

/* =========================================
   PAGE WRAPPER
========================================= */

.wf-auth-page{
  width:100%;
  border-radius: 26px;
  border: 1px solid var(--wf-border-soft);

  background:
    radial-gradient(circle at top left, rgba(148,163,184,.08), transparent 55%),
    radial-gradient(circle at bottom right, rgba(0,0,0,.85), rgba(2,6,23,1));

  box-shadow:
    0 30px 90px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.03);

  padding: 32px 28px;
  color: var(--wf-text);
}

.wf-auth-page *{
  box-sizing:border-box;
}

/* =========================================
   HEAD
========================================= */

.wf-auth-head{
  margin-bottom: 28px;
}

.wf-auth-title{
  font-size: clamp(22px,2.4vw,28px);
  font-weight: 950;
  letter-spacing:-.02em;
}

.wf-auth-sub{
  margin-top:10px;
  font-size:14px;
  color: var(--wf-muted);
}

/* =========================================
   GRID
========================================= */

.wf-auth-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

/* =========================================
   CARD BASE
========================================= */

.wf-auth-card{
  position:relative;
  border-radius: var(--wf-radius);
  border: 1px solid var(--wf-border);
  background: var(--wf-card-bg);

  padding: 22px;
  overflow:hidden;

  box-shadow:
    0 18px 50px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.04);

  transition: transform .25s ease, box-shadow .25s ease;
}

.wf-auth-card:hover{
  transform: translateY(-4px);
  box-shadow:
    0 28px 70px rgba(0,0,0,.7),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.wf-auth-card--soft{
  background: rgba(17,24,39,.92);
}

/* Subtle glow layer */
.wf-auth-card::before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(600px 220px at 0% 0%, rgba(148,163,184,.06), transparent 60%);
  pointer-events:none;
}

/* =========================================
   CARD TOP
========================================= */

.wf-auth-card-top{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:18px;
}

/* Icon container */
.wf-auth-page .wf-ic{
  width:64px;
  height:64px;

  display:grid;
  place-items:center;

  border-radius:18px;
  border: 1px solid rgba(148,163,184,.35);
  background: rgba(15,23,42,.9);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 12px 30px rgba(0,0,0,.4);
}

.wf-auth-page .wf-ic svg{
  width:34px;
  height:34px;
  fill: rgba(255,255,255,.92);
}

/* Titles */
.wf-auth-cardtitle{
  font-weight: 950;
  font-size: 17px;
  letter-spacing:-.01em;
}

.wf-auth-cardsub{
  margin-top:6px;
  font-size:13px;
  color: var(--wf-muted);
}

/* =========================================
   MOUNT AREA (Woo Forms)
========================================= */

.wf-auth-mount{
  margin-top: 6px;
}

/* Woo Inputs */
.wf-auth-page input[type="text"],
.wf-auth-page input[type="email"],
.wf-auth-page input[type="password"]{
  width:100% !important;
  height:48px !important;
  padding: 0 16px !important;

  border-radius:14px !important;
  border: 1px solid var(--wf-border) !important;

  background: rgba(15,23,42,.65) !important;
  color: var(--wf-text) !important;

  outline:none !important;
  box-shadow:none !important;

  transition: border .2s ease, background .2s ease;
}

.wf-auth-page input:focus{
  border-color: rgba(148,163,184,.6) !important;
  background: rgba(15,23,42,.8) !important;
}

/* Labels */
.wf-auth-page label{
  font-weight: 800;
  font-size: 13px;
  color: var(--wf-muted);
}

/* Buttons */
.wf-auth-page button,
.wf-auth-page .button,
.wf-auth-page input[type="submit"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding: 12px 20px !important;
  border-radius: 14px !important;

  border: 1px solid rgba(255,255,255,.15) !important;

  background: var(--wf-accent-grad) !important;
  color: #0b1120 !important;

  font-weight: 950 !important;
  letter-spacing:.02em !important;

  cursor:pointer !important;

  box-shadow:
    0 12px 28px rgba(0,0,0,.4),
    inset 0 0 1.4em -.6em rgba(15,23,42,.9) !important;

  transition: transform .2s ease, filter .2s ease;
}

.wf-auth-page button:hover,
.wf-auth-page .button:hover{
  transform: translateY(-2px);
  filter: brightness(1.05);
  color:#fff !important;
}

/* Notices */
.wf-auth-page .woocommerce-error,
.wf-auth-page .woocommerce-message,
.wf-auth-page .woocommerce-info{
  border-radius:14px !important;
  border: 1px solid var(--wf-border) !important;
  background: rgba(15,23,42,.65) !important;
  color: var(--wf-text) !important;
  padding: 12px 16px !important;
}

/* Disabled Register Note */
.wf-auth-note{
  margin-top:14px;
  padding: 14px;
  border-radius:14px;
  border: 1px solid var(--wf-border-soft);
  background: rgba(15,23,42,.6);
  font-size:13px;
  color: var(--wf-muted);
}

/* =========================================
   Desktop Tuning
========================================= */

@media (max-width: 1180px){
  .wf-auth-grid{
    gap:14px;
  }
  .wf-auth-page{
    padding: 26px 22px;
  }
}

/* =========================================
   AUTH – INPUT FIX (alle Inputs dunkel)
========================================= */

.wf-auth-page input,
.wf-auth-page textarea,
.wf-auth-page select{
  background: rgba(15,23,42,.75) !important;
  border: 1px solid rgba(148,163,184,.35) !important;
  color: rgba(249,250,251,.92) !important;
}

.wf-auth-page input::placeholder{
  color: rgba(156,163,175,.7) !important;
}

/* Autofill Fix (Chrome helles Feld Problem) */
.wf-auth-page input:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 1000px rgba(15,23,42,.75) inset !important;
  -webkit-text-fill-color: rgba(249,250,251,.92) !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* =========================================
   AUTH – LINKS ORANGE
========================================= */

.wf-auth-page a{
  color: #f97316 !important;
  text-decoration: none;
  font-weight: 600;
  transition: opacity .2s ease;
}

.wf-auth-page a:hover{
  color: #fb923c !important;
  opacity: .9;
}

/* =========================================
   AUTH – BUTTON HOVER TEXT FIX
========================================= */

.wf-auth-page button,
.wf-auth-page .button,
.wf-auth-page input[type="submit"]{
  color: #0b1120 !important; /* bleibt dunkel */
}

.wf-auth-page button:hover,
.wf-auth-page .button:hover,
.wf-auth-page input[type="submit"]:hover{
  color: #0b1120 !important; /* verhindert weiß */
}

/* =========================================
   AUTH – FIX TEXT COLOR ON FOCUS
========================================= */

.wf-auth-page input,
.wf-auth-page input:focus,
.wf-auth-page input:active{
  color: rgba(249,250,251,.92) !important;
  -webkit-text-fill-color: rgba(249,250,251,.92) !important;
}

/* Chrome Autofill Fokus */
.wf-auth-page input:-webkit-autofill:focus{
  -webkit-text-fill-color: rgba(249,250,251,.92) !important;
}

/* =========================================
   AUTH – INPUT TEXT BLEIBT WEISS (FOCUS FIX)
========================================= */

/* Normal + Focus */
.wf-auth-page input[type="text"],
.wf-auth-page input[type="email"],
.wf-auth-page input[type="password"],
.wf-auth-page input[type="text"]:focus,
.wf-auth-page input[type="email"]:focus,
.wf-auth-page input[type="password"]:focus{
  color: rgba(249,250,251,.92) !important;
  -webkit-text-fill-color: rgba(249,250,251,.92) !important;
}

/* Chrome Autofill (sehr wichtig) */
.wf-auth-page input:-webkit-autofill,
.wf-auth-page input:-webkit-autofill:hover,
.wf-auth-page input:-webkit-autofill:focus{
  -webkit-text-fill-color: rgba(249,250,251,.92) !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(15,23,42,.75) inset !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* ===================================================
   WF AUTH – MOBILE OPTIMIERUNG (untereinander)
   -> an dein bestehendes CSS ANHÄNGEN
=================================================== */

@media (max-width: 860px){

  /* Wrapper etwas kompakter */
  .wf-auth-page{
    padding: 20px 16px;
    border-radius: 22px;
  }

  /* 1 Spalte statt 2 */
  .wf-auth-grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  /* Cards kompakter + kein Hover-Lift (Touch) */
  .wf-auth-card{
    padding: 18px;
    border-radius: 18px;
    transition: none;
  }
  .wf-auth-card:hover{
    transform: none;
    box-shadow:
      0 18px 50px rgba(0,0,0,.55),
      inset 0 1px 0 rgba(255,255,255,.04);
  }

  /* Kopfbereich: etwas weniger Luft */
  .wf-auth-head{
    margin-bottom: 18px;
  }
  .wf-auth-sub{
    font-size: 13px;
    margin-top: 8px;
  }

  /* Icon + Top Layout kleiner */
  .wf-auth-card-top{
    gap: 12px;
    margin-bottom: 14px;
  }

  .wf-auth-page .wf-ic{
    width: 54px;
    height: 54px;
    border-radius: 16px;
  }
  .wf-auth-page .wf-ic svg{
    width: 28px;
    height: 28px;
  }

  .wf-auth-cardtitle{
    font-size: 16px;
  }
  .wf-auth-cardsub{
    font-size: 12px;
    margin-top: 4px;
  }

  /* Inputs: etwas niedriger, besser auf Mobile */
  .wf-auth-page input[type="text"],
  .wf-auth-page input[type="email"],
  .wf-auth-page input[type="password"]{
    height: 46px !important;
    border-radius: 13px !important;
    padding: 0 14px !important;
    font-size: 16px !important; /* iOS zoom-prevent */
  }

  /* Buttons full width */
  .wf-auth-page button,
  .wf-auth-page .button,
  .wf-auth-page input[type="submit"]{
    width: 100% !important;
    justify-content: center !important;
    border-radius: 13px !important;
  }

  /* Woo “Remember me” + Lost password schöner umbrechen */
  .wf-auth-page .woocommerce-form-login__rememberme{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 10px 0 14px !important;
  }

  .wf-auth-page .woocommerce-LostPassword{
    margin-top: 12px !important;
  }

  /* Notices etwas kompakter */
  .wf-auth-page .woocommerce-error,
  .wf-auth-page .woocommerce-message,
  .wf-auth-page .woocommerce-info{
    padding: 10px 12px !important;
  }
}

/* ===================================================
   WF AUTH – FIX: Weißer Rahmen + Passwort-Toggle Button
   -> GANZ ANS ENDE deines CSS
=================================================== */

/* 1) Entfernt den weißen Rahmen/Container um die Felder (fieldset/legend + Wrapper) */
.wf-auth-page fieldset,
.wf-auth-page .woocommerce form fieldset{
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  min-inline-size: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.wf-auth-page legend,
.wf-auth-page .woocommerce form legend{
  display: none !important;
}

.wf-auth-page .woocommerce-form-login,
.wf-auth-page .woocommerce-form-register{
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* Manche Themes packen noch ein extra "Box" um Form-Reihen */
.wf-auth-page .woocommerce form .form-row{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 2) Passwort “Auge” darf NICHT wie CTA aussehen */
.wf-auth-page .password-input{
  position: relative !important;
  display: block !important;
}

.wf-auth-page .password-input input[type="password"],
.wf-auth-page .password-input input[type="text"]{
  padding-right: 52px !important; /* Platz für das Auge */
}

/* Woo Toggle (je nach Version span oder button) */
.wf-auth-page .show-password-input,
.wf-auth-page button.show-password-input{
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;

  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  box-shadow: none !important;

  padding: 0 !important;
  margin: 0 !important;

  color: rgba(248,250,252,.92) !important;
  cursor: pointer !important;
}

/* Hover/Active: nur subtil, kein Gradient, kein “CTA-Look” */
.wf-auth-page .show-password-input:hover,
.wf-auth-page button.show-password-input:hover{
  background: rgba(255,255,255,.09) !important;
  border-color: rgba(148,163,184,.28) !important;
  filter: none !important;
  transform: translateY(-50%) !important;
}

/* Wichtig: Falls dein Button-CTA-Style trotzdem greift, hier hart killen */
.wf-auth-page .show-password-input,
.wf-auth-page button.show-password-input{
  background-image: none !important;
}

/* =========================================
   WF AUTH – Pflichtfeld Stern ORANGE
   (Login / Register / Reset)
========================================= */

.wf-auth-page .required,
.wf-auth-page span.required,
.wf-auth-page abbr.required,
.wf-auth-page .woocommerce form .required{
  color: #f97316 !important;
  font-weight: 900 !important;
  opacity: 1 !important;
  text-decoration: none !important;
}/* End custom CSS */