.elementor-834 .elementor-element.elementor-element-789e58f{--display:flex;--margin-top:5rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}/* Start custom CSS *//* ===== Payment Success – Fancy Styling (scoped) ===== */
/* Scope auf diese Seite und Box */
.post-834 .wps-payment-success-box{
  --accent:#06b488;
  --accent-2:#22d3a8;
  --ink:#e6f7f1;
  --muted:#9fb7b1;
  --bg1:#0f162f;
  --bg2:#0b1020;
  --border:rgba(255,255,255,.09);
  --ring:rgba(6,180,136,.18);
  --shadow: 0 28px 70px rgba(0,0,0,.45);

  max-width: clamp(640px, 78vw, 880px);
  margin: clamp(36px, 6vh, 64px) auto;
  padding: clamp(22px, 3.2vw, 34px);
  background: linear-gradient(180deg, var(--bg1), var(--bg2));
  color: var(--ink);
  border: 1px solid var(--border);
  border-radius: 20px;
  box-shadow: var(--shadow), 0 0 0 8px var(--ring) inset;
  text-align: center;
  position: relative;
  overflow: hidden;
  animation: successFadeUp .7s cubic-bezier(.2,.8,.2,1) both;
}

/* sanfte Glows */
.post-834 .wps-payment-success-box::before,
.post-834 .wps-payment-success-box::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-834 .wps-payment-success-box::before{ left:-180px; top:-220px; }
.post-834 .wps-payment-success-box::after{ right:-220px; bottom:-260px; }

/* Icon-Kreis mit kleinem „Pulse“ */
.post-834 .wps-payment-success-box .wps-box-icon{
  width:72px; height:72px; margin: 6px auto 14px;
  display:grid; place-items:center; border-radius:16px;
  background: rgba(6,180,136,.14);
  border:1px solid rgba(6,180,136,.38);
  box-shadow: inset 0 0 0 6px rgba(6,180,136,.10), 0 12px 28px rgba(0,0,0,.25);
  color:#b7ffea;
  position: relative;
  animation: pulseGlow 2.6s ease-in-out infinite;
}
.post-834 .wps-payment-success-box .wps-box-icon::after{
  content:"";
  position:absolute; inset:-8px;
  border-radius:20px;
  box-shadow: 0 0 0 0 rgba(6,180,136,.25);
  animation: ringPing 1.8s ease-out infinite;
}
.post-834 .wps-payment-success-box .wps-box-icon svg{
  width:30px; height:30px; display:block;
}

/* Überschriften & Text */
.post-834 .wps-payment-success-box h2{
  margin: 8px 0 6px;
  font: 700 clamp(1.5rem, 1.15rem + 1.1vw, 2rem)/1.2 Helvetica, Arial, sans-serif;
  letter-spacing: -.01em;
  color:#fff;
}
.post-834 .wps-payment-success-box h3{
  margin: 16px 0 8px;
  font: 700 clamp(1.05rem, .95rem + .4vw, 1.25rem)/1.25 Helvetica, Arial, sans-serif;
  color:#cfeee6;
}
.post-834 .wps-payment-success-box p{
  margin: 8px auto;
  color: var(--ink);
  opacity: .9;
  font: 400 clamp(.98rem, .95rem + .2vw, 1.05rem)/1.65 "Source Sans Variable", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  max-width: 70ch;
}

/* Liste (Plan Details) */
.post-834 .wps-payment-success-box ul{
  list-style:none; padding:0; margin: 10px auto 4px; text-align:left;
  max-width: 560px;
}
.post-834 .wps-payment-success-box li{
  position:relative; margin:.4rem 0; padding-left:28px; color:#dff8f1;
  font: 400 1rem/1.6 "Source Sans Variable", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
.post-834 .wps-payment-success-box li::before{
  content:"";
  position:absolute; left:0; top:.45em; width:16px; height:16px; border-radius:5px;
  background: conic-gradient(from 0deg, var(--accent), rgba(6,180,136,.7));
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path fill="white" d="M7.2 12.6 3.9 9.3l1.3-1.3 2 2L12.8 4l1.3 1.3z"/></svg>') center/contain no-repeat;
}

/* Status Badge (grüner Punkt) falls .status-active leer ist */
.post-834 .wps-payment-success-box .status-active{
  display:inline-flex; align-items:center; gap:.4rem;
  color:#b8f6e5;
}
.post-834 .wps-payment-success-box .status-active::before{
  content:""; width:10px; height:10px; border-radius:999px; display:inline-block;
  background: radial-gradient(circle at 50% 50%, #34f5c6, #06b488);
  box-shadow: 0 0 0 4px rgba(6,180,136,.18);
}

/* CTA-Link als Button (letzter Absatz) */
.post-834 .wps-payment-success-box p:last-of-type a{
  display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  margin-top: 8px;
  padding: .9rem 1.15rem;
  border-radius: 14px;
  background: linear-gradient(90deg, var(--accent-2), var(--accent));
  color:#071a14 !important; text-decoration: none;
  font-weight: 800; letter-spacing: .2px;
  box-shadow: 0 12px 28px rgba(6,180,136,.32), 0 0 0 4px rgba(6,180,136,.18) inset;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.post-834 .wps-payment-success-box p:last-of-type a: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;
}

/* Page-Header hübsch machen (oder ausblenden, wenn nur die Box stehen soll) */
.post-834 .page-header{
  display:grid; place-items:center;
  padding: clamp(18px, 4vw, 32px) 16px 0;
}
.post-834 .page-header .entry-title{
  margin:0;
  font: 800 clamp(1.6rem, 1.2rem + 2vw, 2.4rem)/1.15 Helvetica, Arial, sans-serif;
  background: linear-gradient(90deg, #fff, var(--accent));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
/* Wenn du die h1-Ausgabe komplett verstecken willst, diese Regel aktivieren:
.post-834 .page-header{ display:none; }
*/

/* Animationen */
@keyframes successFadeUp{
  from{ opacity:0; transform: translateY(16px); }
  to  { opacity:1; transform: none; }
}
@keyframes pulseGlow{
  0%,100%{ box-shadow: inset 0 0 0 6px rgba(6,180,136,.10), 0 12px 28px rgba(0,0,0,.25); }
  50%{ box-shadow: inset 0 0 0 6px rgba(6,180,136,.16), 0 16px 34px rgba(0,0,0,.3); }
}
@keyframes ringPing{
  0%{ box-shadow: 0 0 0 0 rgba(6,180,136,.25); opacity:1; }
  100%{ box-shadow: 0 0 0 22px rgba(6,180,136,0); opacity:0; }
}

/* Responsive Tweaks */
@media (max-width: 520px){
  .post-834 .wps-payment-success-box{ padding: 18px; border-radius: 16px; }
  .post-834 .wps-payment-success-box .wps-box-icon{ width:64px; height:64px; border-radius:12px; }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce){
  .post-834 .wps-payment-success-box{ animation: none; }
  .post-834 .wps-payment-success-box .wps-box-icon{ animation: none; }
  .post-834 .wps-payment-success-box .wps-box-icon::after{ animation: none; }
}/* End custom CSS */