.elementor-19 .elementor-element.elementor-element-341edd1{--display:flex;--margin-top:10rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}:root{--page-title-display:none;}/* Start custom CSS *//* =======================================================================
   REGISTER PAGE (/register – page-id-19)
   ======================================================================= */
:root{
  --accent: #06b488;      /* Akzentfarbe */
  --bg: #0b0b0b;          /* Seitenhintergrund */
  --card1: #161616;
  --card2: #101010;
  --border: rgba(255,255,255,.08);
  --muted: #9fb7b1;
  --ink: #e6f7f1;
  --ring: rgba(6,180,136,.18);
  --shadow: 0 24px 60px rgba(0,0,0,.45);
  font-family: "Source Sans Variable", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

/* ---------- PAGE BACKGROUND ---------- */
.page-id-19 body{
  background: var(--bg) !important;
  color: var(--ink);
}

/* ---------- FORM CONTAINER ---------- */
.page-id-19 .um.um-register.um-6{
  max-width: 920px !important;
  margin: 3rem auto;
  padding: clamp(18px, 2vw, 28px);
  border-radius: 18px;
  background: linear-gradient(180deg,var(--card1),var(--card2));
  border: 1px solid var(--border);
  box-shadow: var(--shadow), 0 0 0 6px var(--ring) inset;
  overflow: hidden;
}

/* ---------- FORM LABELS ---------- */
.page-id-19 .um .um-field-label label{
  color: var(--accent) !important;
  font-weight: 600;
  font-size: .95rem;
  margin-bottom: 4px;
  display: block;
}

/* ---------- INPUTS ---------- */
.page-id-19 .um-form-field{
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: #0f0f0f;
  color: var(--ink);
  font-size: 1rem;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.page-id-19 .um-form-field:focus{
  border-color: var(--accent);
  outline: none;
  box-shadow: 0 0 0 3px rgba(6,180,136,.35);
}

/* ---------- BUTTONS ---------- */
.page-id-19 #um-submit-btn.um-button{
  background: linear-gradient(180deg, rgba(6,180,136,1), rgba(6,150,120,1)) !important;
  border: none !important;
  color: #081210 !important;
  font-weight: 800;
  letter-spacing: .3px;
  padding: 12px 14px;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(6,180,136,.28), 0 0 0 3px rgba(6,180,136,.18) inset;
  cursor: pointer;
  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.page-id-19 #um-submit-btn.um-button:hover{
  transform: translateY(-2px);
  filter: saturate(1.05);
  box-shadow: 0 12px 24px rgba(6,180,136,.34), 0 0 0 4px rgba(6,180,136,.22) inset;
}
.page-id-19 #um-submit-btn.um-button:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px rgba(6,180,136,.65);
}

/* Sekundärbutton */
.page-id-19 .um .um-button.um-alt{
  background: linear-gradient(180deg, rgba(6,180,136,.16), rgba(6,150,120,.08)) !important;
  color: #cfe7e1 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 12px;
  font-weight: 600;
  text-align: center;
  padding: 12px 14px;
  transition: background .2s ease;
}
.page-id-19 .um .um-button.um-alt:hover{
  background: linear-gradient(180deg, rgba(6,180,136,.28), rgba(6,150,120,.18)) !important;
}

/* ---------- GRID / LAYOUT ---------- */
@media (min-width: 900px){
  /* Felder in 2 Spalten */
  .page-id-19 .um.um-register .um-col-1{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: clamp(12px, 1.6vw, 22px) !important;
  }
  .page-id-19 .um.um-register .um-col-1 > .um-field{
    margin-bottom: 0 !important;
  }

  /* Buttons nebeneinander */
  .page-id-19 .um.um-register .um-col-alt{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    margin-top: 18px !important;
  }
  .page-id-19 .um.um-register .um-left.um-half,
  .page-id-19 .um.um-register .um-right.um-half{
    float: none !important;
    width: auto !important;
    margin: 0 !important;
  }
  .page-id-19 .um.um-register #um-submit-btn.um-button,
  .page-id-19 .um.um-register .um-button.um-alt{
    width: 100% !important;
  }
}

/* ---------- MOBILE ---------- */
@media (max-width: 899.98px){
  .page-id-19 .um.um-register.um-6{
    max-width: 560px !important;
    padding: 16px;
  }
  .page-id-19 .um.um-register .um-col-1{
    display: block !important;
  }
  .page-id-19 .um.um-register .um-field{
    margin-bottom: 14px !important;
  }
  .page-id-19 .um.um-register .um-col-alt{
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
  }
}

/* ---------- TYPOGRAPHY ---------- */
.page-id-19 .um.um-register h2,
.page-id-19 .um.um-register h3{
  color: #fff;
  font-weight: 700;
}
.page-id-19 .um.um-register p{
  color: var(--muted);
  font-size: .95rem;
}/* End custom CSS */