.elementor-978 .elementor-element.elementor-element-789e58f{--display:flex;--margin-top:4rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}/* Start custom CSS *//* ===== Payment Cancelled – Fancy Styling (scoped) ===== */
/* Scope auf diese Seite und Box */
.post-978 .wps-payment-cancelled-box{
  --accent:#06b488;
  --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(20px, 3vw, 32px);
  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: cancelFadeUp .7s cubic-bezier(.2,.8,.2,1) both;
}

/* sanfter Glow im Hintergrund */
.post-978 .wps-payment-cancelled-box::before,
.post-978 .wps-payment-cancelled-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-978 .wps-payment-cancelled-box::before{ left:-180px; top:-220px; }
.post-978 .wps-payment-cancelled-box::after{ right:-220px; bottom:-260px; }

/* Icon-Kreis */
.post-978 .wps-payment-cancelled-box .wps-box-icon{
  width:68px; height:68px; margin: 6px auto 14px;
  display:grid; place-items:center; border-radius:16px;
  background: rgba(6,180,136,.12);
  border:1px solid rgba(6,180,136,.35);
  box-shadow: inset 0 0 0 6px rgba(6,180,136,.10);
  color:#b7ffea;
}
.post-978 .wps-payment-cancelled-box .wps-box-icon svg{
  width:30px; height:30px; display:block;
}

/* Überschrift & Text */
.post-978 .wps-payment-cancelled-box h2{
  margin: 6px 0 8px;
  font: 700 clamp(1.4rem, 1.1rem + 1vw, 1.9rem)/1.2 Helvetica, Arial, sans-serif;
  letter-spacing: -.01em;
  color:#fff;
}
.post-978 .wps-payment-cancelled-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;
}

/* Link als Button (der letzte Absatz enthält den Link zurück) */
.post-978 .wps-payment-cancelled-box p:last-of-type a{
  display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  margin-top: 6px;
  padding: .8rem 1.1rem;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(6,180,136,1), rgba(6,150,120,1));
  color:#071a14 !important; text-decoration: none;
  font-weight: 800; letter-spacing: .2px;
  box-shadow: 0 10px 24px rgba(6,180,136,.30), 0 0 0 4px rgba(6,180,136,.18) inset;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.post-978 .wps-payment-cancelled-box p:last-of-type a:hover{
  transform: translateY(-2px);
  filter: saturate(1.05);
  box-shadow: 0 14px 30px rgba(6,180,136,.36), 0 0 0 5px rgba(6,180,136,.22) inset;
}

/* Optional: zusätzlicher „Zurück zu Preisen“-Link, falls später ergänzt
.post-978 .wps-payment-cancelled-box .btn-secondary{ ... }
*/

/* Page-Header hübsch machen (oder ausblenden, wenn du nur die Box willst) */
.post-978 .page-header{
  display:grid; place-items:center;
  padding: clamp(18px, 4vw, 32px) 16px 0;
}
.post-978 .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-978 .page-header{ display:none; }
*/

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

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

/* Reduce Motion */
@media (prefers-reduced-motion: reduce){
  .post-978 .wps-payment-cancelled-box{ animation: none; }
}/* End custom CSS */