.elementor-28 .elementor-element.elementor-element-2d1e0a36{--display:flex;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-2d1e0a36{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for container, class: .elementor-element-2d1e0a36 *//* =================================================
   MODEWERKK – PASSWORD RESET (Ultimate Member)
   Match Login 1:1
   Scope: body.um-page-password-reset
================================================= */

/* ---------- PAGE BACKGROUND ---------- */
body.um-page-password-reset {
  background: #ffffff !important;
}

/* gleicher Glow wie Login */
body.um-page-password-reset::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(900px 500px at 15% 10%, rgba(255,92,0,.10), transparent 55%),
    radial-gradient(700px 420px at 85% 25%, rgba(0,0,0,.05), transparent 60%);
  opacity: .6;
}

/* ---------- CONTENT SPACING ---------- */
.um-page-password-reset #content {
  padding: 56px 16px 72px;
}

/* Elementor Page Title ausblenden */
.um-page-password-reset .page-header {
  display: none !important;
}

/* ---------- RESET CARD ---------- */
.um-page-password-reset .um.um-password {
  max-width: 520px !important;
  margin: 0 auto;
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 22px;
  box-shadow: 0 18px 45px rgba(0,0,0,0.10);
  overflow: hidden;
}

/* Inner Padding */
.um-page-password-reset .um.um-password .um-form {
  padding: 28px 22px 22px;
}

/* ---------- FORM HEADLINE ---------- */
.um-page-password-reset .um.um-password .um-form::before {
  content: "Passwort zurücksetzen";
  display: block;
  font-weight: 800;
  font-size: 28px;
  letter-spacing: -0.02em;
  color: #121212;
  margin-bottom: 6px;
}

.um-page-password-reset .um.um-password .um-form::after {
  content: "Gib deinen Benutzernamen oder deine E-Mail-Adresse ein.";
  display: block;
  font-size: 14px;
  color: rgba(0,0,0,0.65);
  margin-bottom: 18px;
}

/* Erklärungstext von UM (Block) optisch wie Login halten */
.um-page-password-reset .um-field-type_block {
  margin: 0 0 12px !important;
}
.um-page-password-reset .um-field-type_block .um-field-block {
  text-align: left !important;
  color: rgba(0,0,0,0.65);
  font-size: 14px;
  line-height: 1.45;
}

/* ---------- LABELS (falls vorhanden) ---------- */
.um-page-password-reset .um-field-label label {
  color: #121212 !important;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 8px;
}

/* ---------- INPUTS ---------- */
.um-page-password-reset .um-form input[type="text"],
.um-page-password-reset .um-form input[type="email"],
.um-page-password-reset .um-form input[type="password"] {
  height: 50px;
  background: #f6f6f7 !important;
  border: 1px solid rgba(0,0,0,0.10) !important;
  border-radius: 14px !important;
  padding: 0 14px !important;
  color: #121212 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Focus */
.um-page-password-reset .um-form input[type="text"]:focus,
.um-page-password-reset .um-form input[type="email"]:focus,
.um-page-password-reset .um-form input[type="password"]:focus {
  border-color: rgba(255,92,0,0.65) !important;
  box-shadow: 0 0 0 3px rgba(255,92,0,0.20) !important;
}

/* ---------- BUTTON LAYOUT FIX (das macht deinen Button "komisch") ---------- */
/* UM setzt hier gerne Center/inline Styles – wir forcieren Login-Layout */
.um-page-password-reset .um-col-alt,
.um-page-password-reset .um-col-alt-b {
  margin-top: 6px;
}

.um-page-password-reset .um .um-center {
  text-align: left !important;
}
.um-page-password-reset .um .um-center * {
  float: none !important;
}

/* ---------- PRIMARY BUTTON (1:1 Login) ---------- */
.um-page-password-reset .um input.um-button,
.um-page-password-reset .um #um-submit-btn {
  width: 100% !important;
  height: 50px;
  border-radius: 14px !important;
  border: none !important;
  background: linear-gradient(135deg, #ff5c00 0%, #ff7a2f 100%) !important;
  color: #111 !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em;
  box-shadow: 0 10px 26px rgba(255,92,0,0.30);
  transition: transform .12s ease, filter .12s ease;
  padding: 0 14px !important;
  line-height: 50px !important; /* wichtig gegen "gequetscht" */
  display: block !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.um-page-password-reset .um input.um-button:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
}

/* ---------- SPACING CLEANUP ---------- */
.um-page-password-reset .um-field {
  margin-bottom: 14px !important;
}
.um-page-password-reset .um-row {
  margin-bottom: 18px !important;
}

/* Honeypot weg */
.um-page-password-reset .um p.um_request_name {
  display: none !important;
}

/* ---------- MOBILE ---------- */
@media (max-width: 767px) {
  .um-page-password-reset #content {
    padding: 40px 14px 60px;
  }

  .um-page-password-reset .um.um-password .um-form {
    padding: 22px 16px 18px;
  }

  .um-page-password-reset .um.um-password .um-form::before {
    font-size: 24px;
  }
}/* End custom CSS */