/*!
 * DarkZone Eventformate – Shop-Designsystem
 * Gilt für: events.php · gutscheine.html · bezahlen*.php · danke*.php · ticket_view.php · buchung/
 * Alle Klassen beginnen mit "sx-", damit nichts mit alten Seiten-Styles kollidiert.
 */

/* ═════════════ Tokens ═════════════ */
:root{
  --sx-ink:#060709;          /* Seitenhintergrund */
  --sx-panel:#0d0f13;        /* Flächen */
  --sx-raised:#14171d;       /* erhöhte Flächen, Felder */
  --sx-raised-2:#1a1e26;
  --sx-line:rgba(236,232,225,.08);
  --sx-line-2:rgba(236,232,225,.15);
  --sx-bone:#ece8e1;         /* Haupttext (warmes Off-White) */
  --sx-steel:#949daa;        /* Nebentext */
  --sx-dim:#646c78;          /* sehr leiser Text */
  --sx-red:#ff2d2d;          /* DarkZone-Rot */
  --sx-red-hot:#ff4a3d;
  --sx-red-deep:#b3121a;
  --sx-red-ink:rgba(255,45,45,.10);
  --sx-red-line:rgba(255,45,45,.38);
  --sx-ok:#3ddc84;
  --sx-ok-ink:rgba(61,220,132,.09);
  --sx-warn:#f5b13d;
  --sx-warn-ink:rgba(245,177,61,.08);

  --sx-display:'Bebas Neue','Oswald',Impact,sans-serif;
  --sx-body:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;

  --sx-r-s:4px;     /* Felder, Buttons – präzise, taktisch */
  --sx-r-m:10px;    /* Karten, Panels */
  --sx-r-l:16px;    /* große Bühnen */

  --sx-ease:cubic-bezier(.2,.8,.2,1);
  --sx-shadow:0 30px 80px -30px rgba(0,0,0,.85),0 2px 0 rgba(255,255,255,.02) inset;
}

/* ═════════════ Basis ═════════════ */
.sx-page{margin:0;--accent:#ff2d2d;background:var(--sx-ink);color:var(--sx-bone);font-family:var(--sx-body);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;overflow-x:hidden;overflow-x:clip}
.sx-page *,.sx-page *::before,.sx-page *::after{box-sizing:border-box}
.sx-page img{max-width:100%;display:block}
.sx-page a{color:inherit}
.sx-page ::selection{background:var(--sx-red);color:#fff}
.sx-page :focus-visible{outline:2px solid var(--sx-red);outline-offset:3px;border-radius:2px}
.sx-wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.sx-narrow{max-width:760px;margin:0 auto;padding:0 24px}
@media(max-width:640px){.sx-wrap,.sx-narrow{padding:0 16px}}
.sx-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}

/* feines Filmkorn über der ganzen Seite – macht Schwarz „teuer“ statt flach */
.sx-page::after{content:'';position:fixed;inset:-50%;z-index:9000;pointer-events:none;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@media print{.sx-page::after{display:none}}

/* ═════════════ Typo ═════════════ */
.sx-display{font-family:var(--sx-display);font-weight:400;letter-spacing:.01em;line-height:.9;color:#fff;margin:0}
.sx-h1{font-size:clamp(56px,9vw,128px)}
.sx-h2{font-size:clamp(40px,5.4vw,72px)}
.sx-h3{font-size:clamp(28px,3vw,38px);line-height:1}
.sx-lead{font-size:clamp(16px,1.35vw,18px);color:var(--sx-steel);line-height:1.65;max-width:60ch;margin:0}
.sx-lead strong{color:var(--sx-bone);font-weight:600}
.sx-kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--sx-red);margin:0 0 18px}
.sx-kicker::before{content:'';width:18px;height:2px;background:currentColor}
.sx-muted{color:var(--sx-steel)}
.sx-num{font-variant-numeric:tabular-nums}

/* ═════════════ Navigation ═════════════ */
.sx-nav{position:fixed;inset:0 0 auto;z-index:1000;display:flex;align-items:center;gap:28px;
  padding:14px clamp(16px,3vw,40px);background:rgba(6,7,9,.72);
  -webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid var(--sx-line)}
.sx-nav .nav-logo{font-family:var(--sx-display);font-size:24px;letter-spacing:.06em;color:#fff;text-decoration:none;line-height:1;white-space:nowrap}
.sx-nav .nav-logo span{color:var(--sx-red)}
.sx-nav-links{display:flex;gap:4px;margin-left:auto;list-style:none;padding:0}
.sx-nav-links a{display:block;padding:9px 14px;font-size:14px;font-weight:500;color:var(--sx-steel);text-decoration:none;border-radius:var(--sx-r-s);transition:color .2s,background .2s}
.sx-nav-links a:hover{color:#fff;background:rgba(255,255,255,.05)}
.sx-nav-links a[aria-current="page"]{color:#fff;box-shadow:inset 0 -2px 0 var(--sx-red)}
@media(max-width:860px){.sx-nav-links{display:none}.sx-nav{justify-content:space-between}}

/* ═════════════ Buttons ═════════════ */
.sx-btn{--h:52px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:var(--h);padding:0 26px;border:1px solid transparent;border-radius:var(--sx-r-s);
  font-family:var(--sx-body);font-size:15px;font-weight:650;letter-spacing:.01em;line-height:1;
  text-decoration:none;cursor:pointer;user-select:none;white-space:nowrap;overflow:hidden;isolation:isolate;
  transition:transform .18s var(--sx-ease),box-shadow .3s,background .2s,border-color .2s,color .2s,opacity .2s}
.sx-btn svg{width:18px;height:18px;flex:none}
.sx-btn:active{transform:translateY(1px) scale(.99)}
.sx-btn--primary{background:var(--sx-red);color:#fff;box-shadow:0 14px 34px -14px rgba(255,45,45,.75),inset 0 1px 0 rgba(255,255,255,.25)}
.sx-btn--primary::before{content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 66%);
  transform:translateX(-120%);transition:transform .7s var(--sx-ease)}
.sx-btn--primary:hover{background:var(--sx-red-hot);box-shadow:0 18px 44px -14px rgba(255,45,45,.95),inset 0 1px 0 rgba(255,255,255,.3)}
.sx-btn--primary:hover::before{transform:translateX(120%)}
.sx-btn--ghost{background:transparent;color:var(--sx-bone);border-color:var(--sx-line-2)}
.sx-btn--ghost:hover{border-color:rgba(236,232,225,.4);background:rgba(255,255,255,.03)}
.sx-btn--quiet{background:transparent;color:var(--sx-steel);padding:0 10px;--h:44px}
.sx-btn--quiet:hover{color:#fff}
.sx-btn--paypal{background:#ffc439;color:#111;box-shadow:0 14px 34px -16px rgba(255,196,57,.7)}
.sx-btn--paypal:hover{background:#ffd164}
.sx-btn--lg{--h:60px;font-size:16px;padding:0 34px}
.sx-btn--block{display:flex;width:100%}
.sx-btn[disabled],.sx-btn.is-disabled{opacity:.38;cursor:not-allowed;box-shadow:none;transform:none}
.sx-btn.is-busy{color:transparent!important;pointer-events:none}
.sx-btn.is-busy::after{content:'';position:absolute;width:20px;height:20px;border-radius:50%;
  border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:sx-spin .7s linear infinite}
.sx-btn--paypal.is-busy::after{border-color:rgba(0,0,0,.25);border-top-color:#111}
@keyframes sx-spin{to{transform:rotate(360deg)}}

/* ═════════════ Formular ═════════════ */
.sx-grid{display:grid;gap:14px}
.sx-grid-2{grid-template-columns:1fr 1fr}
.sx-grid-addr{grid-template-columns:1fr 120px}
.sx-grid-city{grid-template-columns:130px 1fr}
@media(max-width:560px){.sx-grid-2{grid-template-columns:1fr}.sx-grid-addr{grid-template-columns:1fr 96px}.sx-grid-city{grid-template-columns:104px 1fr}}
.sx-grid>*{min-width:0}

.sx-field{display:flex;flex-direction:column;gap:7px}
.sx-field>label,.sx-label{font-size:13px;font-weight:550;color:var(--sx-steel)}
.sx-field>label .opt{color:var(--sx-dim);font-weight:400}
.sx-input{width:100%;height:52px;padding:0 16px;background:var(--sx-raised);color:#fff;
  border:1px solid var(--sx-line);border-radius:var(--sx-r-s);font:500 16px/1 var(--sx-body);outline:none;
  transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none}
textarea.sx-input{height:auto;min-height:96px;padding:14px 16px;line-height:1.5;resize:vertical}
.sx-input::placeholder{color:#4f5763}
.sx-input:hover{border-color:var(--sx-line-2)}
.sx-input:focus{border-color:var(--sx-red);box-shadow:0 0 0 4px rgba(255,45,45,.14);background:var(--sx-raised-2)}
.sx-input.is-ok{border-color:rgba(61,220,132,.45)}
.sx-input.is-err{border-color:var(--sx-red);box-shadow:0 0 0 4px rgba(255,45,45,.12)}
.sx-input--mono{font-family:'Share Tech Mono','SFMono-Regular',Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.sx-input:disabled{opacity:.6}
.sx-err{font-size:13px;color:#ff7b72;min-height:0;display:none}
.sx-field.has-err .sx-err{display:block}
.sx-field.has-err .sx-input{border-color:var(--sx-red)}

/* Checkbox */
.sx-check{position:relative;display:flex;gap:14px;align-items:flex-start;cursor:pointer;font-size:14px;line-height:1.55;color:#c3c7cd;
  padding:14px 16px;border:1px solid var(--sx-line);border-radius:var(--sx-r-s);background:rgba(255,255,255,.012);transition:border-color .2s,background .2s}
.sx-check:hover{border-color:var(--sx-line-2)}
.sx-check input{position:absolute;opacity:0;width:1px;height:1px}
.sx-check .box{flex:none;width:22px;height:22px;margin-top:1px;border:1.5px solid #4a515c;border-radius:3px;display:grid;place-items:center;transition:all .2s var(--sx-ease)}
.sx-check .box svg{width:14px;height:14px;stroke:#fff;stroke-width:3;fill:none;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .3s var(--sx-ease) .05s}
.sx-check input:checked+.box{background:var(--sx-red);border-color:var(--sx-red)}
.sx-check input:checked+.box svg{stroke-dashoffset:0}
.sx-check input:focus-visible+.box{outline:2px solid var(--sx-red);outline-offset:3px}
.sx-check:has(input:checked){border-color:var(--sx-red-line);background:var(--sx-red-ink)}
.sx-check a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.sx-check a:hover{text-decoration-color:var(--sx-red)}
.sx-check strong{color:#fff}
.sx-check.is-err{border-color:var(--sx-red);animation:sx-shake .35s}
@keyframes sx-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}

/* Auswahlkarten (Zahlung, Zeitslot, Betrag) */
.sx-choices{display:grid;gap:10px}
.sx-choice{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;min-height:64px;cursor:pointer;text-align:left;width:100%;
  background:var(--sx-raised);border:1px solid var(--sx-line);border-radius:var(--sx-r-s);color:var(--sx-bone);font:inherit;
  transition:border-color .2s,background .2s,transform .15s var(--sx-ease)}
.sx-choice:hover:not(:disabled){border-color:var(--sx-line-2);background:var(--sx-raised-2)}
.sx-choice .dot{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid #4a515c;display:grid;place-items:center;transition:all .2s}
.sx-choice .dot::after{content:'';width:8px;height:8px;border-radius:50%;background:#fff;transform:scale(0);transition:transform .25s var(--sx-ease)}
.sx-choice.is-on,.sx-choice:has(input:checked){border-color:var(--sx-red);background:linear-gradient(0deg,var(--sx-red-ink),var(--sx-red-ink)),var(--sx-raised);box-shadow:0 0 0 1px var(--sx-red) inset}
.sx-choice.is-on .dot,.sx-choice:has(input:checked) .dot{border-color:var(--sx-red);background:var(--sx-red)}
.sx-choice.is-on .dot::after,.sx-choice:has(input:checked) .dot::after{transform:scale(1)}
.sx-choice input{position:absolute;opacity:0;pointer-events:none}
.sx-choice:disabled{opacity:.42;cursor:not-allowed}
.sx-choice-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sx-choice-title{font-weight:650;font-size:15px;color:#fff}
.sx-choice-sub{font-size:13px;color:var(--sx-steel)}
.sx-choice-ico{flex:none;width:40px;height:40px;border-radius:var(--sx-r-s);display:grid;place-items:center;background:rgba(255,255,255,.04);color:var(--sx-bone)}
.sx-choice-ico svg{width:22px;height:22px}
.sx-choice-tag{flex:none;font-size:12px;font-weight:600;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--sx-steel)}
.sx-choice-tag.ok{background:var(--sx-ok-ink);color:var(--sx-ok)}
.sx-choice-tag.hot{background:var(--sx-red-ink);color:#ff7b72}

/* Mengenwahl */
.sx-qty{display:inline-flex;align-items:center;border:1px solid var(--sx-line-2);border-radius:var(--sx-r-s);background:var(--sx-raised);overflow:hidden}
.sx-qty button{width:54px;height:56px;border:0;background:transparent;color:#fff;font-size:24px;line-height:1;cursor:pointer;transition:background .15s,color .15s}
.sx-qty button:hover:not(:disabled){background:rgba(255,255,255,.06)}
.sx-qty button:disabled{color:#3a4049;cursor:not-allowed}
.sx-qty output{min-width:64px;text-align:center;font:400 34px/1 var(--sx-display);color:#fff;font-variant-numeric:tabular-nums;border-left:1px solid var(--sx-line);border-right:1px solid var(--sx-line);padding:11px 0 8px}

/* ═════════════ Flächen ═════════════ */
.sx-panel{background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,0) 40%),var(--sx-panel);
  border:1px solid var(--sx-line);border-radius:var(--sx-r-m);box-shadow:var(--sx-shadow)}
.sx-pad{padding:clamp(20px,3vw,32px)}
.sx-sec-title{display:flex;align-items:baseline;gap:12px;margin:0 0 18px;font-size:15px;font-weight:650;color:#fff}
.sx-sec-title small{font-size:13px;font-weight:400;color:var(--sx-steel)}

/* Hinweisboxen */
.sx-note{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:var(--sx-r-s);font-size:14px;line-height:1.6;
  border:1px solid var(--sx-line);background:rgba(255,255,255,.02);color:#c3c7cd}
.sx-note svg{flex:none;width:20px;height:20px;margin-top:1px}
.sx-note strong{color:#fff}
.sx-note--warn{border-color:rgba(245,177,61,.32);background:var(--sx-warn-ink)}
.sx-note--warn svg{color:var(--sx-warn)}
.sx-note--ok{border-color:rgba(61,220,132,.3);background:var(--sx-ok-ink)}
.sx-note--ok svg{color:var(--sx-ok)}
.sx-note--err{border-color:var(--sx-red-line);background:var(--sx-red-ink)}
.sx-note--err svg{color:var(--sx-red)}

/* Summen-Liste */
.sx-sum{display:flex;flex-direction:column;gap:0;margin:0}
.sx-sum-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;font-size:14px;color:var(--sx-steel)}
.sx-sum-row b{font-weight:550;color:var(--sx-bone);font-variant-numeric:tabular-nums;text-align:right}
.sx-sum-row.minus b{color:var(--sx-ok)}
.sx-sum-total{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:10px;padding-top:16px;border-top:1px dashed var(--sx-line-2)}
.sx-sum-total span{font-size:14px;color:var(--sx-steel);padding-bottom:6px}
.sx-sum-total strong{font:400 46px/0.9 var(--sx-display);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.sx-sum-fine{margin:10px 0 0;font-size:12px;color:var(--sx-dim);line-height:1.5}

/* Daten-Liste (Review-Seiten) */
.sx-dl{display:grid;grid-template-columns:auto 1fr;gap:0;margin:0}
.sx-dl dt,.sx-dl dd{padding:12px 0;border-top:1px solid var(--sx-line);margin:0;font-size:14.5px}
.sx-dl dt{color:var(--sx-steel);padding-right:24px}
.sx-dl dd{color:#fff;text-align:right;overflow-wrap:anywhere}
.sx-dl dt:first-of-type,.sx-dl dt:first-of-type+dd{border-top:0}
@media(max-width:520px){.sx-dl{grid-template-columns:1fr}.sx-dl dd{text-align:left;border-top:0;padding-top:0}.sx-dl dt{padding-bottom:4px}}

/* Vertrauens-Leiste */
.sx-trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0;padding:0;list-style:none}
.sx-trust li{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--sx-steel)}
.sx-trust svg{width:17px;height:17px;color:var(--sx-ok);flex:none}

/* Kopierbare Werte (IBAN usw.) */
.sx-copy{display:inline-flex;align-items:center;gap:8px;padding:4px 8px 4px 10px;margin:-4px -8px -4px 0;border:1px solid transparent;border-radius:var(--sx-r-s);
  background:transparent;color:inherit;font:inherit;cursor:pointer;transition:border-color .2s,background .2s}
.sx-copy:hover{border-color:var(--sx-line-2);background:rgba(255,255,255,.03)}
.sx-copy svg{width:15px;height:15px;color:var(--sx-steel)}
.sx-copy.is-done svg{color:var(--sx-ok)}
.sx-mono{font-family:'Share Tech Mono','SFMono-Regular',Consolas,monospace;letter-spacing:.06em}

/* Statusbadge */
.sx-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;
  background:rgba(255,255,255,.05);color:var(--sx-bone);border:1px solid var(--sx-line)}
.sx-badge i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:sx-ping 2s infinite}
.sx-badge.ok{color:var(--sx-ok);background:var(--sx-ok-ink);border-color:rgba(61,220,132,.25)}
.sx-badge.warn{color:var(--sx-warn);background:var(--sx-warn-ink);border-color:rgba(245,177,61,.25)}
.sx-badge.err{color:#ff7b72;background:var(--sx-red-ink);border-color:var(--sx-red-line)}
@keyframes sx-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 60%,transparent)}70%,100%{box-shadow:0 0 0 7px transparent}}

/* ═════════════ Fortschritt (Checkout-Schritte) ═════════════ */
.sx-steps{display:flex;gap:6px;list-style:none;margin:0;padding:0;counter-reset:s}
@media(max-width:520px){.sx-steps li{font-size:12px;line-height:1.3;min-width:0}}
.sx-steps li{flex:1;display:flex;flex-direction:column;gap:9px;font-size:13px;color:var(--sx-dim);font-weight:550;counter-increment:s}
.sx-steps li::before{content:'';height:3px;border-radius:2px;background:rgba(255,255,255,.08);transition:background .5s var(--sx-ease)}
.sx-steps li.is-done{color:var(--sx-steel)}
.sx-steps li.is-done::before{background:rgba(255,45,45,.55)}
.sx-steps li.is-now{color:#fff}
.sx-steps li.is-now::before{background:var(--sx-red);box-shadow:0 0 14px rgba(255,45,45,.6)}
.sx-steps li span::before{content:counter(s) '  ';color:inherit;opacity:.6;font-variant-numeric:tabular-nums}

/* ═════════════ Live-Ticket (Objekt) ═════════════ */
.sx-ticket{--notch:16px;position:relative;color:#fff;border-radius:14px;isolation:isolate;
  background:
    radial-gradient(120% 80% at 100% 0%,rgba(255,45,45,.24),transparent 55%),
    linear-gradient(160deg,#1b1f27 0%,#0f1217 60%,#0b0d11 100%);
  box-shadow:0 40px 80px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.07) inset;
  -webkit-mask:radial-gradient(circle var(--notch) at 0 var(--cut,68%),transparent 98%,#000) left/51% 100% no-repeat,
               radial-gradient(circle var(--notch) at 100% var(--cut,68%),transparent 98%,#000) right/51% 100% no-repeat;
          mask:radial-gradient(circle var(--notch) at 0 var(--cut,68%),transparent 98%,#000) left/51% 100% no-repeat,
               radial-gradient(circle var(--notch) at 100% var(--cut,68%),transparent 98%,#000) right/51% 100% no-repeat}
.sx-ticket-top{position:relative;padding:22px 24px 20px;min-height:0}
.sx-ticket-img{position:absolute;inset:0;z-index:-1;border-radius:14px 14px 0 0;overflow:hidden;opacity:.35}
.sx-ticket-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(.4) contrast(1.1)}
.sx-ticket-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,18,23,.3),#0f1217 92%)}
.sx-ticket-brand{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:var(--sx-steel);margin-bottom:26px}
.sx-ticket-brand b{font-family:var(--sx-display);font-size:18px;font-weight:400;letter-spacing:.06em;color:#fff}
.sx-ticket-brand b span{color:var(--sx-red)}
.sx-ticket-name{font:400 clamp(34px,3.2vw,42px)/.92 var(--sx-display);margin:0 0 16px;overflow-wrap:anywhere}
.sx-ticket-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.sx-ticket-meta div{min-width:0}
.sx-ticket-meta dt{font-size:11.5px;color:var(--sx-steel);margin:0 0 3px}
.sx-ticket-meta dd{margin:0;font-size:14px;font-weight:600;color:#fff;overflow-wrap:anywhere}
.sx-ticket-tear{position:relative;height:0;margin:0 var(--notch);border-top:2px dashed rgba(255,255,255,.14)}
.sx-ticket-stub{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px 20px}
.sx-ticket-holder{min-width:0}
.sx-ticket-holder small{display:block;font-size:11.5px;color:var(--sx-steel);margin-bottom:2px}
.sx-ticket-holder b{display:block;font-size:15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}
.sx-ticket-holder b.is-empty{color:#525a66;font-weight:500}
.sx-ticket-qty{flex:none;text-align:right}
.sx-ticket-qty small{display:block;font-size:11.5px;color:var(--sx-steel)}
.sx-ticket-qty b{font:400 34px/1 var(--sx-display);color:var(--sx-red);font-variant-numeric:tabular-nums}
.sx-ticket-bars{height:34px;margin:0 24px 20px;opacity:.55;
  background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 4px,#fff 4px 5px,transparent 5px 9px,#fff 9px 12px,transparent 12px 13px,#fff 13px 14px,transparent 14px 18px)}
.sx-ticket.is-bump{animation:sx-bump .45s var(--sx-ease)}
@keyframes sx-bump{40%{transform:translateY(-4px) rotate(-.4deg)}}

/* ═════════════ Fuß ═════════════ */
.sx-foot{border-top:1px solid var(--sx-line);padding:48px 0 40px;margin-top:40px;color:var(--sx-dim);font-size:13.5px}
.sx-foot-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:flex-start}
.sx-foot-brand{font-family:var(--sx-display);font-size:26px;letter-spacing:.06em;color:#fff;line-height:1}
.sx-foot-brand span{color:var(--sx-red)}
.sx-foot nav{display:flex;flex-wrap:wrap;gap:6px 22px}
.sx-foot nav a{color:var(--sx-steel);text-decoration:none}
.sx-foot nav a:hover{color:#fff}
.sx-foot-copy{margin-top:26px}

/* ═════════════ Toast ═════════════ */
.sx-toast{position:fixed;left:50%;bottom:28px;z-index:9500;transform:translate(-50%,30px);opacity:0;pointer-events:none;
  display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:var(--sx-r-s);background:#1b1f27;color:#fff;font-size:14px;font-weight:550;
  border:1px solid var(--sx-line-2);box-shadow:0 20px 60px -20px #000;transition:transform .35s var(--sx-ease),opacity .35s}
.sx-toast.is-on{transform:translate(-50%,0);opacity:1}
.sx-toast svg{width:18px;height:18px;color:var(--sx-ok)}
.sx-toast.err svg{color:var(--sx-red)}

/* ═════════════ Einblenden ═════════════ */
.sx-js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .8s var(--sx-ease),transform .8s var(--sx-ease)}
.sx-js [data-reveal].is-in{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
  .sx-page *,.sx-page *::before,.sx-page *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .sx-js [data-reveal]{opacity:1;transform:none}
}

/* ═════════════ Bestellübersicht & Bestätigung (bezahlen*, danke*) ═════════════ */
.sx-top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:16px clamp(16px,3vw,40px);border-bottom:1px solid var(--sx-line);background:rgba(6,7,9,.85);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.sx-top .nav-logo{font-family:var(--sx-display);font-size:24px;letter-spacing:.06em;color:#fff;text-decoration:none;line-height:1}
.sx-top .nav-logo span{color:var(--sx-red)}
.sx-secure{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sx-steel);white-space:nowrap}
@media(max-width:420px){.sx-secure{font-size:0;gap:0}.sx-secure svg{width:20px;height:20px}}
.sx-secure svg{width:16px;height:16px;color:var(--sx-ok)}

.rv{padding:48px 0 30px;position:relative}
.rv::before{content:'';position:absolute;inset:0 0 auto;height:420px;pointer-events:none;
  background:radial-gradient(50% 100% at 50% 0%,rgba(255,45,45,.09),transparent 70%)}
.rv-head{position:relative;margin-bottom:34px}
.rv-head .sx-steps{max-width:620px;margin-bottom:34px}
.rv-head h1{margin:0 0 10px}
.rv-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:start}
.rv-col{display:flex;flex-direction:column;gap:18px;min-width:0}
.rv-aside{position:sticky;top:92px;display:flex;flex-direction:column;gap:16px}
@media(max-width:960px){.rv-grid{display:flex;flex-direction:column;align-items:stretch;gap:18px}.rv-col{display:contents}.rv-aside{position:static;order:2}.rv-after{order:3}}

.rv-item{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:18px;align-items:center}
.rv-item-img{width:96px;height:96px;border-radius:var(--sx-r-s);overflow:hidden;background:radial-gradient(circle at 30% 30%,#3a0d10,#101216 70%)}
.rv-item-img img{width:100%;height:100%;object-fit:cover}
.rv-item h2{font:400 32px/.95 var(--sx-display);color:#fff;margin:0 0 6px;overflow-wrap:anywhere}
.rv-item p{margin:0;font-size:14px;color:var(--sx-steel)}
.rv-item-price{text-align:right}
.rv-item-price b{display:block;font:400 30px/1 var(--sx-display);color:#fff}
.rv-item-price small{font-size:12.5px;color:var(--sx-steel)}
@media(max-width:560px){.rv-item{grid-template-columns:72px minmax(0,1fr)}.rv-item-img{width:72px;height:72px}.rv-item-price{grid-column:1/-1;text-align:left;display:flex;align-items:baseline;gap:10px}}

.rv-edit{font-size:13px;color:var(--sx-steel);text-decoration:none;border-bottom:1px solid var(--sx-line-2)}
.rv-edit:hover{color:#fff;border-color:#fff}
.rv-panel-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 6px}
.rv-panel-h h3{margin:0;font-size:15px;font-weight:650;color:#fff}

.rv-steps-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;counter-reset:r}
.rv-steps-list li{display:grid;grid-template-columns:28px 1fr;gap:12px;font-size:14px;color:#c3c7cd;counter-increment:r}
.rv-steps-list li::before{content:counter(r);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff;background:var(--sx-raised-2);border:1px solid var(--sx-line-2)}
.rv-steps-list strong{color:#fff}

.rv-cancel{display:block;text-align:center;font-size:14px;color:var(--sx-steel);text-decoration:none;padding:6px}
.rv-cancel:hover{color:#fff}
.rv-hint{margin:2px 0 0;text-align:center;font-size:13px;color:var(--sx-steel)}
.rv-hint.err{color:#ff7b72}

/* Bestätigungsseite */
.ok-hero{position:relative;text-align:center;padding:70px 0 40px}
.ok-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 70% at 50% 10%,rgba(61,220,132,.10),transparent 70%)}
.ok-hero.pending::before{background:radial-gradient(40% 70% at 50% 10%,rgba(245,177,61,.10),transparent 70%)}
.ok-hero.bad::before{background:radial-gradient(40% 70% at 50% 10%,rgba(255,45,45,.12),transparent 70%)}
.ok-seal{position:relative;width:92px;height:92px;margin:0 auto 26px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle,rgba(61,220,132,.18),rgba(61,220,132,.04) 70%);border:1px solid rgba(61,220,132,.4);color:var(--sx-ok)}
.ok-seal svg{width:40px;height:40px;stroke-dasharray:30;stroke-dashoffset:30;animation:ok-draw .7s .35s var(--sx-ease) forwards}
.ok-seal::after{content:'';position:absolute;inset:-1px;border-radius:50%;border:1px solid currentColor;animation:ok-wave 1.6s .2s var(--sx-ease) both}
.pending .ok-seal{color:var(--sx-warn);border-color:rgba(245,177,61,.4);background:radial-gradient(circle,rgba(245,177,61,.16),rgba(245,177,61,.03) 70%)}
.bad .ok-seal{color:var(--sx-red);border-color:var(--sx-red-line);background:radial-gradient(circle,rgba(255,45,45,.16),rgba(255,45,45,.03) 70%)}
@keyframes ok-draw{to{stroke-dashoffset:0}}
@keyframes ok-wave{from{transform:scale(1);opacity:.9}to{transform:scale(1.9);opacity:0}}
.ok-hero h1{margin:0 auto 14px;max-width:14ch}
.ok-hero .sx-lead{margin:0 auto}
.ok-ref{display:inline-flex;align-items:center;gap:12px;margin-top:26px;padding:10px 12px 10px 16px;border-radius:var(--sx-r-s);border:1px solid var(--sx-line-2);background:var(--sx-panel)}
.ok-ref small{font-size:12.5px;color:var(--sx-steel)}
.ok-ref b{font-family:'Share Tech Mono',monospace;font-size:17px;letter-spacing:.08em;color:#fff;font-weight:400}

.ok-timeline{list-style:none;margin:0;padding:0;position:relative}
.ok-timeline li{position:relative;display:grid;grid-template-columns:30px 1fr;gap:14px;padding-bottom:22px}
.ok-timeline li:last-child{padding-bottom:0}
.ok-timeline li::before{content:'';position:absolute;left:14px;top:30px;bottom:0;width:2px;background:var(--sx-line)}
.ok-timeline li:last-child::before{display:none}
.ok-timeline i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--sx-raised-2);border:1px solid var(--sx-line-2);color:var(--sx-dim)}
.ok-timeline i svg{width:14px;height:14px}
.ok-timeline .done i{background:var(--sx-ok-ink);border-color:rgba(61,220,132,.45);color:var(--sx-ok)}
.ok-timeline .now i{background:var(--sx-warn-ink);border-color:rgba(245,177,61,.5);color:var(--sx-warn)}
.ok-timeline .done::before{background:rgba(61,220,132,.35)}
.ok-timeline b{display:block;font-size:15px;color:#fff;font-weight:650;margin-top:3px}
.ok-timeline span{font-size:14px;color:var(--sx-steel)}
.ok-actions{display:flex;flex-wrap:wrap;gap:12px}
.ok-actions .sx-btn{flex:1;min-width:200px}

/* ═════════════ Gutscheinkarte (Objekt) ═════════════ */
.gc{container-type:inline-size;--rx:0deg;--ry:0deg;--mx:50%;--my:30%;position:relative;width:100%;max-width:520px;aspect-ratio:1.586;perspective:1400px}
.gc-card{position:absolute;inset:0;border-radius:20px;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;
  transition:transform .5s var(--sx-ease);overflow:hidden;isolation:isolate;color:#fff;
  background:
    radial-gradient(120% 90% at var(--mx) var(--my),rgba(255,255,255,.13),transparent 45%),
    repeating-linear-gradient(115deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px),
    linear-gradient(135deg,#22262e 0%,#121419 45%,#0a0b0e 100%);
  box-shadow:0 60px 110px -40px rgba(0,0,0,1),0 30px 60px -30px rgba(255,45,45,.25),inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px rgba(255,255,255,.07)}
.gc.is-live .gc-card{transition:transform .12s linear}
.gc-band{position:absolute;inset:-20% -10% auto auto;width:62%;height:160%;transform:rotate(18deg);z-index:-1;
  background:linear-gradient(90deg,rgba(255,45,45,0),rgba(255,45,45,.85) 30%,#b3121a 70%,rgba(179,18,26,0));opacity:.9}
.gc-band::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 2px,transparent 2px 6px)}
.gc-sheen{position:absolute;inset:0;z-index:3;pointer-events:none;mix-blend-mode:screen;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.16) 45%,transparent 60%);background-size:250% 100%;background-position:var(--sx,80%) 0}
.gc-in{position:absolute;inset:0;padding:5.5cqw 6cqw;display:flex;flex-direction:column}
.gc-top{display:flex;justify-content:space-between;align-items:flex-start}
.gc-logo{font:400 6cqw/1 var(--sx-display);letter-spacing:.06em}
.gc-logo span{color:var(--sx-red)}
.gc-logo small{display:block;font:600 1.9cqw/1 var(--sx-body);letter-spacing:.32em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-top:5px}
.gc-mark{width:9cqw;height:9cqw;color:rgba(255,255,255,.85)}
.gc-amount{margin-top:auto;font:400 22cqw/.82 var(--sx-display);letter-spacing:.01em;
  background:linear-gradient(180deg,#fff 30%,#bfc4cc 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.6)) drop-shadow(0 12px 22px rgba(0,0,0,.55));font-variant-numeric:tabular-nums}
.gc-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:2cqw;margin-top:2cqw}
.gc-label{font-size:2.5cqw;color:rgba(255,255,255,.75);line-height:1.4}
.gc-label b{display:block;color:#fff;font-weight:650;font-size:2.9cqw}
.gc-code{font-family:'Share Tech Mono',monospace;font-size:2.4cqw;letter-spacing:.14em;color:rgba(255,255,255,.55);white-space:nowrap}
.gc.bump .gc-card{animation:gc-bump .5s var(--sx-ease)}
@keyframes gc-bump{40%{transform:rotateX(var(--rx)) rotateY(var(--ry)) translateY(-6px) scale(1.015)}}
.gc-shadow{position:absolute;left:8%;right:8%;bottom:-36px;height:40px;border-radius:50%;background:rgba(255,45,45,.22);filter:blur(30px);z-index:-1}


/* ── Metallkarten-Veredelung: Guilloche-Gravur + Hologramm-Siegel ── */
.gc-band{z-index:-2}
.gc-card::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.26;mix-blend-mode:overlay;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 316' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='white' stroke-width='.6' opacity='.55'%3E%3Cpath d='M0,40.0 L8,44.7 L16,48.1 L24,49.2 L32,48.4 L40,46.8 L48,45.8 L56,46.2 L64,48.1 L72,50.5 L80,51.9 L88,51.3 L96,48.3 L104,43.8 L112,39.2 L120,35.9 L128,34.5 L136,35.0 L144,36.0 L152,36.2 L160,34.9 L168,32.1 L176,28.9 L184,26.7 L192,26.6 L200,29.0 L208,33.0 L216,37.2 L224,40.2 L232,41.4 L240,41.0 L248,40.3 L256,40.5 L264,42.5 L272,46.1 L280,50.1 L288,53.1 L296,53.9 L304,52.3 L312,49.0 L320,45.5 L328,43.1 L336,42.4 L344,43.1 L352,43.8 L360,43.4 L368,41.0 L376,36.9 L384,32.3 L392,28.7 L400,27.2 L408,28.0 L416,30.5 L424,33.1 L432,34.7 L440,34.6 L448,33.4 L456,32.3 L464,32.6 L472,35.0 L480,39.3 L488,44.2 L496,48.3'/%3E%3Cpath d='M0,58.1 L8,61.4 L16,62.5 L24,61.6 L32,59.9 L40,58.7 L48,58.9 L56,60.5 L64,62.4 L72,63.3 L80,62.0 L88,58.5 L96,53.5 L104,48.4 L112,44.9 L120,43.4 L128,43.7 L136,44.7 L144,44.9 L152,43.7 L160,41.1 L168,38.2 L176,36.4 L184,37.0 L192,39.9 L200,44.4 L208,49.1 L216,52.5 L224,54.0 L232,53.9 L240,53.4 L248,53.9 L256,56.0 L264,59.6 L272,63.4 L280,66.1 L288,66.4 L296,64.3 L304,60.5 L312,56.6 L320,53.8 L328,52.7 L336,52.9 L344,53.2 L352,52.4 L360,49.7 L368,45.4 L376,40.8 L384,37.3 L392,36.1 L400,37.3 L408,40.1 L416,43.1 L424,45.1 L432,45.4 L440,44.7 L448,44.1 L456,44.9 L464,47.8 L472,52.5 L480,57.6 L488,61.7 L496,63.7'/%3E%3Cpath d='M0,75.1 L8,76.0 L16,74.9 L24,72.9 L32,71.4 L40,71.2 L48,72.3 L56,73.7 L64,74.0 L72,72.1 L80,68.0 L88,62.5 L96,57.2 L104,53.4 L112,51.9 L120,52.2 L128,53.2 L136,53.6 L144,52.5 L152,50.3 L160,47.8 L168,46.7 L176,47.8 L184,51.4 L192,56.5 L200,61.6 L208,65.3 L216,67.1 L224,67.2 L232,66.9 L240,67.5 L248,69.6 L256,73.0 L264,76.6 L272,78.8 L280,78.6 L288,75.8 L296,71.5 L304,67.1 L312,63.8 L320,62.3 L328,62.1 L336,62.1 L344,60.9 L352,58.0 L360,53.7 L368,49.1 L376,45.9 L384,45.1 L392,46.8 L400,50.1 L408,53.6 L416,56.0 L424,56.8 L432,56.6 L440,56.5 L448,57.8 L456,61.2 L464,66.1 L472,71.3 L480,75.4 L488,77.1 L496,76.5'/%3E%3Cpath d='M0,89.5 L8,88.0 L16,85.6 L24,83.6 L32,83.0 L40,83.6 L48,84.4 L56,84.0 L64,81.5 L72,76.8 L80,71.0 L88,65.4 L96,61.6 L104,60.1 L112,60.6 L120,61.8 L128,62.4 L136,61.7 L144,59.9 L152,58.0 L160,57.5 L168,59.4 L176,63.6 L184,69.2 L192,74.8 L200,78.8 L208,80.7 L216,80.9 L224,80.7 L232,81.2 L240,83.2 L248,86.3 L256,89.4 L264,91.0 L272,90.2 L280,86.8 L288,81.9 L296,76.9 L304,73.2 L312,71.3 L320,70.8 L328,70.5 L336,69.1 L344,66.1 L352,61.8 L360,57.5 L368,54.7 L376,54.4 L384,56.7 L392,60.6 L400,64.6 L408,67.6 L416,68.9 L424,69.1 L432,69.5 L440,71.3 L448,74.9 L456,80.1 L464,85.3 L472,89.1 L480,90.6 L488,89.5 L496,86.8'/%3E%3Cpath d='M0,100.8 L8,97.8 L16,95.4 L24,94.2 L32,94.2 L40,94.4 L48,93.4 L56,90.3 L64,85.1 L72,78.9 L80,73.3 L88,69.5 L96,68.2 L104,69.0 L112,70.5 L120,71.5 L128,71.3 L136,70.0 L144,68.8 L152,69.0 L160,71.6 L168,76.5 L176,82.6 L184,88.5 L192,92.7 L200,94.6 L208,94.9 L216,94.5 L224,94.9 L232,96.6 L240,99.3 L248,101.8 L256,102.8 L264,101.2 L272,97.1 L280,91.5 L288,86.0 L296,81.9 L304,79.7 L312,79.0 L320,78.5 L328,77.1 L336,74.1 L344,70.0 L352,66.1 L360,63.9 L368,64.2 L376,67.2 L384,71.7 L392,76.4 L400,79.8 L408,81.6 L416,82.3 L424,83.1 L432,85.2 L440,89.1 L448,94.2 L456,99.3 L464,102.8 L472,103.8 L480,102.1 L488,98.9 L496,95.5'/%3E%3Cpath d='M0,109.6 L8,106.5 L16,104.7 L24,104.1 L32,103.7 L40,102.0 L48,98.4 L56,92.9 L64,86.5 L72,80.9 L80,77.3 L88,76.4 L96,77.6 L104,79.6 L112,81.1 L120,81.4 L128,80.8 L136,80.3 L144,81.2 L152,84.5 L160,90.0 L168,96.6 L176,102.7 L184,107.0 L192,108.9 L200,108.9 L208,108.3 L216,108.4 L224,109.7 L232,111.8 L240,113.7 L248,113.9 L256,111.5 L264,106.7 L272,100.5 L280,94.5 L288,90.1 L296,87.7 L304,86.8 L312,86.3 L320,84.9 L328,82.1 L336,78.4 L344,75.0 L352,73.5 L360,74.6 L368,78.3 L376,83.6 L384,88.8 L392,92.8 L400,95.0 L408,96.1 L416,97.2 L424,99.5 L432,103.5 L440,108.5 L448,113.3 L456,116.3 L464,116.6 L472,114.3 L480,110.4 L488,106.4 L496,103.4'/%3E%3Cpath d='M0,116.9 L8,114.5 L16,113.3 L24,112.2 L32,110.1 L40,106.0 L48,100.3 L56,93.8 L64,88.4 L72,85.2 L80,84.8 L88,86.5 L96,89.1 L104,91.3 L112,92.2 L120,92.3 L128,92.5 L136,94.2 L144,98.1 L152,104.1 L160,111.0 L168,117.3 L176,121.5 L184,123.2 L192,122.9 L200,121.9 L208,121.5 L216,122.3 L224,123.8 L232,124.9 L240,124.2 L248,121.0 L256,115.5 L264,108.7 L272,102.3 L280,97.7 L288,95.3 L296,94.4 L304,94.0 L312,92.8 L320,90.4 L328,87.2 L336,84.5 L344,83.7 L352,85.6 L360,90.2 L368,96.1 L376,102.0 L384,106.4 L392,109.0 L400,110.3 L408,111.6 L416,114.0 L424,117.9 L432,122.7 L440,127.0 L448,129.4 L456,129.0 L464,125.9 L472,121.2 L480,116.5 L488,112.9 L496,110.9'/%3E%3Cpath d='M0,123.5 L8,121.7 L16,120.2 L24,117.6 L32,113.2 L40,107.3 L48,101.0 L56,95.9 L64,93.3 L72,93.5 L80,95.9 L88,99.3 L96,102.1 L104,103.8 L112,104.6 L120,105.5 L128,107.9 L136,112.4 L144,118.8 L152,125.9 L160,132.1 L168,136.1 L176,137.4 L184,136.7 L192,135.2 L200,134.2 L208,134.2 L216,135.0 L224,135.3 L232,133.8 L240,129.8 L248,123.6 L256,116.3 L264,109.7 L272,105.0 L280,102.6 L288,101.9 L296,101.8 L304,101.0 L312,99.0 L320,96.5 L328,94.5 L336,94.6 L344,97.4 L352,102.8 L360,109.5 L368,115.8 L376,120.6 L384,123.5 L392,125.0 L400,126.3 L408,128.7 L416,132.3 L424,136.7 L432,140.4 L440,142.0 L448,140.7 L456,136.7 L464,131.3 L472,125.9 L480,121.7 L488,119.1 L496,117.5'/%3E%3Cpath d='M0,129.5 L8,127.5 L16,124.6 L24,120.1 L32,114.3 L40,108.3 L48,103.7 L56,101.7 L64,102.7 L72,106.0 L80,110.1 L88,113.8 L96,116.2 L104,117.6 L112,119.2 L120,122.2 L128,127.2 L136,133.9 L144,141.1 L152,147.1 L160,150.7 L168,151.4 L176,150.1 L184,147.9 L192,146.2 L200,145.5 L208,145.4 L216,144.9 L224,142.6 L232,137.9 L240,131.0 L248,123.4 L256,116.6 L264,111.9 L272,109.8 L280,109.5 L288,109.8 L296,109.5 L304,108.2 L312,106.4 L320,105.3 L328,106.3 L336,110.1 L344,116.2 L352,123.6 L360,130.4 L368,135.4 L376,138.4 L384,139.9 L392,141.1 L400,143.2 L408,146.4 L416,150.2 L424,153.2 L432,153.9 L440,151.7 L448,146.8 L456,140.5 L464,134.4 L472,129.7 L480,126.7 L488,124.8 L496,122.6'/%3E%3Cpath d='M0,134.4 L8,131.4 L16,126.9 L24,121.3 L32,115.8 L40,111.8 L48,110.7 L56,112.6 L64,116.8 L72,121.8 L80,126.2 L88,129.4 L96,131.5 L104,133.7 L112,137.2 L120,142.5 L128,149.4 L136,156.4 L144,162.0 L152,165.0 L160,165.1 L168,162.9 L176,159.9 L184,157.4 L192,155.9 L200,155.0 L208,153.7 L216,150.6 L224,145.2 L232,137.9 L240,130.0 L248,123.3 L256,118.8 L264,117.1 L272,117.3 L280,118.2 L288,118.6 L296,118.0 L304,117.1 L312,116.9 L320,118.9 L328,123.5 L336,130.5 L344,138.3 L352,145.5 L360,150.7 L368,153.6 L376,154.9 L384,155.8 L392,157.5 L400,160.1 L408,163.2 L416,165.3 L424,165.0 L432,161.8 L440,156.0 L448,148.9 L456,142.2 L464,137.1 L472,133.8 L480,131.6 L488,129.4 L496,126.1'/%3E%3Cpath d='M0,138.0 L8,133.7 L16,128.5 L24,123.6 L32,120.5 L40,120.4 L48,123.3 L56,128.5 L64,134.4 L72,139.6 L80,143.4 L88,146.1 L96,148.8 L104,152.6 L112,158.1 L120,164.9 L128,171.6 L136,176.7 L144,179.0 L152,178.1 L160,175.1 L168,171.2 L176,167.8 L184,165.4 L192,163.8 L200,161.6 L208,157.8 L216,151.9 L224,144.3 L232,136.4 L240,129.8 L248,125.8 L256,124.6 L264,125.5 L272,127.2 L280,128.4 L288,128.7 L296,128.6 L304,129.5 L312,132.3 L320,137.8 L328,145.4 L336,153.7 L344,161.0 L352,166.2 L360,168.9 L368,169.8 L376,170.3 L384,171.3 L392,173.3 L400,175.5 L408,176.6 L416,175.3 L424,171.0 L432,164.4 L440,156.6 L448,149.3 L456,143.9 L464,140.4 L472,138.2 L480,136.1 L488,133.1 L496,129.0'/%3E%3Cpath d='M0,140.7 L8,136.1 L16,132.1 L24,129.9 L32,130.9 L40,134.9 L48,141.1 L56,147.8 L64,153.8 L72,158.2 L80,161.4 L88,164.4 L96,168.4 L104,173.9 L112,180.4 L120,186.6 L128,191.0 L136,192.3 L144,190.5 L152,186.4 L160,181.6 L168,177.3 L176,174.1 L184,171.6 L192,168.8 L200,164.4 L208,158.1 L216,150.4 L224,142.6 L232,136.4 L240,133.0 L248,132.6 L256,134.3 L264,136.9 L272,139.0 L280,140.2 L288,141.1 L296,142.9 L304,146.6 L312,152.9 L320,161.0 L328,169.5 L336,176.9 L344,181.8 L352,184.1 L360,184.5 L368,184.3 L376,184.6 L384,185.7 L392,186.9 L400,187.0 L408,184.6 L416,179.4 L424,171.8 L432,163.4 L440,155.8 L448,150.2 L456,146.7 L464,144.7 L472,142.9 L480,140.3 L488,136.8 L496,133.3'/%3E%3Cpath d='M0,144.3 L8,141.2 L16,140.2 L24,142.3 L32,147.4 L40,154.6 L48,162.2 L56,168.8 L64,173.6 L72,177.2 L80,180.4 L88,184.4 L96,189.6 L104,195.7 L112,201.2 L120,204.6 L128,204.9 L136,202.0 L144,196.8 L152,191.0 L160,185.8 L168,181.8 L176,178.7 L184,175.3 L192,170.5 L200,164.0 L208,156.3 L216,148.8 L224,143.2 L232,140.6 L240,141.2 L248,143.9 L256,147.4 L264,150.5 L272,152.7 L280,154.5 L288,157.2 L296,161.7 L304,168.6 L312,177.1 L320,185.7 L328,192.9 L336,197.4 L344,199.0 L352,198.7 L360,197.7 L368,197.1 L376,197.2 L384,197.4 L392,196.4 L400,193.0 L408,186.8 L416,178.6 L424,169.6 L432,161.8 L440,156.2 L448,152.9 L456,151.2 L464,149.9 L472,148.0 L480,145.3 L488,142.7 L496,141.5'/%3E%3Cpath d='M0,151.2 L8,151.4 L16,154.7 L24,161.0 L32,169.1 L40,177.4 L48,184.5 L56,189.7 L64,193.3 L72,196.5 L80,200.3 L88,205.2 L96,210.6 L104,215.2 L112,217.5 L120,216.6 L128,212.5 L136,206.2 L144,199.4 L152,193.4 L160,188.7 L168,185.0 L176,181.2 L184,176.2 L192,169.7 L200,162.2 L208,155.3 L216,150.5 L224,148.9 L232,150.5 L240,154.4 L248,158.9 L256,163.0 L264,166.2 L272,168.9 L280,172.3 L288,177.5 L296,184.8 L304,193.5 L312,202.1 L320,208.8 L328,212.6 L336,213.5 L344,212.3 L352,210.3 L360,208.7 L368,207.8 L376,206.9 L384,204.8 L392,200.5 L400,193.5 L408,184.6 L416,175.3 L424,167.4 L432,162.0 L440,159.2 L448,158.1 L456,157.5 L464,156.4 L472,154.6 L480,153.1 L488,153.1 L496,155.7'/%3E%3Cpath d='M0,163.6 L8,168.1 L16,175.5 L24,184.5 L32,193.4 L40,200.9 L48,206.2 L56,209.7 L64,212.7 L72,216.0 L80,220.2 L88,224.8 L96,228.4 L104,229.5 L112,227.4 L120,222.0 L128,214.6 L136,206.9 L144,200.1 L152,194.9 L160,190.8 L168,186.7 L176,181.7 L184,175.4 L192,168.4 L200,162.2 L208,158.4 L216,158.0 L224,160.8 L232,165.8 L240,171.5 L248,176.6 L256,180.6 L264,184.1 L272,188.2 L280,193.9 L288,201.5 L296,210.1 L304,218.4 L312,224.5 L320,227.5 L328,227.3 L336,225.0 L344,222.0 L352,219.3 L360,217.4 L368,215.4 L376,212.3 L384,207.0 L392,199.3 L400,190.0 L408,180.6 L416,172.9 L424,167.9 L432,165.7 L440,165.4 L448,165.6 L456,165.5 L464,164.8 L472,164.4 L480,165.6 L488,169.4 L496,176.2'/%3E%3Cpath d='M0,182.6 L8,190.9 L16,200.6 L24,210.0 L32,217.6 L40,222.9 L48,226.2 L56,228.6 L64,231.3 L72,234.7 L80,238.3 L88,240.6 L96,240.5 L104,237.0 L112,230.4 L120,222.0 L128,213.4 L136,206.0 L144,200.4 L152,196.1 L160,192.0 L168,187.2 L176,181.3 L184,175.0 L192,169.8 L200,167.2 L208,168.0 L216,172.1 L224,178.3 L232,185.1 L240,191.1 L248,196.0 L256,200.1 L264,204.8 L272,210.8 L280,218.4 L288,226.8 L296,234.4 L304,239.7 L312,241.7 L320,240.4 L328,236.9 L336,232.7 L344,228.9 L352,225.8 L360,222.9 L368,218.9 L376,212.8 L384,204.6 L392,195.0 L400,185.8 L408,178.4 L416,174.1 L424,172.7 L432,173.3 L440,174.6 L448,175.6 L456,176.1 L464,176.9 L472,179.2 L480,184.2 L488,191.9 L496,201.5'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat}
.gc-card::after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.10),transparent 18%,transparent 82%,rgba(0,0,0,.35))}
.gc-mark{box-sizing:border-box;padding:1.4cqw;border-radius:50%;color:rgba(20,20,24,.85);
  background:conic-gradient(from calc(var(--ry,0deg) * 12),#ff9a9a,#ffe39a,#9affcf,#9adfff,#c99aff,#ff9a9a);
  box-shadow:0 0 0 1px rgba(255,255,255,.35) inset,0 4px 14px rgba(0,0,0,.45);filter:saturate(.75) brightness(1.05)}
.gc-amount{letter-spacing:.005em}
.gc-code{color:rgba(255,255,255,.62)}

/* ═════ Handy: Checkout-Fokus ═════ */
.rv-mbar{display:none}
@media(max-width:760px){
  body:has(#finalForm) .dz-social-fab,body:has(#finalForm) .dzc-reopen,body:has(#finalForm) .dz-social-backdrop{display:none!important}
  .rv-mbar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:6100;display:flex;align-items:center;gap:12px;
    padding:10px 10px 10px 16px;border-radius:16px;background:rgba(14,16,21,.92);border:1px solid rgba(255,255,255,.12);
    -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);box-shadow:0 20px 50px -10px rgba(0,0,0,.9);
    transform:translateY(150%);transition:transform .5s var(--sx-ease)}
  .rv-mbar.is-on{transform:none}
  .rv-mbar-t{flex:1;line-height:1.1}
  .rv-mbar-t small{display:block;font-size:12px;color:var(--sx-steel)}
  .rv-mbar-t b{font:400 30px/1 var(--sx-display);color:#fff}
  .rv-mbar .sx-btn{--h:48px;padding:0 20px;font-size:14.5px}
  #finalForm{scroll-margin-bottom:30px}
  #finalForm .sx-btn--lg{--h:58px;font-size:16px;border-radius:14px}
  .sx-check.is-pulse{animation:sx-pulse 1.2s var(--sx-ease)}
  @keyframes sx-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,45,45,0)}30%{box-shadow:0 0 0 4px rgba(255,45,45,.55)}}
}
/* kein blauer System-Blitz beim Antippen */
.sx-page,.sx-page *{-webkit-tap-highlight-color:transparent}

/* Lange Button-Texte im Abschluss (z. B. PayPal) dürfen umbrechen statt abgeschnitten zu werden */
#finalForm .sx-btn{height:auto;min-height:var(--h);padding:14px 22px;white-space:normal;line-height:1.25;text-align:center;overflow:visible}
#finalForm .sx-btn span{display:block}
@media(max-width:760px){#finalForm .sx-btn{font-size:15px;padding:13px 16px}}