.elementor-18 .elementor-element.elementor-element-2594e80d{--display:flex;--margin-top:7rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}:root{--page-title-display:none;}/* Start custom CSS *//* ==========================================================================
   LOGIN (Ultimate Member) – Page ID 18
   Theme: Dark + Accent #06b488
   Scope: .post-18  (verhindert Konflikte)
   ========================================================================== */

/* ---- Page background + Header ---- */
.post-18{
  --accent:#06b488;
  --accent-2:#22d3a8;
  --ink:#e6f7f1;
  --muted:#9fb7b1;
  --bg1:#0f162f;
  --bg2:#0b1020;
  --card1:#0f162f;
  --card2:#0b1020;
  --border:rgba(255,255,255,.09);
  --ring:rgba(6,180,136,.18);
  --shadow: 0 28px 70px rgba(0,0,0,.45);
  --error:#ef4444;
  --ok:#10b981;
}

/* Optional: Seite insgesamt etwas „bühnenhaft“ */
.post-18 .site-main{
  background:
    radial-gradient(120% 140% at 85% 0%, rgba(6,180,136,.12), transparent 60%),
    linear-gradient(180deg, var(--bg1), var(--bg2));
}

/* Header / H1 hübsch machen (falls du H1 nicht ausblendest) */
.post-18 .page-header{
  display:grid; place-items:center;
  padding: clamp(18px, 4vw, 36px) 16px 6px;
}
.post-18 .page-header .entry-title{
  margin:0;
  font: 800 clamp(1.6rem, 1.2rem + 2.2vw, 2.4rem)/1.12 Helvetica, Arial, sans-serif;
  background: linear-gradient(90deg, #fff, var(--accent));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* ========================================================================== 
   BOXEN – gemeinsame Card-Basis
   ========================================================================== */
.post-18 .um-7.um .um-form,
.post-18 .um-7.um{
  max-width: clamp(560px, 86vw, 720px) !important;
  margin: clamp(24px, 6vh, 64px) auto !important;
}
.post-18 .um-7 .um-form{
  position:relative;
  padding: clamp(22px, 3.2vw, 34px) !important;
  background: linear-gradient(180deg, var(--card1), var(--card2)) !important;
  color: var(--ink) !important;
  border: 1px solid var(--border) !important;
  border-radius: 20px !important;
  box-shadow: var(--shadow), 0 0 0 8px var(--ring) inset !important;
  overflow: hidden;
  animation: loginFadeUp .7s cubic-bezier(.2,.8,.2,1) both;
}
.post-18 .um-7 .um-form::before,
.post-18 .um-7 .um-form::after{
  content:""; position:absolute; pointer-events:none; opacity:.22; filter: blur(70px);
  width:520px; height:520px; border-radius:50%;
  background: radial-gradient(closest-side, var(--accent), transparent 70%);
}
.post-18 .um-7 .um-form::before{ left:-180px; top:-220px; }
.post-18 .um-7 .um-form::after{ right:-220px; bottom:-260px; }

/* ========================================================================== 
   AUSGEL0GGT – Formular
   Markup: .um.um-login.um-7 (loggedout)
   ========================================================================== */
.post-18.um-page-loggedout .um-7 .um-field-label label{
  color:#cfeee6; font-weight:700; letter-spacing:.1px;
}

.post-18.um-page-loggedout .um-7 .um-form input[type="text"],
.post-18.um-page-loggedout .um-7 .um-form input[type="password"],
.post-18.um-page-loggedout .um-7 .um-form input[type="email"]{
  width:100%;
  appearance:none;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:#e8fff8;
  border-radius:12px;
  padding: 12px 14px;
  outline:none;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.post-18.um-page-loggedout .um-7 .um-form input::placeholder{ color:#a7c9c0; opacity:.8; }

.post-18.um-page-loggedout .um-7 .um-form input:focus,
.post-18.um-page-loggedout .um-7 .um-form input:focus-visible{
  border-color: rgba(6,180,136,.45);
  box-shadow: 0 0 0 3px rgba(6,180,136,.28);
  background: rgba(255,255,255,.08);
}

/* Checkbox „Angemeldet bleiben“ */
.post-18.um-page-loggedout .um-7 .um-field-checkbox{
  display:inline-flex; align-items:center; gap:.55rem; cursor:pointer;
}
.post-18.um-page-loggedout .um-7 .um-field-checkbox-state{
  width:18px; height:18px; border-radius:5px;
  border:1px solid rgba(255,255,255,.25);
  background: rgba(255,255,255,.06);
  position:relative; display:inline-block;
}
.post-18.um-page-loggedout .um-7 input[type="checkbox"]:checked + .um-field-checkbox-state{
  border-color: rgba(6,180,136,.7);
  background: radial-gradient(circle at 50% 50%, #34f5c6, #06b488);
  box-shadow: 0 0 0 3px rgba(6,180,136,.22);
}
.post-18.um-page-loggedout .um-7 .um-field-checkbox-option{
  color:#cfeee6;
}

/* Aktionen (Login / Registrieren) */
.post-18.um-page-loggedout .um-7 .um-col-alt{
  margin-top: 8px;
}
.post-18.um-page-loggedout .um-7 .um-button{
  display:inline-flex; align-items:center; justify-content:center;
  gap:.5rem;
  padding:.9rem 1.15rem;
  border-radius:14px;
  border:none;
  font-weight:800; letter-spacing:.2px;
  cursor:pointer;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.post-18.um-page-loggedout .um-7 #um-submit-btn{
  background: linear-gradient(90deg, var(--accent-2), var(--accent));
  color:#071a14;
  box-shadow: 0 12px 28px rgba(6,180,136,.32), 0 0 0 4px rgba(6,180,136,.18) inset;
}
.post-18.um-page-loggedout .um-7 #um-submit-btn:hover{
  transform: translateY(-2px);
  filter: saturate(1.05);
  box-shadow: 0 16px 34px rgba(6,180,136,.38), 0 0 0 5px rgba(6,180,136,.22) inset;
}

/* Sekundär-Button: Registrieren */
.post-18.um-page-loggedout .um-7 .um-button.um-alt{
  background: rgba(255,255,255,.06);
  color:#dff8f1;
  border:1px solid rgba(255,255,255,.12);
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
}
.post-18.um-page-loggedout .um-7 .um-button.um-alt:hover{
  transform: translateY(-2px);
  border-color: rgba(6,180,136,.45);
  box-shadow: 0 12px 28px rgba(0,0,0,.3), 0 0 0 4px rgba(6,180,136,.18) inset;
}

/* „Passwort vergessen?“ */
.post-18.um-page-loggedout .um-7 .um-col-alt-b{
  margin-top: 14px; text-align:center;
}
.post-18.um-page-loggedout .um-7 .um-col-alt-b .um-link-alt{
  color:#b8f6e5; text-decoration:none; font-weight:700;
  border-bottom:1px dashed rgba(6,180,136,.5);
}
.post-18.um-page-loggedout .um-7 .um-col-alt-b .um-link-alt:hover{
  color:#eafff9; border-bottom-color: rgba(6,180,136,.8);
}

/* Fehlermeldungen / Notices (falls UM ausgibt) */
.post-18 .um .um-notice.err{
  background: rgba(239,68,68,.12);
  border:1px solid rgba(239,68,68,.4);
  color:#ffdede;
  border-radius:12px; padding:10px 12px;
}
.post-18 .um .um-notice.success{
  background: rgba(16,185,129,.12);
  border:1px solid rgba(16,185,129,.4);
  color:#d4fff1;
  border-radius:12px; padding:10px 12px;
}

/* ========================================================================== 
   EINGELOGGT – Konto-Ansicht
   Markup: .um.um-login.um-7 (loggedin) mit .um-misc-with-img + .um-misc-ul
   ========================================================================== */
.post-18.um-page-loggedin .um-7 .um-misc-with-img{
  display:flex; align-items:center; gap:14px;
  margin-bottom: 12px;
}
.post-18.um-page-loggedin .um-7 .um-misc-img a,
.post-18.um-page-loggedin .um-7 .um-misc-img img{
  display:block;
  width:72px; height:72px; border-radius:16px !important; object-fit:cover;
  background: rgba(6,180,136,.14);
  border:1px solid rgba(6,180,136,.38) !important;
  box-shadow: inset 0 0 0 6px rgba(6,180,136,.10), 0 12px 28px rgba(0,0,0,.25);
}
.post-18.um-page-loggedin .um-7 .um-misc-with-img strong{
  font: 800 1.15rem/1.2 Helvetica, Arial, sans-serif; color:#fff;
}

/* Linkliste (Konto / Abmelden) als hübsche Buttons */
.post-18.um-page-loggedin .um-7 .um-misc-ul{
  list-style:none; margin: 10px 0 0; padding:0;
  display:grid; gap:10px;
}
.post-18.um-page-loggedin .um-7 .um-misc-ul li a{
  display:flex; align-items:center; justify-content:center;
  gap:.55rem;
  padding:.85rem 1.05rem;
  border-radius:12px;
  text-decoration:none;
  background: rgba(255,255,255,.06);
  color:#dff8f1;
  border:1px solid rgba(255,255,255,.12);
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.post-18.um-page-loggedin .um-7 .um-misc-ul li a:hover{
  transform: translateY(-2px);
  border-color: rgba(6,180,136,.45);
  box-shadow: 0 12px 28px rgba(0,0,0,.3), 0 0 0 4px rgba(6,180,136,.18) inset;
}

/* Erste Aktion „Dein Konto“ als Primary */
.post-18.um-page-loggedin .um-7 .um-misc-ul li:first-child a{
  background: linear-gradient(90deg, var(--accent-2), var(--accent));
  color:#071a14;
  border-color: transparent;
  box-shadow: 0 12px 28px rgba(6,180,136,.32), 0 0 0 4px rgba(6,180,136,.18) inset;
}

/* ========================================================================== 
   Kleinzeug
   ========================================================================== */
@keyframes loginFadeUp{
  from{ opacity:0; transform: translateY(16px); }
  to  { opacity:1; transform: none; }
}

/* Spacing-Tweak von UM überschreiben (optional) */
.post-18 .um-7 .um-row{ margin: 0 0 18px 0 !important; }

/* Accessibility: Fokus klar sichtbar */
.post-18 .um-7 .um-form a:focus-visible,
.post-18 .um-7 .um-form input:focus-visible,
.post-18 .um-7 .um-form button:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px rgba(6,180,136,.65) !important;
}

/* Responsive */
@media (max-width: 520px){
  .post-18 .um-7 .um-form{ padding:18px !important; border-radius:16px !important; }
  .post-18.um-page-loggedin .um-7 .um-misc-img img{ width:64px; height:64px; border-radius:12px !important; }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce){
  .post-18 .um-7 .um-form{ animation: none; }
}
/* Labels in Akzentfarbe */
.post-18 .um .um-field-label label{
  color: var(--accent) !important;
}

/* Primary-Button (Login) in Akzentfarbe */
.post-18 #um-submit-btn.um-button{
  background: var(--accent) !important;
  color: #071a14 !important;         /* guter Kontrast auf #06b488 */
  border: none !important;
  box-shadow: 0 10px 24px rgba(6,180,136,.32), 0 0 0 4px rgba(6,180,136,.18) inset !important;
  transform: translateY(0);
}
.post-18 #um-submit-btn.um-button:hover{
  filter: saturate(1.05) brightness(1.02);
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(6,180,136,.38), 0 0 0 5px rgba(6,180,136,.22) inset !important;
}
.post-18 #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) !important;
}/* End custom CSS */