/* Website v2 (paytix-website-v2 prototype, converted). Generated from the prototype's style.css:
   every rule is scoped under .w2; html/body rules only apply on website pages (html.w2-html).
   Tokens also apply to the .w2 header/footer on framed legacy pages (html.w2-frame). */

/* Tailwind preflight is global in this app: roll it back inside .w2 */
.w2 :where(*),.w2 :where(*)::before,.w2 :where(*)::after{border-width:revert;border-style:revert;border-color:revert}
.w2 :where(img,svg,video,canvas,audio,iframe,embed,object){display:revert;vertical-align:revert}
.w2 :where(img,video){height:revert}
.w2 :where(h1,h2,h3,h4,h5,h6){font-size:revert;font-weight:revert}
.w2 :where(ol,ul){list-style:revert}
.w2 :where(a){color:revert;text-decoration:revert}
.w2 :where(button,input,optgroup,select,textarea){font-family:revert;font-size:revert;line-height:revert;color:revert}
.w2 :where(button,[type=button],[type=reset],[type=submit]){-webkit-appearance:revert;background-color:revert;background-image:revert}
.w2 :where(button):focus{outline:revert}
.w2 :where(table){border-collapse:revert;text-indent:revert;border-color:revert}
.w2 :where(hr){height:revert;color:revert;border-top-width:revert}
.w2 :where(code,kbd,samp,pre){font-family:revert;font-size:revert}
.w2 :where(input,textarea)::placeholder{color:revert;opacity:revert}
.w2 :where(textarea){resize:revert}
.w2 :where(button,[role=button]){cursor:revert}
/* translated text next to icons: the wrapper must not add a box */
.w2 .w2-t{display:contents}
/* theme.css clips html; the prototype clips body instead */
html.w2-html{overflow-x:visible}

html.w2-html,.w2-frame .w2{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html.w2-html{scroll-padding-top:env(safe-area-inset-top,0px)}.w2-html body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}.w2 img{max-width:100%}.w2 [hidden]:not([hidden=until-found i]){display:none!important}

/* Layout: eine 1280px-Spalte. Zentrierter Einstieg mit Ticket-Fotostreifen, danach linksbündige Abschnitte aus
   festen Flächen (Bento). Monochrom wie die paytix-App; Farbe nur als Signal für die sechs Funktionsbereiche. */
html.w2-html,.w2-frame .w2{
  --bg:#060607;--surface:#1c1c1e;--surface-2:#2c2c2e;--surface-3:#3a3a3c;
  --line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.16);
  --text:#fff;--text-2:#8e8e93;--text-3:#636366;--text-4:#48484a;
  --inv:#fff;--inv-fg:#000;--veil:rgba(0,0,0,.6);
  --green:#30d158;--green-dim:rgba(48,209,88,.14);--green-ink:#5ee08a;
  --red:#ff453a;--red-dim:rgba(255,69,58,.14);--red-ink:#ff8a80;
  --shadow:0 24px 60px -24px rgba(0,0,0,.9),0 0 0 1px var(--line);
  --win-shadow:0 0 0 1px var(--line),0 30px 60px -30px rgba(0,0,0,.8);
  --logo-filter:none;
  /* Funktionsfarben: Tinte + gedämpfte Fläche, nur für Icon-Kacheln und Häkchen */
  --tv:#aea8ff;--tv-d:rgba(117,105,254,.22);
  --mk:#ff8a80;--mk-d:rgba(255,69,58,.17);
  --dc:#6fdcec;--dc-d:rgba(40,200,230,.17);
  --in:#ffe066;--in-d:rgba(255,214,10,.14);
  --fi:#ffffff;--fi-d:rgba(255,255,255,.12);
  --km:#82c3ff;--km-d:rgba(33,139,245,.22);
  --el:#62e3b4;--el-d:rgba(79,217,172,.17);
  --font:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-logo:'Comfortaa','Varela Round','Nunito',ui-rounded,sans-serif;
  --maxw:1280px;--gutter:16px;--hdr:64px;
  color-scheme:dark;
}
@media (prefers-color-scheme:light){html.w2-html:not([data-w2-theme="dark"]),.w2-frame:not([data-w2-theme="dark"]) .w2{
  --bg:#f2f2f7;--surface:#fff;--surface-2:#e9e9ee;--surface-3:#d8d8de;
  --line:rgba(0,0,0,.08);--line-2:rgba(0,0,0,.15);
  --text:#000;--text-2:#6c6c70;--text-3:#8e8e93;--text-4:#b4b4b9;
  --inv:#000;--inv-fg:#fff;--veil:rgba(0,0,0,.32);
  --green:#1f9d4a;--green-dim:rgba(31,157,74,.12);--green-ink:#167a39;
  --red:#d70015;--red-dim:rgba(215,0,21,.1);--red-ink:#b0000f;
  --shadow:0 24px 60px -24px rgba(0,0,0,.25),0 0 0 1px var(--line);
  --win-shadow:0 0 0 1px var(--line),0 24px 50px -30px rgba(0,0,0,.3);
  --logo-filter:invert(1);
  --tv:#4b3fe0;--tv-d:rgba(117,105,254,.15);
  --mk:#c4161c;--mk-d:rgba(215,0,21,.1);
  --dc:#0b6e80;--dc-d:rgba(14,150,175,.13);
  --in:#7a5c00;--in-d:rgba(181,137,0,.16);
  --fi:#000;--fi-d:rgba(0,0,0,.07);
  --km:#0b5fc0;--km-d:rgba(33,139,245,.13);
  --el:#0f7a55;--el-d:rgba(31,157,110,.14);
  color-scheme:light;
}}
html.w2-html[data-w2-theme="light"],.w2-frame[data-w2-theme="light"] .w2,.w2-frame.w2-legacy .w2{
  --bg:#f2f2f7;--surface:#fff;--surface-2:#e9e9ee;--surface-3:#d8d8de;
  --line:rgba(0,0,0,.08);--line-2:rgba(0,0,0,.15);
  --text:#000;--text-2:#6c6c70;--text-3:#8e8e93;--text-4:#b4b4b9;
  --inv:#000;--inv-fg:#fff;--veil:rgba(0,0,0,.32);
  --green:#1f9d4a;--green-dim:rgba(31,157,74,.12);--green-ink:#167a39;
  --red:#d70015;--red-dim:rgba(215,0,21,.1);--red-ink:#b0000f;
  --shadow:0 24px 60px -24px rgba(0,0,0,.25),0 0 0 1px var(--line);
  --win-shadow:0 0 0 1px var(--line),0 24px 50px -30px rgba(0,0,0,.3);
  --logo-filter:invert(1);
  --tv:#4b3fe0;--tv-d:rgba(117,105,254,.15);
  --mk:#c4161c;--mk-d:rgba(215,0,21,.1);
  --dc:#0b6e80;--dc-d:rgba(14,150,175,.13);
  --in:#7a5c00;--in-d:rgba(181,137,0,.16);
  --fi:#000;--fi-d:rgba(0,0,0,.07);
  --km:#0b5fc0;--km-d:rgba(33,139,245,.13);
  --el:#0f7a55;--el-d:rgba(31,157,110,.14);
  color-scheme:light;
}
@media (min-width:900px){html.w2-html,.w2-frame .w2{--gutter:32px;--hdr:68px}}

/* ===== Basis ===== */
.w2 *{box-sizing:border-box;margin:0;padding:0}
.w2 [hidden]{display:none!important}
html.w2-html{background:var(--bg);scroll-padding-top:calc(var(--hdr) + 20px)}
.w2-html body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;min-height:100vh;overflow-x:clip;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.w2-html body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg)}
.w2 a{color:inherit;text-decoration:none}
.w2 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.w2 img{display:block;max-width:100%}
.w2 ul{list-style:none}
.w2 :focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:8px}
.w2 .i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-.125em}
.w2 .wrap{width:100%;max-width:var(--maxw);margin:0 auto;
  padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}
.w2 .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.w2 h1,.w2 h2,.w2 h3{line-height:1.12;letter-spacing:-.025em;text-wrap:balance}
.w2 p{text-wrap:pretty}
.w2 .logo{font-family:var(--font-logo);font-weight:700;font-size:24px;letter-spacing:-.01em;line-height:1;white-space:nowrap}
.w2 .ly{margin-right:2px}
.w2 .bw{font-family:var(--font-logo);font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.w2 .num{font-variant-numeric:tabular-nums}
.w2 .link{color:var(--text);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--text-3)}
.w2 .link:hover{text-decoration-color:currentColor}
@media (prefers-reduced-motion:reduce){.w2 *,.w2 *::before,.w2 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ===== Knöpfe ===== */
.w2 .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;height:42px;padding:0 16px;border-radius:12px;
  font-size:14px;font-weight:700;background:var(--surface-2);color:var(--text);
  transition:background-color .2s,opacity .2s,transform .2s cubic-bezier(.2,.7,.3,1)}
.w2 .btn:hover{background:var(--surface-3)}
.w2 .btn:active{transform:scale(.97)}
.w2 .btn .i{font-size:16px;stroke-width:2.4}
.w2 .btn.pri{background:var(--inv);color:var(--inv-fg)}
.w2 .btn.pri:hover{opacity:.86}
.w2 .btn.s1{background:var(--surface)}
.w2 .btn.s1:hover{background:var(--surface-2)}
.w2 .btn.lg{height:52px;padding:0 22px;font-size:16px;border-radius:14px}
.w2 .ibtn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--text);font-size:18px;flex:none;transition:background-color .2s}
.w2 .ibtn:hover{background:var(--surface-2)}
.w2 .ctas{display:flex;gap:10px;flex-wrap:wrap}

/* Icon-Kachel mit Funktionsfarbe */
.w2 .ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:20px;flex:none;
  background:var(--ad,var(--surface-2));color:var(--ai,var(--text))}
.w2 .ic .i{stroke-width:2.1}
.w2 .c-tv{--ai:var(--tv);--ad:var(--tv-d)}.w2 .c-mk{--ai:var(--mk);--ad:var(--mk-d)}.w2 .c-dc{--ai:var(--dc);--ad:var(--dc-d)}.w2 .c-in{--ai:var(--in);--ad:var(--in-d)}
.w2 .c-fi{--ai:var(--fi);--ad:var(--fi-d)}.w2 .c-km{--ai:var(--km);--ad:var(--km-d)}.w2 .c-el{--ai:var(--el);--ad:var(--el-d)}

/* ===== Kopfleiste ===== */
.w2 .hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--bg) 84%,transparent);
  -webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--line)}
.w2 .hdr-in{height:var(--hdr);display:flex;align-items:center;gap:16px}
.w2 .nav{display:flex;gap:4px;align-items:center;margin:0 auto}
.w2 .nav>a,.w2 .dd>button{display:flex;align-items:center;gap:6px;height:38px;padding:0 13px;border-radius:11px;font-size:14px;font-weight:700;
  color:var(--text-2);transition:color .2s,background-color .2s}
.w2 .nav>a:hover,.w2 .dd>button:hover{color:var(--text)}
.w2 .nav .on,.w2 .nav .on:hover{background:var(--inv);color:var(--inv-fg)}
.w2 .dd>button .i{font-size:14px;stroke-width:2.6;transition:transform .2s}
.w2 .dd.open>button .i{transform:rotate(180deg)}
.w2 .hdr-r{display:flex;align-items:center;gap:8px;margin-left:auto}
.w2 .nav+.hdr-r{margin-left:0}
.w2 .pill{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:12px;font-size:13px;font-weight:700;
  background:var(--surface);color:var(--text-2);white-space:nowrap;transition:color .2s,background-color .2s}
.w2 .pill:hover{color:var(--text);background:var(--surface-2)}
.w2 .hdr .btn.pri{height:40px;padding:0 14px;font-size:13px}
.w2 .menu-btn{display:none}
@media (max-width:999px){.w2 .nav,.w2 .hdr .pill{display:none}.w2 .menu-btn{display:grid}}

/* Funktionen-Menü */
.w2 .dd{position:relative}
.w2 .dd-p{position:absolute;top:calc(100% + 12px);left:50%;width:600px;z-index:60;background:var(--surface);border-radius:20px;box-shadow:var(--shadow);
  padding:10px 10px 10px;
  opacity:0;visibility:hidden;transform:translate(-50%,-6px);transition:opacity .18s,transform .18s,visibility .18s}
.w2 .dd-p::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.w2 .dd.open .dd-p{opacity:1;visibility:visible;transform:translate(-50%,0)}
.w2 .dd-p a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;transition:background-color .2s}
.w2 .dd-p a:hover,.w2 .dd-p a[aria-current]{background:var(--surface-2)}
.w2 .dd-p b{display:block;font-size:14px;font-weight:800;letter-spacing:-.01em}
.w2 .dd-p small{display:block;font-size:12.5px;font-weight:500;color:var(--text-2)}
.w2 .dd-p .ic{width:40px;height:40px;border-radius:12px;font-size:18px}
.w2 .dd-h{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:8px 10px 6px;font-size:13px;font-weight:800;letter-spacing:-.01em}
.w2 .dd-g{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:5px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line-2)}
.w2 .dd-chk{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--inv);color:var(--inv-fg);font-size:12px;flex:none}
.w2 .dd-chk .i{stroke-width:3}

/* Menü auf dem Telefon */
.w2 .scrim{position:fixed;inset:0;z-index:90;background:var(--veil);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:w2-fade .2s both}
.w2 .drawer{position:fixed;inset:0 0 0 auto;width:min(340px,88vw);z-index:91;background:var(--surface);overflow:auto;
  padding:calc(14px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) 16px;
  display:flex;flex-direction:column;gap:2px;animation:w2-drawIn .28s cubic-bezier(.2,.7,.3,1) both}
.w2 .drawer-h{display:flex;align-items:center;justify-content:space-between;padding:0 4px 12px}
.w2 .drawer-h .ibtn{background:var(--surface-2)}
.w2 .drawer>a,.w2 .drawer .dl a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;font-size:15px;font-weight:700;color:var(--text-2)}
.w2 .drawer>a:hover,.w2 .drawer .dl a:hover{background:var(--surface-2);color:var(--text)}
.w2 .drawer>a.on{background:var(--inv);color:var(--inv-fg)}
.w2 .drawer .dl{display:grid;gap:2px;margin:2px 0 6px}
.w2 .drawer .dl a{padding:7px 12px;font-size:14px;color:var(--text)}
.w2 .drawer .dl .ic{width:34px;height:34px;border-radius:10px;font-size:16px}
.w2 .drawer .dlh{font-size:12px;font-weight:700;color:var(--text-3);padding:12px 12px 4px}
.w2 .drawer hr{border:0;border-top:1px solid var(--line);margin:10px 4px}
.w2 .drawer .ctas{padding:4px}
.w2 .drawer .ctas .btn{flex:1}
@keyframes w2-drawIn{from{transform:translateX(-100%)}}
@keyframes w2-fade{from{opacity:0}}

/* ===== Seitenrahmen ===== */
.w2 .page{display:flex;flex-direction:column;gap:clamp(72px,9vw,120px);padding-bottom:8px;animation:w2-rise .35s cubic-bezier(.2,.7,.3,1) both}
@keyframes w2-rise{from{transform:translateY(8px)}}
.w2 .sh{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;margin-bottom:24px}
.w2 .sh>div{min-width:0;max-width:760px}
.w2 .kick{display:block;font-size:13px;font-weight:700;color:var(--text-3);margin-bottom:10px;letter-spacing:.01em}
.w2 .sh h2{font-size:clamp(30px,3.9vw,48px);font-weight:800;letter-spacing:-.04em;line-height:1.06}
.w2 .sh p{color:var(--text-2);font-size:16.5px;font-weight:500;margin-top:12px;max-width:60ch}
.w2 .card{background:var(--surface);border-radius:24px;padding:24px;min-width:0}
@media (min-width:900px){.w2 .card{padding:28px}}

/* ===== Start: Einstieg ===== */
.w2 .hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:clamp(44px,7vw,92px)}
.w2 .hero h1{font-size:clamp(42px,6.8vw,84px);font-weight:800;letter-spacing:-.05em;line-height:.98;max-width:12ch}
.w2 .hero .lead{font-size:clamp(17px,1.7vw,21px);font-weight:500;color:var(--text-2);margin-top:20px;max-width:38ch}
.w2 .hero .lead .bw{color:var(--text)}
.w2 .hero .ctas{justify-content:center;margin-top:30px}
@media (max-width:599px){.w2 .hero .ctas,.w2 .fhero .ctas,.w2 .phero .ctas{width:100%}.w2 .hero .ctas .btn,.w2 .fhero .ctas .btn,.w2 .phero .ctas .btn{flex:1 1 100%}}
.w2 .tix{display:flex;justify-content:center;align-items:center;gap:clamp(8px,1.3vw,16px);width:100%;margin-top:clamp(40px,5.5vw,64px)}
/* Fotos als Tickets: seitliche Abriss-Kerben per Maske */
.w2 .tk{--n:9px;flex:none;max-width:100%;border-radius:16px;overflow:hidden;background:var(--surface-2);
  -webkit-mask:radial-gradient(circle at 0 50%,#0000 var(--n),#000 calc(var(--n) + .5px)) left/51% 100% no-repeat,
               radial-gradient(circle at 100% 50%,#0000 var(--n),#000 calc(var(--n) + .5px)) right/51% 100% no-repeat;
          mask:radial-gradient(circle at 0 50%,#0000 var(--n),#000 calc(var(--n) + .5px)) left/51% 100% no-repeat,
               radial-gradient(circle at 100% 50%,#0000 var(--n),#000 calc(var(--n) + .5px)) right/51% 100% no-repeat;
  transition:transform .4s cubic-bezier(.2,.7,.3,1)}
.w2 .tk img{width:100%;height:100%;object-fit:cover}
.w2 .tk:hover{transform:translateY(-4px)}
.w2 .tk1{width:14%;aspect-ratio:16/9}.w2 .tk2{width:17.5%;aspect-ratio:16/9}.w2 .tk3{width:21.5%;aspect-ratio:5/4}.w2 .tk4{width:17.5%;aspect-ratio:3/2}.w2 .tk5{width:14%;aspect-ratio:3/2}
@media (max-width:699px){.w2 .tk{--n:7px;border-radius:12px}.w2 .tk1,.w2 .tk5{display:none}.w2 .tk2,.w2 .tk4{width:30%}.w2 .tk3{width:37%}}

/* Vertrauen */
.w2 .trust{display:flex;flex-direction:column;align-items:center;gap:16px}
.w2 .trust .kick{margin:0}
.w2 .logos{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:22px 40px;padding:26px 32px;border-radius:24px;background:var(--surface)}
.w2 .logos img{height:48px;width:auto;opacity:.8;filter:var(--logo-filter);transition:opacity .2s}
.w2 .logos img:hover{opacity:1}
.w2 .logos img.lw{height:22px}
.w2 .logos img.djd{height:34px}
@media (max-width:699px){.w2 .logos{gap:18px 28px;padding:22px 18px}.w2 .logos img{height:38px}.w2 .logos img.lw{height:18px}.w2 .logos img.djd{height:26px}}

/* Preis + Discovery */
.w2 .bento{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:16px}
.w2 .bento-l{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-content:start}
.w2 .bento-l .price{grid-column:1/-1}
@media (max-width:899px){.w2 .bento{grid-template-columns:minmax(0,1fr)}}
@media (max-width:599px){.w2 .bento-l{grid-template-columns:minmax(0,1fr)}}
.w2 .ch{display:flex;align-items:flex-start;gap:14px}
.w2 .ch h3{font-size:20px;font-weight:800;line-height:1.25;padding-top:1px}
.w2 .card p.b{color:var(--text-2);font-size:15px;font-weight:500;margin-top:8px}
.w2 .mini{display:flex;flex-direction:column;gap:14px}
.w2 .mini h3{font-size:19px;font-weight:800;line-height:1.25}
.w2 .mini .btn{align-self:flex-start;margin-top:auto}
.w2 .fee{display:flex;align-items:flex-end;gap:14px 18px;flex-wrap:wrap;margin:22px 0 4px}
.w2 .fee-n{font-size:clamp(96px,11vw,148px);font-weight:800;letter-spacing:-.065em;line-height:.8;font-variant-numeric:tabular-nums}
.w2 .fee-n small{font-size:.5em;letter-spacing:-.03em;margin-left:.06em}
.w2 .fee-t{display:flex;flex-direction:column;gap:2px;padding-bottom:4px}
.w2 .fee-t b{font-size:22px;font-weight:800;letter-spacing:-.025em}
.w2 .fee-t span{font-size:14px;font-weight:600;color:var(--text-2)}
.w2 .price-f{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.w2 .price-f span{font-size:14px;font-weight:600;color:var(--text-2)}
.w2 .disco{display:flex;flex-direction:column;gap:12px}
.w2 .disco .tagline{display:flex;align-items:center;gap:8px;font-size:17px}
.w2 .disco .tagline .free{font-family:var(--font);font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:8px;background:var(--green-dim);color:var(--green-ink)}
.w2 .disco h3{font-size:clamp(24px,2.4vw,30px);font-weight:800;letter-spacing:-.035em}
.w2 .disco p{color:var(--text-2);font-size:15.5px;font-weight:500}
.w2 .disco p b,.w2 .disco p .bw{color:var(--text)}
.w2 .devices{position:relative;margin:auto 0 0;padding-top:18px;display:flex;justify-content:center;align-items:flex-end}
.w2 .devices .mac{width:80%}
.w2 .devices .phone-img{position:absolute;right:2%;bottom:0;width:21%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}
.w2 .disco .ctas{margin-top:14px}

/* Funktionen-Raster */
.w2 .feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:999px){.w2 .feats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.w2 .feats{grid-template-columns:minmax(0,1fr)}}
.w2 .feat{position:relative;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:24px;background:var(--surface);min-width:0;
  transition:background-color .2s,transform .3s cubic-bezier(.2,.7,.3,1)}
.w2 .feat:hover{background:color-mix(in srgb,var(--surface) 90%,var(--text) 6%)}
@media (hover:hover){.w2 .feat:hover{transform:translateY(-3px)}}
.w2 .feat .go{position:absolute;right:20px;top:22px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:16px;
  background:var(--surface-2);color:var(--text-2);transition:background-color .2s,color .2s,transform .2s}
.w2 .feat .go .i{stroke-width:2.4}
.w2 .feat:hover .go{background:var(--inv);color:var(--inv-fg);transform:translateX(2px)}
.w2 .feat h3{font-size:22px;font-weight:800;letter-spacing:-.03em;margin-top:8px}
.w2 .feat p{color:var(--text-2);font-size:15px;font-weight:500;margin-top:-8px}
.w2 .feat .cnt{margin-top:auto;font-size:12.5px;font-weight:700;color:var(--text-3)}

/* Zwei-Spalten-Paneele (Demo, Simulator) */
.w2 .split{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(24px,4vw,56px);align-items:center;
  padding:clamp(22px,4vw,48px);border-radius:28px;background:var(--surface)}
.w2 .split.rev{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)}
.w2 .split.rev>.split-t{order:2}
.w2 .split-t h3{font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.04em}
.w2 .split-t p{color:var(--text-2);font-size:16.5px;font-weight:500;margin-top:14px;max-width:44ch}
.w2 .split-t .ctas{margin-top:26px}
@media (max-width:899px){.w2 .split,.w2 .split.rev{grid-template-columns:minmax(0,1fr)}.w2 .split.rev>.split-t{order:0}}

/* Großer Abschluss-Knopf */
.w2 .cta-card{display:flex;align-items:center;gap:20px;padding:24px 24px 24px 30px;border-radius:24px;background:var(--inv);color:var(--inv-fg);transition:transform .3s cubic-bezier(.2,.7,.3,1)}
.w2 .cta-card b{display:block;font-size:clamp(24px,3vw,36px);font-weight:800;letter-spacing:-.04em;line-height:1.1}
.w2 .cta-card small{display:block;font-size:15px;font-weight:600;opacity:.6;margin-top:4px}
.w2 .cta-card .go{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:20px;margin-left:auto;flex:none;
  background:var(--inv-fg);color:var(--inv);transition:transform .2s}
.w2 .cta-card .go .i{stroke-width:2.6}
.w2 .cta-card:hover .go{transform:translateX(4px)}
@media (min-width:900px){.w2 .cta-card{padding:32px 32px 32px 40px}}

/* Über uns */
.w2 .about{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,5vw,72px);align-items:start}
@media (max-width:899px){.w2 .about{grid-template-columns:minmax(0,1fr)}}
.w2 .stmt{font-size:clamp(19px,1.9vw,24px);line-height:1.5;font-weight:600;letter-spacing:-.015em;color:var(--text-2);max-width:40ch}
.w2 .stmt strong{color:var(--text);font-weight:700}
.w2 .about .ctas{margin-top:28px}
.w2 .team{border-radius:24px;background:var(--surface);overflow:hidden}
.w2 .team-ph{aspect-ratio:4/3;max-width:100%;background:var(--surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.w2 .team-av{display:flex}
.w2 .team-av span{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-size:30px;color:var(--text-3);background:var(--surface-3);box-shadow:0 0 0 4px var(--surface-2)}
.w2 .team-av span+span{margin-left:-14px}
.w2 .team-ph small{font-size:12.5px;font-weight:700;color:var(--text-3)}
.w2 .team-cap{padding:16px 20px 18px}
.w2 .team-cap b{display:block;font-size:16px;font-weight:800}
.w2 .team-cap span{font-size:13.5px;font-weight:600;color:var(--text-2)}

/* ===== Funktionsseiten ===== */
.w2 .fhero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,72px);align-items:end;padding-top:clamp(28px,5vw,64px)}
@media (max-width:899px){.w2 .fhero{grid-template-columns:minmax(0,1fr)}}
.w2 .back{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--text-2);margin-bottom:28px}
.w2 .back:hover{color:var(--text)}
.w2 .back .i{stroke-width:2.6}
.w2 .ic.xl{width:68px;height:68px;border-radius:20px;font-size:32px}
.w2 .fhero h1{font-size:clamp(42px,6.2vw,80px);font-weight:800;letter-spacing:-.05em;line-height:1;margin-top:22px;overflow-wrap:anywhere}
.w2 .fhero .lead{font-size:clamp(18px,1.8vw,22px);font-weight:500;color:var(--text-2);margin-top:14px}
.w2 .fhero .ctas{margin-top:28px}
.w2 .incl{background:var(--surface);border-radius:24px;padding:22px}
.w2 .incl h2{font-size:13px;font-weight:700;color:var(--text-3);letter-spacing:.01em;margin-bottom:14px}
.w2 .incl ul{display:flex;flex-wrap:wrap;gap:6px}
.w2 .incl a{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 12px 6px 10px;border-radius:10px;background:var(--surface-2);font-size:13.5px;font-weight:700;transition:background-color .2s}
.w2 .incl a:hover{background:var(--surface-3)}
.w2 .incl a .i{color:var(--ai);font-size:15px;stroke-width:2.8}

/* Bento-Raster der Funktionen */
.w2 .bx{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.w2 .fx{grid-column:span 6;position:relative;display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:24px;background:var(--surface);min-width:0;overflow:hidden}
@media (min-width:700px){.w2 .bx{grid-auto-flow:dense}.w2 .fx{grid-column:span 3}.w2 .fx.s4,.w2 .fx.s6{grid-column:span 6}}
@media (min-width:1024px){.w2 .fx.s2{grid-column:span 2}.w2 .fx.s3{grid-column:span 3}.w2 .fx.s4{grid-column:span 4}.w2 .fx.r2{grid-row:span 2}.w2 .fx.r3{grid-row:span 3}.w2 .fx.r4{grid-row:span 4}}
.w2 .fx-k{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--text-2)}
.w2 .fx-k .dot{width:7px;height:7px;border-radius:50%;background:var(--ai);flex:none}
.w2 .xtag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:7px;font-size:11px;font-weight:800;background:var(--inv);color:var(--inv-fg)}
.w2 .fx h3{font-size:20px;font-weight:800;letter-spacing:-.025em;line-height:1.25}
.w2 .fx>p{color:var(--text-2);font-size:14.5px;font-weight:500}
.w2 .fx>p.dim{color:var(--text-3)}
.w2 .fx .mock{margin-top:auto;padding-top:16px;min-width:0}
.w2 .fx.ph{padding-bottom:0}
.w2 .fx.more ul{display:grid;gap:8px;margin-top:6px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.w2 .fx.more li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--surface-2);font-size:14.5px;font-weight:700}
.w2 .fx.more .ic{width:34px;height:34px;border-radius:10px;font-size:16px;background:var(--surface-3);color:var(--text)}
.w2 .fx.more{gap:12px}
.w2 .langs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.w2 .langs li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--surface-2);font-size:14px;font-weight:700;min-width:0;color:var(--text-2);transition:background-color .35s,color .35s,box-shadow .35s}
.w2 .langs li.on{background:var(--inv);color:var(--inv-fg)}
.w2 .lang-h{min-height:2.5em;transition:opacity .3s,transform .3s}
.w2 .lang-h.out{opacity:0;transform:translateY(4px)}
.w2 .flag-i{width:30px;height:20px;border-radius:4px;flex:none;box-shadow:0 0 0 1px var(--line)}
.w2 .feebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:8px 8px 8px 14px;border-radius:14px;background:var(--bg);box-shadow:var(--win-shadow);font-size:13px}
.w2 .feebar b{font-weight:800;white-space:nowrap}
.w2 .fb-seg{display:flex;gap:2px;padding:4px;border-radius:999px;background:var(--surface-2)}
.w2 .fb-seg span{padding:7px 11px;border-radius:999px;font-size:12px;font-weight:600;color:var(--text-2);white-space:nowrap}
.w2 .fb-seg .on{background:var(--surface-3);color:var(--text);font-weight:700}
.w2 .cap{font-size:12px;font-weight:700;color:var(--text-3);text-align:center;margin-top:10px}

/* Gebühren-Block (Ticketverkauf) und Discovery-Block (Marketing) */
.w2 .wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(24px,4vw,44px);border-radius:28px;background:var(--surface)}
@media (max-width:899px){.w2 .wide{grid-template-columns:minmax(0,1fr)}}
.w2 .wide h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-.04em}
.w2 .wide>div>p{color:var(--text-2);font-size:16px;font-weight:500;margin-top:14px;max-width:48ch}
.w2 .fine{color:var(--text-2);font-size:13.5px;font-weight:500;line-height:1.6}
.w2 .wide .fine{font-size:13.5px}
.w2 .feebox-r{display:flex;flex-direction:column;gap:6px;padding:24px;border-radius:20px;background:var(--surface-2)}
.w2 .feebox-r .lbl{font-size:14px;font-weight:700;color:var(--text-2)}
.w2 .feebox-r .fee{margin:6px 0 6px}
.w2 .feebox-r .nur{font-size:20px;font-weight:800;color:var(--text-2);padding-bottom:6px}
.w2 .feebox-r .row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:14px;border-top:1px solid var(--line)}
.w2 .feebox-r .row span{font-size:14px;font-weight:600;color:var(--text-2)}
.w2 .feebox-r .btn{background:var(--surface-3)}
.w2 .disco-img{display:flex;justify-content:center;align-items:flex-end;gap:16px}
.w2 .disco-img .mac{width:72%}
.w2 .disco-img .phone-img{width:20%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}
.w2 .hl{color:var(--text);font-weight:700}

/* Weitere Funktionen */
.w2 .others{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.w2 .others.n6{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1099px){.w2 .others,.w2 .others.n6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:699px){.w2 .others,.w2 .others.n6{grid-template-columns:repeat(2,minmax(0,1fr))}.w2 .others>a:last-child:nth-child(odd){grid-column:1/-1}}
.w2 .others a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:var(--surface);min-width:0;transition:background-color .2s}
.w2 .others a:hover{background:var(--surface-2)}
.w2 .others a:hover .ic{filter:brightness(1.15)}
.w2 .others b{flex:1;min-width:0;font-size:14.5px;font-weight:800;letter-spacing:-.015em;line-height:1.25;-webkit-hyphens:manual;hyphens:manual}
.w2 .others .ic{width:38px;height:38px;border-radius:11px;font-size:17px}
.w2 .others .chev{color:var(--text-3);font-size:15px;stroke-width:2.6}

/* ===== Preise ===== */
.w2 .phero{text-align:center;display:flex;flex-direction:column;align-items:center;padding-top:clamp(36px,6vw,80px)}
.w2 .phero h1{font-size:clamp(48px,7vw,88px);font-weight:800;letter-spacing:-.05em;line-height:1}
.w2 .phero .lead{font-size:clamp(17px,1.7vw,21px);font-weight:500;color:var(--text-2);margin-top:16px;max-width:40ch}
.w2 .phero .ctas{margin-top:28px;justify-content:center}
.w2 .plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:899px){.w2 .plans{grid-template-columns:minmax(0,1fr)}}
.w2 .plan{display:flex;flex-direction:column;gap:16px;padding:clamp(24px,3vw,36px);border-radius:28px;background:var(--surface)}
.w2 .plan-h{font-family:var(--font-logo);font-weight:700;font-size:24px;letter-spacing:-.01em;display:flex;gap:8px;align-items:baseline}
.w2 .plan-h{color:var(--text-2)}.w2 .plan-h span{color:var(--text)}
.w2 .plan .fee{margin:8px 0 0}
.w2 .plan .nur{font-size:22px;font-weight:800;color:var(--text-2);padding-bottom:8px}
.w2 .plan .free{font-size:clamp(56px,7vw,92px);font-weight:800;letter-spacing:-.055em;line-height:.9;margin-top:8px}
.w2 .plan .min{font-size:15px;font-weight:600;color:var(--text-2)}
.w2 .checks{display:grid;gap:8px;padding-top:18px;border-top:1px solid var(--line)}
.w2 .checks li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700}
.w2 .checks .i{font-size:18px;color:var(--green-ink);stroke-width:2.6}
.w2 .plan .fine{margin-top:auto}
.w2 .pdf-row{display:flex;justify-content:center;margin-top:20px}

/* ===== Mockups (wie die App: Seitenhintergrund, Flächen, Felder) ===== */
.w2 .win{background:var(--bg);border-radius:16px;box-shadow:var(--win-shadow);overflow:hidden;font-size:12px;min-width:0}
.w2 .win-bar{display:flex;align-items:center;gap:10px;height:36px;padding:0 12px;border-bottom:1px solid var(--line)}
.w2 .win-dots{display:flex;gap:5px;width:42px;flex:none}.w2 .win-dots i{width:9px;height:9px;border-radius:50%;background:var(--surface-3)}
.w2 .win-url{flex:1;min-width:0;max-width:300px;margin:0 auto;height:22px;border-radius:7px;background:var(--surface);display:flex;align-items:center;justify-content:center;gap:5px;
  font-size:11px;font-weight:600;color:var(--text-2);white-space:nowrap;overflow:hidden}
.w2 .win-url .i{font-size:10px;stroke-width:2.6;color:var(--text-3)}
.w2 .win-sp{width:42px;flex:none}
.w2 .win-b{padding:14px}
.w2 .win .t{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:800;padding-bottom:11px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.w2 .win .t small{font-size:11.5px;font-weight:600;color:var(--text-3)}
.w2 .win .t .i{color:var(--text-3);font-size:14px}
.w2 .fg{display:grid;gap:10px 12px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
.w2 .fg+.fg{margin-top:10px}
.w2 .fg .span{grid-column:1/-1}
.w2 .fl{display:block;font-size:11px;font-weight:700;color:var(--text-3);margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w2 .fi{height:36px;border-radius:10px;background:var(--surface);display:flex;align-items:center;gap:6px;padding:0 11px;font-size:12.5px;font-weight:600;color:var(--text-3);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.w2 .fi.v{color:var(--text)}
.w2 .fi .i{margin-left:auto;color:var(--text-3);font-size:13px;stroke-width:2.6}
.w2 .fi.area{height:auto;min-height:60px;align-items:flex-start;padding:10px 11px;white-space:normal}
.w2 .hint{display:block;font-size:11px;font-weight:500;color:var(--text-3);line-height:1.45;margin-top:6px}
.w2 .acts{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.w2 .mb{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:9px;background:var(--surface);font-size:12px;font-weight:700;color:var(--text-2);white-space:nowrap}
.w2 .mb.p{background:var(--inv);color:var(--inv-fg)}
.w2 .mb.r{background:var(--red-dim);color:var(--red-ink)}
.w2 .mb.lg{height:40px;padding:0 15px;font-size:13.5px;border-radius:11px}
.w2 .mb .i{font-size:13px;stroke-width:2.6}
.w2 .segm{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--surface)}
.w2 .segm span{flex:1;display:grid;place-items:center;text-align:center;min-height:34px;padding:4px 8px;border-radius:9px;font-size:12.5px;font-weight:700;color:var(--text-2);line-height:1.2}
.w2 .segm .on{background:var(--inv);color:var(--inv-fg)}
.w2 .segm.sm span{min-height:28px;font-size:11px;padding:3px 6px}
.w2 .tg{position:relative;width:42px;height:25px;border-radius:13px;background:var(--surface-3);flex:none}
.w2 .tg::after{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.3)}
.w2 .tg.on{background:var(--inv)}
.w2 .tg.on::after{transform:translateX(17px);background:var(--inv-fg)}
.w2 .row-t{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:var(--surface);font-size:12.5px;font-weight:700}
.w2 .note{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:var(--surface-2);font-size:14px;font-weight:600;line-height:1.45}
.w2 .note .i{font-size:17px;margin-top:1px;color:var(--text-2)}
.w2 .kt{background:var(--surface);border-radius:11px;padding:10px 12px;min-width:0}
.w2 .kt b{display:block;font-size:17px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.w2 .kt small{display:block;font-size:11px;font-weight:600;color:var(--text-2);margin-top:2px}
.w2 .kt em{font-style:normal;font-weight:800;color:var(--green-ink)}
.w2 .kgrid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
.w2 .kgrid.lg .kt{padding:14px 16px}
.w2 .kgrid.lg .kt b{font-size:clamp(20px,2.2vw,26px)}
.w2 .kgrid.lg .kt small{font-size:12px}

/* Dashboard */
.w2 .dash-nav{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid var(--line)}
.w2 .dash-nav .logo{font-size:14px}
.w2 .dtabs{display:flex;gap:2px;min-width:0;overflow:hidden;margin:0 auto}
.w2 .dtabs span{padding:4px 9px;border-radius:8px;font-size:11px;font-weight:700;color:var(--text-2);white-space:nowrap}
.w2 .dtabs .on{background:var(--inv);color:var(--inv-fg)}
.w2 .dav{width:22px;height:22px;border-radius:50%;background:var(--surface-3);flex:none}
.w2 .dash-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.w2 .dash-h b{display:block;font-size:15px;font-weight:800;letter-spacing:-.02em}
.w2 .dash-h small{display:block;font-size:10.5px;color:var(--text-3);font-weight:500;margin-top:2px}
.w2 .dash-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:10px}
.w2 .dcol{display:grid;gap:10px;align-content:start}
.w2 .ktt{font-size:11px;font-weight:800;margin-bottom:8px;display:flex;justify-content:space-between;gap:8px}
.w2 .ktt span{color:var(--text-2);font-weight:700}
.w2 .bars{display:flex;gap:6px;align-items:flex-end;height:78px}
.w2 .bars div{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end;min-width:0}
.w2 .bars i{display:block;width:100%;height:var(--h);border-radius:4px;background:var(--surface-3)}
.w2 .bars div.pk i{background:var(--text)}
.w2 .bars small{font-size:8.5px;font-weight:600;color:var(--text-3);white-space:nowrap}
.w2 .er{display:flex;align-items:center;gap:9px;padding:7px 0;border-top:1px solid var(--line)}
.w2 .ktt+.er{border-top:0;padding-top:0}
.w2 .er img{width:38px;height:24px;border-radius:5px;object-fit:cover;flex:none}
.w2 .er div{flex:1;min-width:0}
.w2 .er b{display:block;font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w2 .er small{display:block;font-size:10px;color:var(--text-3);font-weight:500;white-space:nowrap}
.w2 .er .n{font-size:10px;color:var(--text-2);font-weight:600;white-space:nowrap}
.w2 .amt{font-size:10.5px;font-weight:800;padding:3px 6px;border-radius:6px;background:var(--green-dim);color:var(--green-ink);white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:599px){.w2 .dash-g{grid-template-columns:minmax(0,1fr)}.w2 .dtabs span:nth-child(n+3){display:none}}

/* Simulator */
.w2 .sim-h{display:block;font-size:19px;font-weight:800;letter-spacing:-.03em}
.w2 .sim-l{font-size:12px;color:var(--text-2);margin-top:4px;max-width:60ch}
.w2 .sim-sel{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:8px 8px 8px 12px;border-radius:12px;background:var(--surface);margin-top:14px;font-size:12.5px;font-weight:700}
.w2 .sim-sel .fi{background:var(--surface-2);height:32px;min-width:130px}
.w2 .sim-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.w2 .sim-in .fl{white-space:normal;line-height:1.25;min-height:2.5em;display:flex;align-items:flex-end}
@media (max-width:599px){.w2 .sim-in{grid-template-columns:repeat(2,minmax(0,1fr))}}
.w2 .sim-c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
@media (max-width:479px){.w2 .sim-c{grid-template-columns:minmax(0,1fr)}}
.w2 .sc{background:var(--surface);border-radius:14px;padding:14px;min-width:0}
.w2 .sc.best{box-shadow:inset 0 0 0 1.5px var(--text)}
.w2 .sc-h{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800}
.w2 .sc-h .bw{font-size:14px}
.w2 .xt{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;font-size:10px;font-weight:800;background:var(--inv);color:var(--inv-fg)}
.w2 .sc-a{font-size:24px;font-weight:800;letter-spacing:-.035em;margin-top:8px;font-variant-numeric:tabular-nums}
.w2 .sc-a small{display:block;font-size:10.5px;font-weight:600;color:var(--text-3);letter-spacing:0;margin-top:1px}
.w2 .fee-l{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-top:9px;margin-top:9px;border-top:1px solid var(--line);font-size:11.5px}
.w2 .fee-l b{display:block;font-weight:700}
.w2 .fee-l em{display:block;font-style:normal;font-size:10.5px;color:var(--text-3);font-weight:500;line-height:1.35;margin-top:1px}
.w2 .fee-l>span{font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.w2 .fee-l.tot{font-size:12.5px}
.w2 .fee-l.tot b{font-weight:800}
.w2 .save{display:flex;align-items:center;gap:16px;padding:16px;border-radius:14px;background:var(--inv);color:var(--inv-fg);margin-top:10px}
.w2 .save-k{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.6}
.w2 .save p{font-size:11.5px;font-weight:600;margin-top:5px;line-height:1.45;max-width:52ch}
.w2 .save>b{margin-left:auto;font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.04em;white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:479px){.w2 .save{flex-direction:column;align-items:flex-start}.w2 .save>b{margin-left:0}}
.w2 .sim-s{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.w2 .sim-s div{background:var(--surface);border-radius:12px;padding:12px}
.w2 .sim-s b{display:block;font-size:18px;font-weight:800;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.w2 .sim-s small{display:block;font-size:10.5px;color:var(--text-2);font-weight:600;margin-top:4px;line-height:1.35}

/* Kleine Mockups der Funktionsseiten */
.w2 .stack{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.w2 .site{display:flex;flex-direction:column;gap:10px}
.w2 .sk{display:flex;align-items:center;gap:8px}
.w2 .sk i{display:block;height:8px;border-radius:4px;background:var(--surface-2)}
.w2 .sk .lg{width:46px;height:12px;background:var(--surface-3)}
/* Ticketshop-Vorschau: neutrales Shop-Design wie das echte Widget, immer dunkel */
.w2 .ts{--ts-s1:#1c1c1e;--ts-s2:#2c2c2e;--ts-s3:#3a3a3c;--ts-line:rgba(255,255,255,.08);--ts-line2:rgba(255,255,255,.16);
  --ts-text:#fff;--ts-muted:#aeaeb2;--ts-dim:#8e8e93;
  container-type:inline-size;background:#000;color:var(--ts-text);border-radius:12px;box-shadow:0 0 0 1px var(--line-2);
  padding:16px 18px 12px;font-size:12.5px;line-height:1.5;font-variant-numeric:tabular-nums;color-scheme:dark}
.w2 .ts .i{flex:none}
.w2 .ts-head{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.w2 .ts-bn{position:relative;width:min(300px,46%);flex:none;aspect-ratio:16/9;container-type:inline-size;overflow:hidden;border-radius:12px;background:#000;box-shadow:0 0 0 1px var(--ts-line);color:#fff}
.w2 .ts-deco{position:absolute;right:-6.25cqw;top:0;width:56.25cqw;height:100%}
.w2 .ts-bn-in{position:relative;height:100%;width:61.5cqw;padding:5cqw 6.25cqw;display:flex;flex-direction:column;justify-content:space-between}
.w2 .ts-bn-logo{display:flex;align-items:baseline;gap:.73cqw;line-height:1}
.w2 .ts-bn-logo .bw{font-size:2.92cqw}
.w2 .ts-bn-logo>span:last-child{font-size:1.77cqw;font-weight:500;color:#b8b8c0}
.w2 .ts-bn-mid{display:flex;flex-direction:column;gap:1.88cqw}
.w2 .ts-bn-tag{align-self:flex-start;padding:.52cqw 1.15cqw;border:.1cqw solid #7569fe;border-radius:999px;font-size:1.25cqw;font-weight:600;letter-spacing:.1cqw;line-height:1.3;white-space:nowrap}
.w2 .ts-bn-h{font-size:8.75cqw;font-weight:800;line-height:.92;letter-spacing:-.26cqw}
.w2 .ts-bn-sub{font-size:1.77cqw;line-height:1.35;color:#c9c9d1;max-width:44.8cqw}
.w2 .ts-bn-row{display:flex;align-items:center;gap:2.92cqw;width:100%}
.w2 .ts-bn-f{display:flex;flex-direction:column;gap:.31cqw;line-height:1.2}
.w2 .ts-bn-f small{font-size:1.15cqw;font-weight:500;color:#9a9aa6;letter-spacing:.1cqw}
.w2 .ts-bn-f b{font-size:1.98cqw;font-weight:600;white-space:nowrap}
.w2 .ts-bn-div{width:.1cqw;height:3.75cqw;background:#333338}
.w2 .ts-bn-cta{margin-left:auto;padding:1.35cqw 2.29cqw;border-radius:999px;background:#7569fe;font-size:1.67cqw;font-weight:600;line-height:1.2;white-space:nowrap}
.w2 .ts-who{min-width:0;display:flex;flex-direction:column}
.w2 .ts-title{font-size:19px;font-weight:800;letter-spacing:-.022em;line-height:1.2}
.w2 .ts-org{font-size:11px;font-weight:500;color:var(--ts-dim);margin-top:3px}
.w2 .ts-org b{color:var(--ts-muted);font-weight:700}
.w2 .ts-facts{display:flex;flex-direction:column;gap:3px;margin-top:9px}
.w2 .ts-facts span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}
.w2 .ts-facts .i{font-size:14px;color:var(--ts-dim)}
.w2 .ts-relhead{display:flex;align-items:center;gap:10px;margin-bottom:8px;min-height:24px}
.w2 .ts-relhead>b{font-size:14px;font-weight:800;flex:none}
.w2 .ts-hold{display:flex;align-items:center;gap:7px;margin-left:auto;min-width:0;padding:3px 11px 3px 4px;border-radius:999px;background:var(--ts-s2);color:var(--ts-muted);font-size:10.5px;font-weight:500;white-space:nowrap}
.w2 .ts-hold b{color:var(--ts-text);font-weight:800}
.w2 .ts-hold-ic{width:17px;height:17px;border-radius:50%;background:currentColor;display:grid;place-items:center;flex:none}
.w2 .ts-hold-ic .i{font-size:10px;color:var(--ts-s1);stroke-width:2.6}
.w2 .ts-hs{display:none}
.w2 .ts-rel{display:flex;align-items:center;gap:16px;padding:12px 14px;border-radius:14px;background:var(--ts-s1);box-shadow:inset 0 0 0 1px var(--ts-line);margin-bottom:9px}
.w2 .ts-tk{width:48px;flex:none;border-radius:6px;overflow:hidden;background:oklch(51% .072 183);color:#fff;line-height:1.15;display:block}
.w2 .ts-tk-top{display:flex;justify-content:space-between;align-items:flex-start;gap:2px;height:16px;padding:4px 4px 0}
.w2 .ts-tk-top .bw{font-size:4.5px}
.w2 .ts-tk-no{text-align:right}
.w2 .ts-tk small{display:block;font-size:2.4px;letter-spacing:.12em;font-weight:700;opacity:.72}
.w2 .ts-tk-no b{font-size:4.5px;font-weight:800}
.w2 .ts-tk-band{display:block;height:20px;background:linear-gradient(165deg,oklch(59% .071 197),oklch(56% .068 205))}
.w2 .ts-tk-foot{display:block;height:18px;padding:4px 4px 0}
.w2 .ts-tk-foot b{display:block;font-size:4px;font-weight:800;margin-top:1px;white-space:nowrap}
.w2 .ts-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.w2 .ts-id b{font-size:14px;font-weight:800;letter-spacing:-.012em}
.w2 .ts-id small{font-size:11.5px;font-weight:500;color:var(--ts-muted);line-height:1.4}
.w2 .ts-buy{display:flex;gap:22px;align-items:flex-start;flex:none}
.w2 .ts-fld{display:flex;flex-direction:column;align-items:flex-end}
.w2 .ts-fld small{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ts-dim);margin-bottom:5px}
.w2 .ts-fld>b{font-size:15px;font-weight:800;letter-spacing:-.02em;height:32px;display:flex;align-items:center;white-space:nowrap}
.w2 .ts-qty{display:flex;align-items:center;justify-content:space-between;gap:9px;height:32px;min-width:64px;padding:0 10px 0 14px;border-radius:999px;background:var(--ts-s2);box-shadow:inset 0 0 0 1px var(--ts-line2);font-size:13.5px;font-weight:800}
.w2 .ts-qty .i{font-size:11px;color:var(--ts-dim);stroke-width:2.6}
.w2 .ts-card{padding:12px 14px;border-radius:14px;background:var(--ts-s1);box-shadow:inset 0 0 0 1px var(--ts-line)}
.w2 .ts-row{display:flex;justify-content:space-between;gap:12px;padding:3px 0;font-size:12px;color:var(--ts-muted)}
.w2 .ts-row>span:last-child{color:var(--ts-text);font-weight:600;white-space:nowrap}
.w2 .ts-row.tot{border-top:1px solid var(--ts-line);margin-top:6px;padding-top:8px;font-size:14px;align-items:baseline}
.w2 .ts-row.tot span{color:var(--ts-text);font-weight:800;letter-spacing:-.015em}
.w2 .ts-row em{font-style:normal;font-size:10px;font-weight:500;color:var(--ts-dim);margin-left:7px;letter-spacing:0}
.w2 .ts-promo{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;font-weight:600;color:var(--ts-muted)}
.w2 .ts-promo .i{font-size:12px}
.w2 .ts-legal{font-size:9.5px;color:var(--ts-dim);line-height:1.5;margin-top:10px}
.w2 .ts-legal u{color:var(--ts-text);font-weight:600;text-decoration:none}
.w2 .ts-div{display:flex;align-items:center;gap:10px;margin:10px 0 8px}
.w2 .ts-div i{flex:1;height:1px;background:var(--ts-line)}
.w2 .ts-div span{font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ts-dim);text-align:center;max-width:80%}
.w2 .ts-ex{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.w2 .ts-ex>span{height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;font-weight:700;white-space:nowrap}
.w2 .ts-link{background:#00d66f;color:#0a1c12}
.w2 .ts-link span{width:16px;height:16px;border-radius:50%;background:#0a1c12;color:#00d66f;display:grid;place-items:center;font-size:9px;font-weight:800}
.w2 .ts-wallet{background:#fff;color:#1a1a1a}
.w2 .ts-wallet i{width:1px;height:16px;background:rgba(0,0,0,.22)}
.w2 .ts-cta{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid var(--ts-line)}
.w2 .ts-cta>span:first-child{font-size:11px;font-weight:500;color:var(--ts-dim)}
.w2 .ts-next{display:inline-flex;align-items:center;height:34px;padding:0 26px;border-radius:999px;background:#fff;color:#000;font-size:13px;font-weight:800}
.w2 .ts-foot{text-align:center;font-size:10.5px;font-weight:500;color:var(--ts-dim);margin-top:12px}
.w2 .ts-foot .bw{color:var(--ts-muted);font-size:12px}
.w2 .ts{position:relative}
.w2 .ts-steps{display:grid;grid-template-columns:minmax(0,1fr)}
.w2 .ts-step{grid-area:1/1;min-width:0;visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s cubic-bezier(.2,.7,.3,1),visibility 0s .35s}
.w2 .ts-step.on{visibility:visible;opacity:1;transform:none;transition:opacity .35s,transform .35s cubic-bezier(.2,.7,.3,1)}
.w2 .ts-hold{visibility:hidden}
.w2 .ts-hold.on{visibility:visible}
.w2 .ts-qsel{position:relative}
.w2 .ts-qty{transition:box-shadow .15s,background-color .15s}
.w2 .ts-qsel.open .ts-qty{box-shadow:inset 0 0 0 1px #fff}
.w2 .ts-qsel.open .ts-qty .i{transform:rotate(180deg)}
.w2 .ts-qlist{position:absolute;top:calc(100% + 6px);right:0;min-width:100%;z-index:5;display:flex;flex-direction:column;padding:5px;border-radius:12px;background:var(--ts-s2);box-shadow:inset 0 0 0 1px var(--ts-line2),0 24px 60px -24px rgba(0,0,0,.9);
  opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility 0s .15s}
.w2 .ts-qsel.open .ts-qlist{opacity:1;visibility:visible;transform:none;transition:opacity .15s,transform .15s}
.w2 .ts-qlist span{padding:5px 14px;border-radius:8px;font-size:13px;font-weight:700;text-align:center}
.w2 .ts-qlist span.hov{background:var(--ts-s3)}
.w2 .ts-qlist span.sel{background:#fff;color:#000}
.w2 .ts-rel{position:relative;z-index:2}
.w2 .ts-off{opacity:.35}
.w2 .ts-ex>span,.w2 .ts-next,.w2 .ts-btn{transition:opacity .2s,transform .12s}
.w2 .ts-row .ok{color:#30d158}
.w2 .ts-ct{font-size:13.5px;font-weight:800;margin-bottom:8px}
.w2 .ts-l{display:block;font-size:11px;font-weight:700;margin:8px 0 4px}
.w2 .ts-l i{font-style:normal;color:#ff453a;margin-left:3px}
.w2 .ts-inp{display:flex;align-items:center;min-height:34px;padding:7px 11px;border-radius:10px;background:var(--ts-s2);box-shadow:inset 0 0 0 1px var(--ts-line2);font-size:12px;color:var(--ts-text);white-space:nowrap;overflow:hidden;transition:box-shadow .15s}
.w2 .ts-inp:empty::before{content:attr(data-ph);color:var(--ts-dim)}
.w2 .ts-inp.f{box-shadow:inset 0 0 0 1px #fff;background:var(--ts-s3)}
.w2 .ts-inp.f:not(:empty)::after{content:"";width:1px;height:14px;margin-left:1px;background:#fff;animation:w2-tsblink 1s steps(1) infinite}
@keyframes w2-tsblink{50%{opacity:0}}
.w2 .ts-h{font-size:10px;color:var(--ts-dim);margin-top:5px;line-height:1.5}
.w2 .ts-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.w2 .ts-step .ts-card+.ts-card{margin-top:9px}
.w2 .ts-step>.ts-ex{margin-bottom:0}
.w2 .ts-foot2{display:flex;gap:9px;margin-top:10px}
.w2 .ts-foot2>span{flex:1;justify-content:center;display:inline-flex;align-items:center;height:36px;border-radius:999px;font-size:12.5px;font-weight:700}
.w2 .ts-btn{background:var(--ts-s2);box-shadow:inset 0 0 0 1px var(--ts-line2)}
.w2 .ts-foot2 .ts-next{flex:1.8;padding:0 12px;font-weight:800;white-space:nowrap}
.w2 .ts-foot2 .ts-btn{flex:1}
.w2 .ts-done{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:20px}
.w2 .ts-done-ic{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#000;font-size:28px;margin-bottom:6px}
.w2 .ts-done-ic .i{stroke-width:2.8}
.w2 .ts-done>b{font-size:18px;font-weight:800}
.w2 .ts-done p{font-size:12.5px;color:var(--ts-muted);max-width:34ch}
.w2 .ts-done p b{color:var(--ts-text)}
.w2 .ts-cur{position:absolute;left:0;top:0;z-index:10;width:22px;height:22px;pointer-events:none;opacity:0;transition:transform .7s cubic-bezier(.45,.05,.25,1),opacity .3s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}
.w2 .ts-cur.on{opacity:1}
.w2 .ts-cur svg{width:100%;height:100%;transition:transform .12s}
.w2 .ts-cur.down svg{transform:scale(.82)}
.w2 .press{transform:scale(.95)}
.w2 .tq{padding:10px;display:flex;flex-direction:column;gap:7px;max-height:300px;overflow:hidden;-webkit-mask:linear-gradient(#000 78%,transparent);mask:linear-gradient(#000 78%,transparent)}
.w2 .tq .ts-ct{margin-bottom:10px}
.w2 .tq-ctx{opacity:.42}
.w2 .tq-top{display:flex;align-items:center;gap:10px;padding:2px 2px 4px}
.w2 .tq-top .ts-tk{width:30px}
.w2 .tq-top .ts-tk-top{height:10px;padding:2px 3px 0}.w2 .tq-top .ts-tk-top .bw{font-size:3px}.w2 .tq-top .ts-tk-band{height:12px}.w2 .tq-top .ts-tk-foot{height:11px;padding:2px 3px 0}.w2 .tq-top .ts-tk-foot b{font-size:2.6px}
.w2 .tq-top b{display:block;font-size:12.5px;font-weight:800}
.w2 .tq-top small{display:block;font-size:10px;color:var(--ts-muted)}
.w2 .tq-hold{display:flex;align-items:center;gap:7px;align-self:flex-start;padding:3px 10px 3px 4px;border-radius:999px;background:var(--ts-s2);font-size:10px;color:var(--ts-muted)}
.w2 .tq-hold b{color:var(--ts-text)}
.w2 .tq-q{box-shadow:0 0 0 1.5px #fff,0 14px 34px -10px rgba(0,0,0,.8)!important;position:relative;z-index:1}
.w2 .tq-buyer{padding:10px 12px;border-radius:14px;background:var(--ts-s1)}
.w2 .tq-buyer b{display:block;font-size:12px;font-weight:800;margin-bottom:6px}
.w2 .tq-pay .ts-next{display:flex;justify-content:center;height:32px;font-size:12px}
.w2 .tq-l{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;margin-bottom:8px}
.w2 .tq-l .i{font-size:13px;color:var(--ts-muted)}
.w2 .tq-l i{font-style:normal;color:#ff453a}
.w2 .tq-o{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--ts-muted);padding:4px 0}
.w2 .tq-o span{width:15px;height:15px;border-radius:4px;background:var(--ts-s2);box-shadow:inset 0 0 0 1.5px var(--ts-line2);flex:none}
.w2 .tq-o.on{color:var(--ts-text)}
.w2 .tq-o.on span{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17.5 19 7'/%3E%3C/svg%3E") center/11px no-repeat;box-shadow:none}
@container (max-width:520px){
  .w2 .ts-head{flex-direction:column;align-items:stretch;gap:10px}
  .w2 .ts-bn{width:100%}
  .w2 .ts-title{font-size:17px}
  .w2 .ts-hl{display:none}.w2 .ts-hs{display:inline}
  .w2 .ts-rel{display:grid;grid-template-columns:auto 1fr;gap:10px 12px}
  .w2 .ts-buy{grid-column:1/-1;justify-content:space-between;align-items:center}
  .w2 .ts-fld{flex-direction:row;align-items:center;gap:8px}
  .w2 .ts-fld small{margin:0;font-size:11.5px;letter-spacing:0;text-transform:none;font-weight:600}
  .w2 .ts-ex{grid-template-columns:1fr}
  .w2 .ts-cta{flex-direction:column;align-items:stretch;gap:8px}
  .w2 .ts-next{justify-content:center}
}
/* Statistik-Vorschau im Dashboard-Design (immer dunkel wie das Dashboard) */
.w2 .stx{--st-bg:#121214;--st-s1:#1c1c1f;--st-s2:#26262a;--st-s3:#34343a;--st-line:rgba(255,255,255,.07);--st-text:#f3f3f5;--st-muted:#b4b4ba;--st-dim:#86868e;--st-acc:#7d7af2;
  position:relative;height:350px;overflow:hidden;border-radius:16px;background:var(--st-bg);color:var(--st-text);box-shadow:0 0 0 1px var(--line-2);padding:14px 14px 0;font-size:11px;font-variant-numeric:tabular-nums;color-scheme:dark}
.w2 .phone.ph-s{height:230px}
.w2 .stx::after{content:"";position:absolute;left:0;right:0;bottom:0;height:44px;background:linear-gradient(transparent,var(--st-bg));pointer-events:none;z-index:3}
.w2 .st-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.w2 .st-top>b{font-size:17px;font-weight:800;letter-spacing:-.03em}
.w2 .st-tabs{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--st-s1)}
.w2 .st-tabs span{padding:5px 10px;border-radius:999px;font-size:11px;font-weight:600;color:var(--st-muted);transition:background-color .25s,color .25s,transform .12s}
.w2 .st-tabs span.on{background:var(--st-s3);color:var(--st-text);font-weight:700}
.w2 .st-ps{display:grid;grid-template-columns:minmax(0,1fr)}
.w2 .st-p{grid-area:1/1;min-width:0;display:flex;flex-direction:column;gap:8px;visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s cubic-bezier(.2,.7,.3,1),visibility 0s .35s}
.w2 .st-p.on{visibility:visible;opacity:1;transform:none;transition:opacity .35s,transform .35s cubic-bezier(.2,.7,.3,1)}
.w2 .st-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:12px;background:var(--st-s1);overflow:hidden}
.w2 .st-k>div{padding:9px 11px;min-width:0}
.w2 .st-k>div+div{border-left:1px solid var(--st-line)}
.w2 .st-k small{display:block;font-size:8.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--st-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w2 .st-k b{display:block;font-size:clamp(15px,1.6vw,19px);font-weight:800;letter-spacing:-.03em;margin-top:2px;white-space:nowrap}
.w2 .st-k span{display:block;font-size:9.5px;color:var(--st-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w2 .st-c{position:relative;border-radius:12px;background:var(--st-s1);padding:11px 12px}
.w2 .st-ct{font-size:12px;font-weight:800}
.w2 .st-cs{font-size:9.5px;color:var(--st-muted);margin:2px 0 8px}
.w2 .st-r{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;padding:5px 0;border-top:1px solid var(--st-line)}
.w2 .st-r:nth-of-type(1){border-top:0}
.w2 .st-r span{font-size:10.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w2 .st-r span small{font-weight:500;color:var(--st-dim);margin-left:6px;font-size:9px}
.w2 .st-r em{font-style:normal;font-size:9.5px;color:var(--st-muted);white-space:nowrap}
.w2 .st-r i{grid-column:1/-1;height:5px;border-radius:5px;background:var(--st-s3);position:relative;overflow:hidden}
.w2 .st-r i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);max-width:100%;min-width:4px;border-radius:5px;background:var(--st-acc);transform-origin:left;transition:transform .8s cubic-bezier(.2,.7,.3,1)}
.w2 .st-p:not(.on) .st-r i::after{transform:scaleX(0)}
.w2 .st-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.w2 .st-chart svg{display:block;width:100%;height:170px;margin-left:0}
.w2 .st-g line{stroke:var(--st-line);stroke-width:1;vector-effect:non-scaling-stroke}
.w2 .st-a{fill:var(--st-acc);opacity:.16}
.w2 .st-l{fill:none;stroke:var(--st-acc);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-dasharray:1400;stroke-dashoffset:0;transition:stroke-dashoffset 1.4s ease}
.w2 .st-p:not(.on) .st-l{stroke-dashoffset:1400}
.w2 .st-chart circle{fill:var(--st-acc)}
.w2 .st-ylab{position:absolute;left:12px;top:38px;height:170px;width:24px;pointer-events:none}
.w2 .st-ylab i{position:absolute;left:0;font-style:normal;font-size:8.5px;color:var(--st-dim);transform:translateY(50%)}
.w2 .st-end{position:absolute;right:16px;top:36px;font-size:10px;font-weight:800}
.w2 .st-xlab{display:flex;justify-content:space-between;padding-left:6%;margin-top:3px}
.w2 .st-xlab i{font-style:normal;font-size:8.5px;color:var(--st-dim)}
.w2 .st-split{display:flex;gap:3px;height:7px;margin-top:4px}
.w2 .st-split i{border-radius:4px;min-width:6px}
.w2 .st-leg{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:7px;font-size:9.5px;color:var(--st-muted)}
.w2 .st-leg span{display:inline-flex;align-items:center;gap:5px}
.w2 .st-leg i{width:7px;height:7px;border-radius:2px}
.w2 .st-leg b{color:var(--st-text)}
.w2 .stx .ts-cur{z-index:5}
@media (max-width:599px){.w2 .st-k{grid-template-columns:repeat(2,minmax(0,1fr))}.w2 .st-k>div:nth-child(3){border-left:0}.w2 .st-k>div:nth-child(n+3){border-top:1px solid var(--st-line)}.w2 .st-2{grid-template-columns:1fr}.w2 .st-tabs span{padding:5px 8px}}
.w2 .stripe{display:inline-flex;align-items:center;justify-content:center;height:58px;padding:0 26px;border-radius:14px;background:#fff;color:#635bff;box-shadow:0 0 0 1px var(--line);
  font-size:30px;font-weight:800;letter-spacing:-.06em;line-height:1}
.w2 .sc-t{font-size:clamp(24px,2.1vw,28px)!important;letter-spacing:-.035em!important;line-height:1.1}
.w2 .sc-head{display:flex;align-items:center;gap:14px;margin-bottom:4px}
.w2 .sc-head .stripe{height:46px;padding:0 14px;font-size:22px;border-radius:11px;flex:none}
.w2 .sc-head h3{font-size:clamp(24px,2.1vw,28px);font-weight:800;letter-spacing:-.035em;line-height:1.1}
.w2 .payx{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media (min-width:700px){.w2 #tv-stripe .payx{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}}
@media (min-width:1024px){.w2 .sc-wide{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:32px;align-items:center}.w2 .sc-wide>h3,.w2 .sc-wide>p{grid-column:1}.w2 .sc-wide>.mock{grid-column:2;grid-row:1/span 2;margin:0;padding:0}}
.w2 .payx img{width:100%;height:auto;max-width:none;border-radius:8px}
.w2 .pms{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.w2 .pm{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 11px;border-radius:9px;background:var(--surface-2);font-size:12.5px;font-weight:800;letter-spacing:-.01em}
.w2 .pm .i{font-size:13px}
.w2 .pm.more{background:transparent;color:var(--text-2);padding:0 4px}
.w2 .zero-s{display:flex;align-items:center;gap:8px}
.w2 .zero-s span{flex:1;display:flex;align-items:baseline;justify-content:center;gap:7px;padding:10px 8px;border-radius:12px;background:var(--surface-2);font-size:11.5px;font-weight:700;color:var(--text-2)}
.w2 .zero-s b{font-size:20px;font-weight:800;letter-spacing:-.04em;color:var(--text)}
.w2 .zero-s i{font-style:normal;font-size:18px;font-weight:800;color:var(--text-3)}
.w2 .zero{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}
.w2 .zero div{background:var(--surface-2);border-radius:16px;padding:16px 10px;text-align:center}
.w2 .zero b{display:block;font-size:clamp(30px,3.4vw,40px);font-weight:800;letter-spacing:-.05em;line-height:1}
.w2 .zero small{display:block;font-size:12px;font-weight:700;color:var(--text-2);margin-top:6px}
.w2 .zero>span{font-size:26px;font-weight:800;color:var(--text-3)}
.w2 .wallets{display:flex;flex-wrap:wrap;gap:8px}
.w2 .wallets img{height:44px;width:auto;max-width:100%}
.w2 .wbtn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:10px;font-size:13px;font-weight:700;background:#000;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}
.w2 .wbtn.g{background:#fff;color:#1f1f1f;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.w2 .wbtn .i{font-size:16px}
.w2 .wbtn .gl{font-weight:800;font-size:15px;letter-spacing:-.02em}
.w2 .chart{display:block;width:100%;height:150px}
.w2 #tv-live .mock{flex:1;display:flex;flex-direction:column;min-height:0}
.w2 .chart .gr{stroke:var(--line);stroke-width:1}
.w2 .chart .l1{stroke:var(--text)}.w2 .chart .l2{stroke:var(--text-2)}.w2 .chart .l3{stroke:var(--text-4)}
.w2 .chart polyline{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.w2 .chart circle{fill:var(--text)}

/* Marketing */
.w2 .metab{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 10px;border-radius:9px;background:var(--surface-2);font-size:12.5px;font-weight:800}
.w2 .metab .code{display:inline-grid;place-items:center;height:20px;padding:0 6px;border-radius:6px;background:var(--surface-3);font-size:11px}
.w2 .fx-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.w2 .sponsors{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.w2 .sponsors span{aspect-ratio:3/2;border-radius:9px;background:var(--surface-2);display:grid;place-items:center;font-size:10px;font-weight:700;color:var(--text-3)}
.w2 .sponsors span.on{background:var(--surface-3);color:var(--text-2)}
.w2 .brandtile{width:84px;height:84px;border-radius:22px;display:grid;place-items:center;margin:0 auto}
.w2 .brandtile.fb{background:#1877f2;color:#fff;font-size:44px}
.w2 .eu{display:block;width:150px;max-width:100%;height:auto;margin:0 auto;border-radius:12px}
.w2 .copyrow{display:flex;gap:8px;align-items:center}
.w2 .copyrow .fi{flex:1;font-size:11px}
.w2 .discoshot{display:flex;justify-content:center}
.w2 .discoshot img{width:40%;max-width:140px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.4))}

/* Individualisierung */
.w2 .subd{display:flex;align-items:center;gap:8px}
.w2 .subd .fi{flex:1}
.w2 .subd>b{font-size:12.5px;font-weight:800}
.w2 .prof{border-radius:14px;overflow:hidden;background:var(--surface)}
.w2 .prof-c{height:54px;background:var(--surface-3);position:relative}
.w2 .prof-c img{width:100%;height:100%;object-fit:cover;opacity:.85}
.w2 .prof-b{padding:0 12px 12px;display:flex;flex-direction:column;gap:8px}
.w2 .prof-top{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:-22px;position:relative}
.w2 .pav{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--inv);color:var(--inv-fg);font-family:var(--font-logo);font-weight:700;font-size:22px;box-shadow:0 0 0 3px var(--surface)}
.w2 .prof-n{font-size:14px;font-weight:800;display:flex;align-items:center;gap:5px}
.w2 .prof-n .i{color:var(--km);font-size:14px}
.w2 .prof-s{font-size:11px;font-weight:600;color:var(--text-3)}
.w2 .prof-ev{display:flex;gap:6px}
.w2 .prof-ev img{flex:1;min-width:0;height:40px;border-radius:7px;object-fit:cover}
.w2 .tickets{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.w2 .tkx{width:70px;border-radius:9px;overflow:hidden;color:#fff;box-shadow:0 10px 20px -10px rgba(0,0,0,.6);font-size:7px;line-height:1.2}
.w2 .tkx-t{display:flex;justify-content:space-between;align-items:flex-start;padding:6px 6px 0;height:22px}
.w2 .tkx-t .lg{font-family:var(--font-logo);font-weight:700;font-size:8px}
.w2 .tkx-t b{font-size:7px;font-weight:800;text-align:right}
.w2 .tkx-band{height:34px;opacity:.7}
.w2 .tkx-f{padding:5px 6px 7px}
.w2 .tkx-f b{display:block;font-size:8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w2 .tkx-f small{display:block;font-size:6px;opacity:.75;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.w2 .photo-slot{display:flex;align-items:center;justify-content:center;gap:6px;height:44px;border-radius:10px;box-shadow:inset 0 0 0 1.5px var(--surface-3);font-size:12px;font-weight:700;color:var(--text-2);margin-top:10px}
.w2 .sw-row{display:flex;gap:8px;flex-wrap:wrap}
.w2 .sw-row span{width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.w2 .sw-row span.on{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--text)}
.w2 .ev-prev{margin-top:12px;border-radius:12px;overflow:hidden;background:var(--ev);color:#fff;padding:12px}
.w2 .ev-prev b{display:block;font-size:13px;font-weight:800}
.w2 .ev-prev small{display:block;font-size:10.5px;opacity:.8;font-weight:600}
.w2 .ev-prev span{display:inline-flex;margin-top:8px;height:26px;padding:0 10px;align-items:center;border-radius:8px;background:rgba(255,255,255,.92);color:#111;font-size:11px;font-weight:800}

/* Finanzen */
.w2 .filebtn{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:var(--surface-2)}
.w2 .filebtn .fic{width:42px;height:50px;border-radius:8px;background:var(--surface-3);display:grid;place-items:center;font-size:20px;flex:none}
.w2 .filebtn b{display:block;font-size:15px;font-weight:800}
.w2 .filebtn small{display:block;font-size:12px;color:var(--text-2);font-weight:600}
.w2 .filebtn .dl{margin-left:auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--inv);color:var(--inv-fg);font-size:16px;flex:none}
.w2 .filebtn .dl .i{stroke-width:2.6}
.w2 .lockline{display:flex;align-items:center;gap:8px;justify-content:center;font-size:12.5px;font-weight:700;color:var(--text-2);margin-top:12px}
.w2 .center{display:flex;flex-direction:column;align-items:center}

/* Kundenmanagement */
.w2 .pcard{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:var(--surface)}
.w2 .pcard .pav{width:58px;height:58px;font-size:26px;box-shadow:none}
.w2 .pcard .acts{border:0;padding:0;margin-top:8px;justify-content:flex-start}
.w2 .ord{display:grid;gap:0}
.w2 .ord div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--line);font-size:11.5px}
.w2 .ord div:first-child{border-top:0;padding-top:0}
.w2 .ord dt{color:var(--text-3);font-weight:600}
.w2 .ord dd{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.w2 .ord .tot{font-size:13px}
.w2 .ord .tot dt{color:var(--text);font-weight:800}
.w2 .ord .tot dd{font-weight:800}
.w2 .st{display:inline-flex;height:20px;align-items:center;padding:0 7px;border-radius:6px;background:var(--green-dim);color:var(--green-ink);font-size:10.5px;font-weight:800}
.w2 .formitem{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;background:var(--surface);margin-top:10px}
.w2 .formitem .ic{width:32px;height:32px;border-radius:9px;font-size:15px;background:var(--surface-2);color:var(--text)}
.w2 .formitem b{display:block;font-size:12.5px;font-weight:800}
.w2 .formitem small{display:block;font-size:11px;color:var(--text-3);font-weight:600}

/* Einlasskontrolle */
.w2 .phone{width:min(100%,214px);height:300px;margin:0 auto;border-radius:30px 30px 0 0;background:var(--bg);
  box-shadow:0 0 0 6px var(--surface-3),0 24px 50px -20px rgba(0,0,0,.6);padding:10px 10px 0;display:flex;flex-direction:column;gap:7px;font-size:10px;overflow:hidden}
.w2 .phone .sb{display:flex;justify-content:space-between;align-items:center;font-size:9.5px;font-weight:800;padding:2px 10px 0}
.w2 .phone .sb i{width:52px;height:14px;border-radius:8px;background:var(--surface-3)}
.w2 .phone .plg{text-align:center;font-family:var(--font-logo);font-weight:700;font-size:15px;margin:2px 0}
.w2 .pc{background:var(--surface);border-radius:14px;padding:9px;display:flex;flex-direction:column;gap:6px}
.w2 .pf{background:var(--surface-2);border-radius:8px;padding:7px 9px;font-weight:700;font-size:10px;display:flex;justify-content:space-between;gap:6px}
.w2 .pf span{color:var(--text-2);font-weight:600}
.w2 .pb{border-radius:8px;padding:7px;text-align:center;font-weight:800;font-size:9.5px;letter-spacing:.05em;background:var(--inv);color:var(--inv-fg)}
.w2 .pb.o{background:transparent;box-shadow:inset 0 0 0 1.5px var(--surface-3);color:var(--text)}
.w2 .pb.g{background:var(--green-dim);color:var(--green-ink)}
.w2 .pb.r{background:transparent;box-shadow:inset 0 0 0 1.5px var(--red);color:var(--red-ink)}
.w2 .ptxt{font-size:9.5px;color:var(--text-2);font-weight:600;text-align:center;line-height:1.35}
.w2 .scanbox{position:relative;height:82px;border-radius:10px;background:var(--surface-2);overflow:hidden}
.w2 .scanbox::before{content:"";position:absolute;inset:14px 34%;border-radius:6px;
  background:linear-gradient(var(--text),var(--text)) 0 0/12px 2px,linear-gradient(var(--text),var(--text)) 0 0/2px 12px,
  linear-gradient(var(--text),var(--text)) 100% 0/12px 2px,linear-gradient(var(--text),var(--text)) 100% 0/2px 12px,
  linear-gradient(var(--text),var(--text)) 0 100%/12px 2px,linear-gradient(var(--text),var(--text)) 0 100%/2px 12px,
  linear-gradient(var(--text),var(--text)) 100% 100%/12px 2px,linear-gradient(var(--text),var(--text)) 100% 100%/2px 12px;background-repeat:no-repeat}
.w2 .scanbox::after{content:"";position:absolute;left:30%;right:30%;top:50%;height:2px;border-radius:2px;background:var(--green);box-shadow:0 0 12px var(--green);animation:w2-scan 2.4s ease-in-out infinite alternate}
@keyframes w2-scan{from{transform:translateY(-22px)}to{transform:translateY(22px)}}
.w2 .pnote{display:flex;gap:6px;align-items:flex-start;background:var(--surface-2);border-radius:8px;padding:7px 8px;font-size:9.5px;font-weight:600;color:var(--text-2);line-height:1.35}
.w2 .pnote .i{font-size:11px;margin-top:1px}
.w2 .counter{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:var(--green-dim)}
.w2 .counter b{display:block;font-size:clamp(30px,3.4vw,40px);font-weight:800;letter-spacing:-.045em;line-height:1;color:var(--green-ink);font-variant-numeric:tabular-nums}
.w2 .counter small{display:block;font-size:12.5px;font-weight:700;color:var(--green-ink);margin-top:4px;opacity:.85}
.w2 .counter .live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:7px;background:var(--green);color:#04250f;font-size:11px;font-weight:800}
.w2 .counter .live::before{content:"";width:6px;height:6px;border-radius:50%;background:#04250f;animation:w2-pulse 1.4s infinite}
@keyframes w2-pulse{50%{opacity:.25}}
.w2 .appic{width:84px;height:84px;border-radius:22px;display:grid;place-items:center;background:var(--inv);color:var(--inv-fg);font-family:var(--font-logo);font-weight:700;font-size:50px;line-height:1;padding-bottom:10px}
.w2 .urlpill{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:11px;background:var(--surface-2);font-size:13px;font-weight:800;margin-top:12px}
.w2 .urlpill .i{color:var(--text-3);font-size:12px;stroke-width:2.6}

/* ===== Fußzeile ===== */
.w2 .foot{margin-top:clamp(80px,10vw,128px);border-top:1px solid var(--line);padding-block:48px calc(28px + env(safe-area-inset-bottom,0px))}
.w2 .foot-g{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
@media (max-width:899px){.w2 .foot-g{grid-template-columns:repeat(2,minmax(0,1fr))}.w2 .foot-g>div:first-child{grid-column:1/-1}}
.w2 .foot h4{font-size:13px;font-weight:700;color:var(--text-3);margin-bottom:12px}
.w2 .foot-g a:not(.logo){display:block;font-size:14px;font-weight:600;color:var(--text-2);padding:4px 0;transition:color .2s}
.w2 .foot-g a:not(.logo):hover{color:var(--text)}
.w2 .foot p{font-size:14px;color:var(--text-2);line-height:1.6;max-width:36ch;margin-top:14px}
.w2 .made{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13.5px;font-weight:700}
.w2 .flag{width:22px;height:15px;border-radius:3px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--line);flex:none}
.w2 .flag i{flex:1}.w2 .flag i:nth-child(1){background:#ed2939}.w2 .flag i:nth-child(2){background:#fff}.w2 .flag i:nth-child(3){background:#00a1de}
.w2 .foot-b{display:flex;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;margin-top:44px;font-size:12.5px;font-weight:500;color:var(--text-3)}

/* Hinweis unten */
.w2 .toast{position:fixed;left:50%;bottom:calc(26px + env(safe-area-inset-bottom,0px));z-index:100;display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);
  padding:12px 18px;border-radius:14px;background:var(--inv);color:var(--inv-fg);font-size:14px;font-weight:700;box-shadow:0 16px 40px -12px rgba(0,0,0,.6);
  transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s cubic-bezier(.2,.7,.3,1)}
.w2 .toast.show{opacity:1;transform:translate(-50%,0)}
.w2 .toast .i{font-size:17px;stroke-width:2.4}


/* ===== Jost (nur 800) für Abschnittstitel – laut Figma ===== */
@font-face{font-family:'Jost';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/jost-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
html.w2-html,.w2-frame .w2{--font-head:'Jost',var(--font)}
@media (max-width:899px){html.w2-html,.w2-frame .w2{--gutter:20px}}

/* ===== Funktionsseite nach Figma-Layout (iPhone 16 · 393 px) =====
   Titel → Schiene mit 3 Hochkant-Karten → Titel → breite Karte → Titel → Schiene
   → Titel → 2 Quadrate + 1 Breitkarte → Titel → große Karte */
.w2 .fpl{display:flex;flex-direction:column}
.w2 .fpl-h{font-family:var(--font-head);font-weight:800;font-size:24px;line-height:35px;letter-spacing:0;color:var(--text);margin:32px 0 7px}
.w2 .fpl-h:first-child{margin-top:0}
.w2 .fpl .fx{grid-column:auto;grid-row:auto}

/* Schiene: mobil horizontal wischen (236 × 329, Abstand 15), ab Tablet 3 nebeneinander */
.w2 .rail{--g:max(var(--gutter),env(safe-area-inset-left,0px));display:grid;grid-auto-flow:column;grid-auto-columns:236px;gap:15px;
  overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;
  margin-inline:calc(var(--g) * -1);padding-inline:var(--g);scroll-padding-inline:var(--g)}
.w2 .rail::-webkit-scrollbar{display:none}
.w2 .rail:focus-visible{outline-offset:-2px}
.w2 .rail>.fx{scroll-snap-align:start;height:329px}
.w2 .fx.v{padding:16px;gap:6px}
.w2 .fx.v.ph{padding-bottom:0}
.w2 .fx.v h3{font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.w2 .fx.v>p{font-size:13.5px;line-height:1.45}
/* Große Variante (nur „Verkaufe wie ein Profi“) */
.w2 .rail.lg{grid-auto-columns:min(82vw,360px)}
.w2 .rail.lg>.fx{height:auto;aspect-ratio:236/329;min-height:0}
.w2 .rail.lg .fx.v{padding:20px;gap:8px}
.w2 .rail.lg .fx.v.ph{padding-bottom:0}
.w2 .rail.lg .fx.v h3{font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.25}
.w2 .rail.lg .fx.v>p{font-size:14.5px}
.w2 .fx.v .mock{padding-top:12px}

/* Ticketverkauf: Hero ohne Inklusiv-Box → einspaltig */
.w2 main[data-page="ticketverkauf"] .fhero{grid-template-columns:minmax(0,1fr)}

/* Pfeil-Buttons unter den 3er-Schienen */
.w2 .rail-nav{display:flex;justify-content:flex-end;gap:12px;margin-top:14px}
.w2 .rail-btn{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--text);font-size:18px;transition:background-color .2s,opacity .2s,transform .15s}
.w2 .rail-btn .i{stroke-width:2.6}
.w2 .rail-btn:hover:not(:disabled){background:var(--surface-3)}
.w2 .rail-btn:active:not(:disabled){transform:scale(.92)}
.w2 .rail-btn:disabled{opacity:.4;cursor:default}

/* Shop in Website integrieren: Veranstalter-Website im Handy (iPhone 14, 390 × 844, skaliert) */
.w2 #tv-website .ws-m{padding-top:14px}
.w2 .tvh-fit{position:relative;width:100%;max-width:330px;margin:0 auto;overflow:hidden}
.w2 .tvh-dev{position:absolute;top:0;left:0;width:410px;height:864px;padding:10px;border-radius:52px;transform-origin:0 0;background:#2a2a2e;box-shadow:0 0 0 1px #3c3c40}
.w2 .tvh-scr{position:relative;width:390px;height:844px;border-radius:42px;overflow:hidden;background:#1a1530;display:flex;flex-direction:column;color:#f4f4f4}
.w2 .tvh-top{flex:none;background:#1a1530;padding:14px 22px 10px;border-bottom:1px solid rgba(117,105,254,.2)}
.w2 .tvh-sb{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:700;height:30px}
.w2 .tvh-sb i{width:118px;height:32px;border-radius:99px;background:#000}
.w2 .tvh-url{margin-top:8px;height:34px;border-radius:12px;background:#2a2347;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:#d4d4d8}
.w2 .tvh-url .i{font-size:12px}
.w2 .tvh-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.w2 .tvh-scroll::-webkit-scrollbar{display:none}
.w2 .ws-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid rgba(117,105,254,.2)}
.w2 .ws-brand{font-family:var(--font-head);font-weight:800;font-size:15px;letter-spacing:.12em}
.w2 .ws-burger{width:20px;height:12px;border-top:2px solid #f4f4f4;border-bottom:2px solid #f4f4f4;position:relative}
.w2 .ws-burger::after{content:"";position:absolute;left:0;right:0;top:3px;border-top:2px solid #f4f4f4}
.w2 .ws-hero{padding:24px 22px 22px}
.w2 .ws-h{display:block;font-family:var(--font-head);font-weight:800;font-size:44px;line-height:.95;text-transform:uppercase}
.w2 .ws-hero p{font-size:13.5px;line-height:1.55;color:#bdb6dc;margin-top:14px;max-width:34ch}
.w2 .ws-open{display:inline-flex;gap:10px;font-size:12.5px;color:#e8e6f5;margin-top:16px;padding-bottom:8px;border-bottom:1px solid #7569FE}
.w2 .ws-frame{margin:0 12px 12px;border:1px solid #3a3a3e;box-shadow:0 18px 40px -16px rgba(0,0,0,.6);border-radius:4px;overflow:hidden;background:#060607}
.w2 .ws-strip{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #2c2c2c;font-size:9.5px;font-weight:700;letter-spacing:.06em;background:#151515}
.w2 .ws-strip .r{color:#c8b46a;font-weight:600;letter-spacing:0}
.w2 .ws-strip .r b{font-family:var(--font-logo);font-weight:700}
.w2 .tvh-if{display:block;width:100%;border:0;background:#060607}
@media (min-width:900px){
  .w2 #tv-website.big{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);column-gap:56px;align-items:start}
  .w2 #tv-website.big>h3{grid-column:1}
  .w2 #tv-website.big>.ws-m{grid-column:2;grid-row:1/span 3;padding-top:0}
}

.w2 .tvh-dots,.w2 .ws-links{display:none}
/* Desktop: Veranstalter-Website im Browserfenster */
.w2 .tvh.desk .tvh-fit{max-width:none}
.w2 .tvh.desk .tvh-dev{width:1200px;height:720px;padding:0;border-radius:14px;background:#1a1530;box-shadow:0 0 0 1px rgba(117,105,254,.28),0 30px 60px -30px rgba(0,0,0,.7)}
.w2 .tvh.desk .tvh-scr{width:1200px;height:720px;border-radius:14px}
.w2 .tvh.desk .tvh-top{display:flex;align-items:center;gap:16px;padding:12px 18px}
.w2 .tvh.desk .tvh-sb{display:none}
.w2 .tvh.desk .tvh-dots{display:flex;gap:8px;flex:none;width:80px}
.w2 .tvh.desk .tvh-dots i{width:12px;height:12px;border-radius:50%;background:#3d3566}
.w2 .tvh.desk .tvh-url{margin:0 auto;width:440px;height:32px;transform:translateX(-48px)}
.w2 .tvh.desk .ws-nav{padding:20px 56px}
.w2 .tvh.desk .ws-brand{font-size:17px}
.w2 .tvh.desk .ws-burger{display:none}
.w2 .tvh.desk .ws-links{display:flex;gap:34px;font-size:14px;font-weight:600;color:#d8d4ee}
.w2 .tvh.desk .ws-hero p,.w2 .tvh.desk .ws-open{display:none}
.w2 .tvh.desk .ws-hero{padding:26px 56px 26px;text-align:center;display:flex;flex-direction:column;align-items:center}
.w2 .tvh.desk .ws-h{font-size:40px}
.w2 .tvh.desk .ws-hero p{font-size:14px;max-width:60ch;margin-top:10px}
.w2 .tvh.desk .ws-open{font-size:13px;margin-top:12px}
.w2 .tvh.desk .ws-frame{max-width:780px;margin:0 auto 20px}
.w2 .tvh.desk .ws-strip{font-size:11px;padding:12px 16px}
@media (min-width:900px){
  .w2 #tv-website.big{display:block}
  .w2 #tv-website.big>.ws-m{padding-top:18px}
}

/* Ticketverkauf: Preisblock kompakt */
.w2 #tv-preise .wide{gap:16px;padding:20px;border-radius:24px}
.w2 #tv-preise .wide h2{font-size:24px;line-height:1.15}
.w2 #tv-preise .wide .fine{margin-top:8px;font-size:13px;line-height:1.45}
.w2 #tv-preise .feebox-r{padding:14px 16px;gap:2px;border-radius:16px}
.w2 #tv-preise .feebox-r .lbl{font-size:13px}
.w2 #tv-preise .feebox-r .fee{margin:4px 0 2px;gap:10px}
.w2 #tv-preise .fee-n{font-size:72px}
.w2 #tv-preise .feebox-r .nur{font-size:16px;padding-bottom:3px}
.w2 #tv-preise .fee-t b{font-size:17px}
.w2 #tv-preise .feebox-r .row{margin-top:8px;padding-top:10px;flex-wrap:nowrap}
.w2 #tv-preise .feebox-r .row span{font-size:13px;white-space:nowrap}
.w2 #tv-preise .feebox-r .btn{height:36px;padding:0 12px;font-size:13px;border-radius:10px}
@media (min-width:900px){
  .w2 #tv-preise .wide{gap:40px;padding:32px 36px}
  .w2 #tv-preise .wide h2{font-size:clamp(28px,3vw,36px)}
  .w2 #tv-preise .wide .fine{font-size:14px}
  .w2 #tv-preise .feebox-r{padding:20px 22px}
  .w2 #tv-preise .fee-n{font-size:104px}
  .w2 #tv-preise .feebox-r .nur{font-size:18px}
  .w2 #tv-preise .fee-t b{font-size:20px}
}

/* Ticketverkauf-Hero: Buttons nebeneinander (auch mobil) */
.w2 main[data-page="ticketverkauf"] .fhero .ctas{flex-wrap:nowrap}
@media (max-width:599px){
  .w2 main[data-page="ticketverkauf"] .fhero .ctas{width:auto}
  .w2 main[data-page="ticketverkauf"] .fhero .ctas .btn{flex:0 1 auto;min-width:0;padding:0 14px;font-size:15px}
}
@media (max-width:379px){.w2 main[data-page="ticketverkauf"] .fhero .ctas{gap:8px}.w2 main[data-page="ticketverkauf"] .fhero .ctas .btn{padding:0 10px;font-size:14px}}

/* Forms-Karte: Handy, füllt den Rest der Karte (Treppe per JS) */
.w2 #tv-forms{padding-bottom:0!important}
.w2 #tv-forms .mock{flex:1 1 0;height:0;min-height:0;margin-top:0;padding-top:14px;display:flex;flex-direction:column}
.w2 #tv-forms .fo-ph{flex:1 1 auto;min-height:0;height:auto;width:min(100%,246px);margin:0 auto;gap:6px;background:#060607;color:#fff;padding:10px 0 0}
.w2 #tv-forms .fo-ph .sb{padding:2px 20px 0}
.w2 #tv-forms .fo-ph .tq{flex:1 1 auto;min-height:0;max-height:none;overflow:hidden;-webkit-mask:none;mask:none;background:#060607;border-radius:0;box-shadow:none}
/* alle drei Handys gleich breit */
.w2 #tv-vorverkauf .phone{width:min(100%,246px)}

/* Ticket-Vorschau überall in denselben Farben wie der Wallet-Pass */
.w2 .ts-tk{background:#161618;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.w2 .ts-tk-band{background:radial-gradient(circle at 72% 50%,#7569FE 0 19%,transparent 20%),radial-gradient(circle at 72% 50%,transparent 0 33%,rgba(117,105,254,.75) 34% 36.5%,transparent 37.5%),radial-gradient(circle at 72% 50%,transparent 0 50%,rgba(117,105,254,.4) 51% 53%,transparent 54%),#000}

/* Effizienter Checkout (Rail-Karte, Bild aus dem Handy-Shop) */
.w2 #tv-checkout .co-m{flex:1 1 0;height:0;min-height:0;margin-top:0;padding-top:14px;display:flex;flex-direction:column;gap:14px}
.w2 #tv-checkout .co-ph{flex:1 1 0;min-height:0;height:auto;width:min(100%,246px);margin:0 auto;gap:6px;background:#060607;color:#fff;padding:10px 0 0}
.w2 #tv-checkout .co-ph .sb{padding:2px 20px 0}
.w2 #tv-checkout .co-img{width:100%;height:auto;flex:none}
.w2 #tv-checkout{padding-bottom:0!important}
.w2 #tv-checkout .co-h{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.w2 #tv-checkout .co-btn{flex:none;height:32px;padding:0 10px;gap:4px;font-size:12.5px;border-radius:9px}
.w2 #tv-checkout .co-h h3{white-space:nowrap}

/* Liste unter „Shop in Website integrieren“ */
.w2 .fl-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.w2 .fl-row{border-radius:20px;background:var(--surface)}
.w2 .fl-row summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;
  font-family:var(--font-head);font-weight:800;font-size:20px;line-height:1.2}
.w2 .fl-row summary::-webkit-details-marker{display:none}
.w2 .fl-row summary .i{font-size:18px;color:var(--text-2);transition:transform .2s}
.w2 .fl-row[open] summary .i{transform:rotate(180deg)}
.w2 .fl-body{padding:0 18px 18px;color:var(--text-2);font-size:14.5px;font-weight:500;display:flex;flex-direction:column;gap:12px}
.w2 .fl-body b{color:var(--text);font-weight:700}
.w2 .fl-body .mock{padding:0}
@media (min-width:760px){.w2 .fl-list{gap:12px;margin-top:16px}.w2 .fl-row summary{font-size:24px;padding:20px 24px}.w2 .fl-body{padding:0 24px 22px}}

/* Produkte-Menü: ticketing | discovery, ticketing klappt auf */
.w2 .dd-prods{display:grid;grid-template-columns:1fr 1fr;gap:4px;min-width:400px}
.w2 .dd-p .dd-prod{display:flex;align-items:center;gap:12px;padding:7px 12px;border-radius:14px;text-align:left;transition:background-color .2s;width:100%}
.w2 .dd-p .dd-prod:hover,.w2 .dd-p .dd-prod[aria-expanded="true"]{background:var(--surface-2)}
.w2 .dd-prod b.bw{font-size:16px;font-weight:700}
.w2 .dd-p .dd-prod .ic{width:32px;height:32px;border-radius:9px;font-size:15px}
.w2 .dd-prod>span:nth-child(2){flex:1;min-width:0}
.w2 .dd-prod .ic,.w2 .dl-prod .ic{background:var(--surface-2);color:var(--text)}
.w2 .dd-prod[aria-expanded="true"] .ic{background:var(--surface-3)}
.w2 .dd-pchev{font-size:16px;color:var(--text-2);transition:transform .2s}
.w2 [aria-expanded="true"]>.dd-pchev{transform:rotate(180deg)}
.w2 #dd-tix{margin-top:8px}
.w2 .dl-prod,.w2 .drawer a.dl-prod{display:flex;align-items:center;gap:12px;width:100%;padding:7px 12px;border-radius:14px;font-size:15px;color:var(--text);text-align:left}
.w2 .dl-prod .bw{flex:1;font-size:16px}
.w2 .dl-prod:hover{background:var(--surface-2)}
.w2 #dl-tix{padding-left:10px}

/* Laptop-Mockup (Sprachen-Karte) */
.w2 .lap{width:100%;filter:drop-shadow(0 18px 26px rgba(0,0,0,.5))}
.w2 .lap-scr{margin:0 7%;padding:5px 5px 7px;border-radius:11px 11px 0 0;background:#0b0b0c;box-shadow:inset 0 0 0 1px #3a3a3e}
.w2 .lap-in{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:3px;background:#060607}
.w2 .lap-page{position:absolute;top:0;left:0;width:260px;height:162.5px;transform-origin:0 0;background:#060607;color:#fff;display:flex;flex-direction:column}
.w2 .lap-page .win-bar{height:26px;padding:0 10px;gap:8px;flex:none;font-size:11px}
.w2 .lap-body{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 18px}
.w2 .lap-base{position:relative;height:8px;border-radius:2px 2px 8px 8px;background:linear-gradient(#e2e2e6,#a7a7ad 70%,#7d7d83)}
.w2 .lap-base::before{content:"";position:absolute;left:50%;top:0;width:16%;height:3px;margin-left:-8%;border-radius:0 0 4px 4px;background:#8a8a90}
.w2 #tv-sprachen .lg-m{margin-top:auto;padding-top:12px}
.w2 .lp-lang .langs{width:100%;grid-template-columns:repeat(4,1fr);gap:8px}
.w2 .lp-lang .lap-body{padding:8px 12px}
.w2 .lp-lang .langs li{font-size:0;padding:9px 0;justify-content:center;background:#1c1c1e;border-radius:14px;opacity:.55;transition:opacity .35s,background-color .35s,box-shadow .35s}
.w2 .lp-lang .langs li.on{opacity:1;background:#2c2c2e;box-shadow:0 0 0 2px #fff}
.w2 .lp-lang .langs .flag-i{width:42px;height:28px;border-radius:4px;flex:none}

/* Stripe Connect: Logos in einer Reihe, durchlaufend */
.w2 #tv-stripe .mock{margin-left:-20px;margin-right:-20px;overflow:hidden}
.w2 #tv-stripe .payx.mq{display:block;overflow:hidden}
.w2 #tv-stripe .mq-t{display:flex;width:max-content;gap:8px;animation:w2-mq 22s linear infinite}
.w2 #tv-stripe .mq-d{display:contents}
.w2 #tv-stripe .mq-t img{flex:none;width:84px;height:auto;max-width:none}
.w2 #tv-stripe .mq-t>.mq-d>img:first-child{margin-left:0}
@keyframes w2-mq{from{transform:translateX(0)}to{transform:translateX(calc(-100% / 3 - 2.667px))}}
@media (min-width:760px){.w2 #tv-stripe .mock{margin-left:-24px;margin-right:-24px}.w2 #tv-stripe .mq-t{gap:10px;animation-duration:28s}.w2 #tv-stripe .mq-t img{width:112px}
  @keyframes w2-mq{from{transform:translateX(0)}to{transform:translateX(calc(-100% / 3 - 3.333px))}}}
@media (prefers-reduced-motion:reduce){.w2 #tv-stripe .mq-t{animation:none}}

/* Unbegrenzt-Quadrat */
.w2 #tv-unbegrenzt .mock{display:flex;align-items:flex-end;padding-top:0}
.w2 .unb-inf{font-family:var(--font-head);font-weight:800;font-size:64px;line-height:.8;color:var(--text)}
.w2 #tv-unbegrenzt>p{font-size:12.5px;line-height:1.35}
@media (min-width:760px){.w2 .unb-inf{font-size:96px}.w2 #tv-unbegrenzt>p{font-size:14.5px}}

/* Sprachen als Quadrat */
.w2 #tv-sprachen.q{gap:2px}
.w2 #tv-sprachen.q h3{font-size:13px;line-height:1.2;min-height:0}
.w2 #tv-sprachen.q .lg-m{padding-top:4px}
.w2 #tv-sprachen.q .lap{max-width:none;width:100%;margin:0 auto}
.w2 #tv-sprachen.q .lap-scr{margin:0 5%}
@media (min-width:760px){.w2 #tv-sprachen.q h3{font-size:20px}.w2 #tv-sprachen.q .lg-m{padding-top:10px}}

/* Wallet in der großen Schiene: Badges etwas größer */
.w2 .rail.lg #tv-wallet .wallets img{height:36px}
@media (min-width:760px){.w2 .rail.lg #tv-wallet .wallets img{height:clamp(30px,3.2vw,40px)}}

/* Wallet-Badges: zentriert, nutzen die volle Breite (gleiche Höhe) */
.w2 #tv-wallet .wallets,.w2 .rail.lg #tv-wallet .wallets{display:flex;flex-wrap:nowrap;justify-content:center;gap:8px;width:100%}
.w2 #tv-wallet .wallets img,.w2 .rail.lg #tv-wallet .wallets img{height:auto!important;width:0;min-width:0;max-width:none}
.w2 #tv-wallet .wallets img:first-child{flex:174 1 0}
.w2 #tv-wallet .wallets img:last-child{flex:155 1 0}

/* Autonomie-Karte */
.w2 .au-st{list-style:none;display:flex;align-items:center;gap:6px}
.w2 .au-st li{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--text-2);position:relative}
.w2 .au-st li+li::before{content:"";position:absolute;top:17px;right:calc(50% + 22px);width:calc(100% - 38px);height:2px;background:var(--surface-3)}
.w2 .au-st .ic{width:36px;height:36px;border-radius:11px;font-size:16px;background:var(--surface-2);color:var(--text)}
@media (min-width:760px){.w2 .au-st li{font-size:12.5px}.w2 .au-st .ic{width:44px;height:44px;font-size:19px}.w2 .au-st li+li::before{top:21px;right:calc(50% + 26px);width:calc(100% - 46px)}}

/* Warteliste-Karte (Handy, statisch) */
.w2 #tv-warteliste{padding-bottom:0!important}
.w2 #tv-warteliste .wt-m{flex:1 1 0;height:0;min-height:0;margin-top:0;padding-top:12px;display:flex;flex-direction:column}
.w2 #tv-warteliste .wt-ph{flex:1 1 auto;min-height:0;height:auto;width:min(100%,170px);margin:0 auto;gap:6px;background:#060607;color:#fff;padding:10px 0 0}
.w2 #tv-warteliste .wt-ph .sb{padding:2px 16px 0}
.w2 #tv-warteliste .wt-img{width:100%;height:auto;flex:none}
@media (min-width:760px){.w2 #tv-warteliste .wt-ph{width:min(100%,246px)}.w2 #tv-warteliste .wt-ph .sb{padding:2px 20px 0}}

/* Startseite: Hero-Buttons nebeneinander */
.w2 .hero .ctas{flex-wrap:nowrap}
@media (max-width:599px){.w2 .hero .ctas .btn{flex:1 1 0;min-width:0;padding:0 12px;font-size:15px}}
/* Fotos ohne Ticket-Kerben, jetzt über den Buttons */
.w2 .hero .tix{margin-top:clamp(28px,4vw,48px)}
.w2 .hero .tix+.ctas{margin-top:clamp(28px,4vw,44px)}
.w2 .tk{-webkit-mask:none!important;mask:none!important}
/* Partner: zwei versetzte Reihen, durchlaufend */
.w2 .logos.mq2{display:block;padding:24px 0;overflow:hidden}
.w2 .lg-row{overflow:hidden}
.w2 .lg-row+.lg-row{margin-top:20px}
.w2 .lg-t{display:flex;align-items:center;gap:44px;width:max-content;animation:w2-lgmq 34s linear infinite}
.w2 .r2 .lg-t{animation-duration:40s;padding-left:60px}
.w2 .logos.mq2 img{flex:none}
@keyframes w2-lgmq{from{transform:translateX(0)}to{transform:translateX(calc(-100% / 3 - 14.667px))}}
.w2 .r2 .lg-t{animation-name:w2-lgmq2;animation-direction:reverse}
@keyframes w2-lgmq2{from{transform:translateX(0)}to{transform:translateX(calc((-100% + 60px) / 3 - 14.667px))}}
@media (prefers-reduced-motion:reduce){.w2 .lg-t{animation:none}}
/* ticketing-Bereiche wie im Menü, 3×2 */
.w2 .ft2-box{border-radius:24px;background:var(--surface);padding:10px}
.w2 .ft2-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 10px 12px}
.w2 .ft2-h .bw{font-size:20px}
.w2 .ft2-n{font-size:12.5px;font-weight:700;color:var(--text-3)}
.w2 .ft2-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.w2 .ft2{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;background:var(--surface-2);transition:background-color .2s}
.w2 .ft2:hover{background:var(--surface-3)}
.w2 .ft2 .ic{width:40px;height:40px;border-radius:12px;font-size:18px}
.w2 .ft2-t>b{display:block;font-size:15px;font-weight:800;letter-spacing:-.01em;line-height:1.2}
.w2 .ft2-t small{display:block;font-size:12.5px;font-weight:500;color:var(--text-2);margin-top:3px;line-height:1.35}
.w2 .ft2-t em{display:block;font-style:normal;font-size:11.5px;font-weight:700;color:var(--text-3);margin-top:8px}
.w2 .ft2-go{position:absolute;top:16px;right:14px;font-size:16px;color:var(--text-3)}
@media (min-width:900px){.w2 .ft2-box{padding:14px}.w2 .ft2-g{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.w2 .ft2{flex-direction:row;align-items:flex-start;gap:14px;padding:18px}
  .w2 .ft2 .ic{width:46px;height:46px;font-size:20px}.w2 .ft2-t>b{font-size:17px}.w2 .ft2-t small{font-size:13.5px}.w2 .ft2-go{top:20px;right:18px}}

/* Laptop: native Darstellung über Containereinheiten statt Skalierung (scharfe Kanten) */
.w2 .lap-in{container-type:inline-size}
.w2 .lap-page{inset:0;width:100%!important;height:100%!important;transform:none!important}
.w2 .lap-page .win-bar{height:10cqw;padding:0 3.5cqw;gap:3cqw;font-size:3.8cqw}
.w2 .lap-page .win-dots{width:12cqw;gap:1.6cqw}
.w2 .lap-page .win-dots i{width:2.6cqw;height:2.6cqw}
.w2 .lap-page .win-sp{width:12cqw}
.w2 .lap-page .win-url .i{font-size:3.4cqw}
.w2 .lap-page .win-url{flex:1;min-width:0;height:6.5cqw;font-size:3.6cqw;padding:0 3cqw;border-radius:2cqw;gap:1.5cqw;white-space:nowrap}
.w2 .lp-lang .lap-body{padding:3cqw 4.5cqw}
.w2 .lp-lang .langs{gap:3cqw}
.w2 .lp-lang .langs li{padding:3.4cqw 0;border-radius:4.5cqw;gap:0}
.w2 .lp-lang .langs li.on{box-shadow:0 0 0 max(1.5px,.9cqw) #fff}
.w2 .lp-lang .langs .flag-i{width:16cqw;height:10.7cqw;border-radius:1.6cqw;box-shadow:none}

/* Demo: neues Dashboard, klein */
.w2 .win.dash2{max-width:520px;width:100%;justify-self:center;border-radius:14px}
.w2 .win.dash2 .win-bar{height:30px}
.w2 .win.dash2 img{display:block;width:100%;height:auto}

/* Marketing: Hero wie Ticketverkauf, kompaktes Discovery-Banner */
.w2 main[data-page="marketing"] .fhero{grid-template-columns:minmax(0,1fr)}
.w2 main[data-page="marketing"] .fhero .ctas{flex-wrap:nowrap}
@media (max-width:599px){
  .w2 main[data-page="marketing"] .fhero .ctas{width:auto}
  .w2 main[data-page="marketing"] .fhero .ctas .btn{flex:0 1 auto;min-width:0;padding:0 14px;font-size:15px}
  .w2 main[data-page="marketing"] .wide{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;padding:16px;border-radius:24px;align-items:center}
  .w2 main[data-page="marketing"] .wide h2{font-size:17px;line-height:1.2}
  .w2 main[data-page="marketing"] .wide>div>p{font-size:12.5px;margin-top:6px}
  .w2 main[data-page="marketing"] .wide .ctas{margin-top:10px!important}
  .w2 main[data-page="marketing"] .wide .btn.lg{height:34px;padding:0 10px;font-size:12.5px;border-radius:10px}
  .w2 main[data-page="marketing"] .disco-img{gap:6px}
}
@media (max-width:379px){.w2 main[data-page="marketing"] .fhero .ctas .btn{padding:0 10px;font-size:14px}}
.w2 .fl-stack{display:flex;flex-direction:column;gap:14px}
@media (min-width:900px){.w2 .fl-stack{display:grid;grid-template-columns:1fr 1fr;gap:16px}}
.w2 .konto{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.w2 .k-acc{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 6px;border-radius:12px;background:var(--surface-2);font-size:13px;font-weight:700}
.w2 .k-acc .ic{width:28px;height:28px;border-radius:8px;font-size:14px;background:var(--surface-3);color:var(--text)}
.w2 .k-arr{width:22px;height:2px;background:var(--surface-3)}
@media (max-width:599px){.w2 .k-arr{display:none}}
.w2 .k-pr{display:flex;gap:6px}
.w2 .k-pr .bw{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:99px;background:var(--surface-2);font-size:14px}

/* Alle Funktionsseiten: Hero einspaltig, Buttons nebeneinander */
.w2 main.page .fhero{grid-template-columns:minmax(0,1fr)}
.w2 main.page .fhero .ctas{flex-wrap:nowrap}
@media (max-width:599px){
  .w2 main.page .fhero .ctas{width:auto}
  .w2 main.page .fhero .ctas .btn{flex:0 1 auto;min-width:0;padding:0 14px;font-size:15px}
}
@media (max-width:379px){.w2 main.page .fhero .ctas{gap:8px}.w2 main.page .fhero .ctas .btn{padding:0 10px;font-size:14px}}
.w2 .fl-stack.w1{margin-top:16px}
.w2 .fpl-h+.fl-stack.w1{margin-top:0}
@media (min-width:900px){.w2 .fl-stack.w1{grid-template-columns:1fr}}

/* Finanzen: Dashboard-Video */
.w2 #fi-stripe .fi-vid .win{border-radius:14px}
.w2 #fi-stripe .fi-vid .win-bar{height:30px}
.w2 #fi-stripe video{display:block;width:100%;height:auto;aspect-ratio:1200/750;background:#111113}

/* FAQ */
.w2 .faq .fl-list{margin-top:0}
.w2 .faq-l .fl-row summary{font-family:var(--font);font-size:16px;font-weight:700;letter-spacing:-.01em}
.w2 .faq-l .fl-body p{line-height:1.55}
@media (min-width:760px){.w2 .faq-l .fl-row summary{font-size:18px}}
/* Home: 3 Schritte */
.w2 .steps3{margin-top:16px;border-radius:24px;background:var(--surface);padding:22px 20px}
.w2 .st3-h h3{font-size:22px;font-weight:800;letter-spacing:-.03em;margin-top:4px}
.w2 .st3{list-style:none;display:grid;gap:10px;margin:16px 0 18px}
.w2 .st3 li{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;align-items:center;padding:12px;border-radius:16px;background:var(--surface-2)}
.w2 .st3-n{grid-row:span 2;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--inv);color:var(--inv-fg);font-weight:800;font-size:15px}
.w2 .st3 b{font-size:15px;font-weight:800}
.w2 .st3 small{font-size:13px;color:var(--text-2);line-height:1.4}
.w2 .st3-cta{width:100%}
@media (min-width:900px){.w2 .steps3{padding:28px}.w2 .st3{grid-template-columns:repeat(3,1fr);gap:12px}.w2 .st3 li{grid-template-columns:1fr;align-items:start;padding:18px;row-gap:6px}.w2 .st3-n{grid-row:auto;margin-bottom:6px}.w2 .st3-cta{width:auto}}
/* Home: Testimonials */
.w2 .tm{justify-content:space-between}
.w2 .tm-tag{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:99px;background:var(--surface-2);color:var(--text-3)}
.w2 .tm-q{font-size:15.5px;line-height:1.5;color:var(--text)!important;font-weight:600;margin-top:10px}
.w2 .tm-who{display:flex;align-items:center;gap:10px;margin-top:auto}
.w2 .tm-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);font-weight:800}
.w2 .tm-who b{display:block;font-size:14px}
.w2 .tm-who small{display:block;font-size:12.5px;color:var(--text-2)}
@media (min-width:760px){.w2 .tm-q{font-size:18px}}
.w2 #stimmen .rail>.fx{height:auto;min-height:300px}
.w2 #stimmen{margin-top:clamp(56px,7vw,96px)}

/* Marketing: Link-Vorschau im Chat */
.w2 .sh-ph{background:#0b141a!important;color:#e9edef}
.w2 .sh-ph .ch{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:6px 2px 14px;
  background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.018) 0 1.5px,transparent 2.5px) 0 0/22px 22px,#0b141a}
.w2 .ch-day{align-self:center;font-size:9px;font-weight:700;padding:3px 9px;border-radius:7px;background:#1f2c34;color:#e9edef}
.w2 .ch-b{align-self:flex-end;width:auto;max-width:94%;margin-right:6px;box-sizing:border-box;background:#005c4b;border-radius:10px 2px 10px 10px;padding:3px 3px 4px;font-size:10px;line-height:1.35}
.w2 .ch-pv{display:flex;background:#025144;border-radius:7px;overflow:hidden}
.w2 .ch-img{position:relative;flex:none;width:38%;aspect-ratio:1;background:#000;overflow:hidden;display:flex;align-items:flex-end;padding:6px}
.w2 .ch-img b{position:relative;font-size:9.5px;line-height:1;font-weight:800;color:#fff;letter-spacing:-.02em}
.w2 .ch-r{position:absolute;right:-30%;top:-8%;width:95%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(117,105,254,.35);box-shadow:0 0 0 7px rgba(0,0,0,0),inset 0 0 0 9px rgba(0,0,0,0)}
.w2 .ch-r::after{content:"";position:absolute;inset:22%;border-radius:50%;border:1px solid rgba(117,105,254,.35)}
.w2 .ch-dot{position:absolute;right:2%;top:16%;width:36%;aspect-ratio:1;border-radius:50%;background:#7569fe}
.w2 .ch-t{min-width:0;padding:6px 7px;display:flex;flex-direction:column;gap:3px}
.w2 .ch-t b{font-size:9.5px;font-weight:700;color:#e9edef;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.w2 .ch-t small{font-size:8.5px;color:#a8c3bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w2 .ch-t em{font-style:normal;font-size:8.5px;color:#d1dcd9;display:flex;align-items:center;gap:4px;margin-top:auto}
.w2 .ch-t em .i{font-size:8px}
.w2 .ch-m{padding:5px 6px 0;font-size:10.5px;color:#e9edef}
.w2 .ch-m u{text-decoration-color:rgba(233,237,239,.6)}
.w2 .ch-m a{color:#53bdeb;text-decoration:underline;word-break:break-all}
.w2 .ch-tm{display:flex;justify-content:flex-end;align-items:center;gap:3px;font-size:8px;color:#a8c3bd;padding:0 5px}
.w2 .drawer{inset:0 auto 0 0!important}
.w2 #mk-discovery .discoshot{flex:1 1 0;min-height:0;overflow:hidden;align-items:flex-start;padding-top:8px;margin-bottom:-20px}
/* LED-Tunnel über den Discovery-Screenshots */
.w2 .tunimg{position:relative;display:block;line-height:0}
.w2 .tunimg>img{display:block;width:100%!important;max-width:none!important;filter:none!important}
.w2 .tun{position:absolute;overflow:visible;pointer-events:none}
.w2 .tun-in{position:absolute;left:0;top:0;transform-origin:0 0}
.w2 .tun-in .tf{position:absolute;box-sizing:border-box;border-style:solid;animation-duration:8s;animation-timing-function:linear;animation-iteration-count:infinite}
.w2 .discoshot .tunimg{width:40%;max-width:140px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.4))}
.w2 #mk-discovery .discoshot .tunimg{width:min(100%,246px);max-width:none}
@media (prefers-reduced-motion:no-preference){@keyframes w2-ptxM0{0.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}2.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}5.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}7.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}10.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}12.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.999));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.001);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}15.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}17.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.985));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.015);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.05)}20.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.958));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.042);box-shadow:0 0 5px rgba(255,255,255,0.07),inset 0 0 5px rgba(255,255,255,0.06)}22.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.903));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.097);box-shadow:0 0 6px rgba(255,255,255,0.10),inset 0 0 6px rgba(255,255,255,0.08)}25.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.811));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.189);box-shadow:0 0 7px rgba(255,255,255,0.17),inset 0 0 7px rgba(255,255,255,0.12)}27.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.680));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.320);box-shadow:0 0 9px rgba(255,255,255,0.25),inset 0 0 9px rgba(255,255,255,0.17)}30.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.525));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.475);box-shadow:0 0 12px rgba(255,255,255,0.35),inset 0 0 12px rgba(255,255,255,0.24)}32.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.366));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.634);box-shadow:0 0 14px rgba(255,255,255,0.46),inset 0 0 14px rgba(255,255,255,0.31)}35.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.226));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.774);box-shadow:0 0 16px rgba(255,255,255,0.55),inset 0 0 16px rgba(255,255,255,0.37)}37.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.120));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.880);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}40.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.053));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.947);box-shadow:0 0 19px rgba(255,255,255,0.67),inset 0 0 19px rgba(255,255,255,0.44)}42.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}45.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.004));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.996);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}47.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}50.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}52.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}55.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.004));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.996);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}57.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}60.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.053));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.947);box-shadow:0 0 19px rgba(255,255,255,0.67),inset 0 0 19px rgba(255,255,255,0.44)}62.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.120));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.880);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}65.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.226));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.774);box-shadow:0 0 16px rgba(255,255,255,0.55),inset 0 0 16px rgba(255,255,255,0.37)}67.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.366));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.634);box-shadow:0 0 14px rgba(255,255,255,0.46),inset 0 0 14px rgba(255,255,255,0.31)}70.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.525));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.475);box-shadow:0 0 12px rgba(255,255,255,0.35),inset 0 0 12px rgba(255,255,255,0.24)}72.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.680));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.320);box-shadow:0 0 9px rgba(255,255,255,0.25),inset 0 0 9px rgba(255,255,255,0.17)}75.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.811));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.189);box-shadow:0 0 7px rgba(255,255,255,0.17),inset 0 0 7px rgba(255,255,255,0.12)}77.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.903));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.097);box-shadow:0 0 6px rgba(255,255,255,0.10),inset 0 0 6px rgba(255,255,255,0.08)}80.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.958));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.042);box-shadow:0 0 5px rgba(255,255,255,0.07),inset 0 0 5px rgba(255,255,255,0.06)}82.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.985));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.015);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.05)}85.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}87.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.999));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.001);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}90.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}92.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}95.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}97.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}100.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}}.w2 .tunM .tf.f0{animation-name:w2-ptxM0}@keyframes w2-ptxM1{0.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}2.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}5.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.994));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.006);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}7.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.989));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.011);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.04)}10.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.979));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.021);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.05)}12.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.958));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.042);box-shadow:0 0 5px rgba(255,255,255,0.07),inset 0 0 5px rgba(255,255,255,0.06)}15.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.917));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.083);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}17.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.847));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.153);box-shadow:0 0 6px rgba(255,255,255,0.14),inset 0 0 6px rgba(255,255,255,0.10)}20.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.739));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.261);box-shadow:0 0 8px rgba(255,255,255,0.21),inset 0 0 8px rgba(255,255,255,0.15)}22.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.594));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.406);box-shadow:0 0 10px rgba(255,255,255,0.31),inset 0 0 10px rgba(255,255,255,0.21)}25.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.425));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.575);box-shadow:0 0 13px rgba(255,255,255,0.42),inset 0 0 13px rgba(255,255,255,0.28)}27.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.257));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.743);box-shadow:0 0 16px rgba(255,255,255,0.53),inset 0 0 16px rgba(255,255,255,0.35)}30.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.119));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.881);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}32.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.031));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.969);box-shadow:0 0 20px rgba(255,255,255,0.68),inset 0 0 20px rgba(255,255,255,0.45)}35.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}37.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}40.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.063));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.937);box-shadow:0 0 19px rgba(255,255,255,0.66),inset 0 0 19px rgba(255,255,255,0.43)}42.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.119));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.881);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}45.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.169));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.831);box-shadow:0 0 17px rgba(255,255,255,0.59),inset 0 0 17px rgba(255,255,255,0.39)}47.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.202));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.798);box-shadow:0 0 17px rgba(255,255,255,0.57),inset 0 0 17px rgba(255,255,255,0.38)}50.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.214));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.786);box-shadow:0 0 17px rgba(255,255,255,0.56),inset 0 0 17px rgba(255,255,255,0.37)}52.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.202));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.798);box-shadow:0 0 17px rgba(255,255,255,0.57),inset 0 0 17px rgba(255,255,255,0.38)}55.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.169));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.831);box-shadow:0 0 17px rgba(255,255,255,0.59),inset 0 0 17px rgba(255,255,255,0.39)}57.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.119));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.881);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}60.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.063));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.937);box-shadow:0 0 19px rgba(255,255,255,0.66),inset 0 0 19px rgba(255,255,255,0.43)}62.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}65.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}67.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.031));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.969);box-shadow:0 0 20px rgba(255,255,255,0.68),inset 0 0 20px rgba(255,255,255,0.45)}70.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.119));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.881);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}72.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.257));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.743);box-shadow:0 0 16px rgba(255,255,255,0.53),inset 0 0 16px rgba(255,255,255,0.35)}75.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.425));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.575);box-shadow:0 0 13px rgba(255,255,255,0.42),inset 0 0 13px rgba(255,255,255,0.28)}77.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.594));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.406);box-shadow:0 0 10px rgba(255,255,255,0.31),inset 0 0 10px rgba(255,255,255,0.21)}80.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.739));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.261);box-shadow:0 0 8px rgba(255,255,255,0.21),inset 0 0 8px rgba(255,255,255,0.15)}82.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.847));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.153);box-shadow:0 0 6px rgba(255,255,255,0.14),inset 0 0 6px rgba(255,255,255,0.10)}85.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.917));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.083);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}87.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.958));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.042);box-shadow:0 0 5px rgba(255,255,255,0.07),inset 0 0 5px rgba(255,255,255,0.06)}90.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.979));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.021);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.05)}92.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.989));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.011);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.04)}95.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.994));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.006);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}97.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}100.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}}.w2 .tunM .tf.f1{animation-name:w2-ptxM1}@keyframes w2-ptxM2{0.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.922));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.078);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}2.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.917));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.083);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}5.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.900));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.100);box-shadow:0 0 6px rgba(255,255,255,0.11),inset 0 0 6px rgba(255,255,255,0.08)}7.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.869));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.131);box-shadow:0 0 6px rgba(255,255,255,0.13),inset 0 0 6px rgba(255,255,255,0.10)}10.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.817));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.183);box-shadow:0 0 7px rgba(255,255,255,0.16),inset 0 0 7px rgba(255,255,255,0.12)}12.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.738));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.262);box-shadow:0 0 8px rgba(255,255,255,0.21),inset 0 0 8px rgba(255,255,255,0.15)}15.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.626));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.374);box-shadow:0 0 10px rgba(255,255,255,0.29),inset 0 0 10px rgba(255,255,255,0.20)}17.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.485));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.515);box-shadow:0 0 12px rgba(255,255,255,0.38),inset 0 0 12px rgba(255,255,255,0.26)}20.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.326));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.674);box-shadow:0 0 15px rgba(255,255,255,0.48),inset 0 0 15px rgba(255,255,255,0.32)}22.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.174));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.826);box-shadow:0 0 17px rgba(255,255,255,0.59),inset 0 0 17px rgba(255,255,255,0.39)}25.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.058));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.942);box-shadow:0 0 19px rgba(255,255,255,0.66),inset 0 0 19px rgba(255,255,255,0.44)}27.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.003));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.997);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}30.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}32.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.092));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.908);box-shadow:0 0 19px rgba(255,255,255,0.64),inset 0 0 19px rgba(255,255,255,0.42)}35.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.202));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.798);box-shadow:0 0 17px rgba(255,255,255,0.57),inset 0 0 17px rgba(255,255,255,0.37)}37.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.324));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.676);box-shadow:0 0 15px rgba(255,255,255,0.49),inset 0 0 15px rgba(255,255,255,0.32)}40.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.435));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.565);box-shadow:0 0 13px rgba(255,255,255,0.41),inset 0 0 13px rgba(255,255,255,0.28)}42.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.525));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.475);box-shadow:0 0 12px rgba(255,255,255,0.35),inset 0 0 12px rgba(255,255,255,0.24)}45.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.589));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.411);box-shadow:0 0 11px rgba(255,255,255,0.31),inset 0 0 11px rgba(255,255,255,0.21)}47.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.626));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.374);box-shadow:0 0 10px rgba(255,255,255,0.29),inset 0 0 10px rgba(255,255,255,0.20)}50.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.638));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.362);box-shadow:0 0 10px rgba(255,255,255,0.28),inset 0 0 10px rgba(255,255,255,0.19)}52.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.626));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.374);box-shadow:0 0 10px rgba(255,255,255,0.29),inset 0 0 10px rgba(255,255,255,0.20)}55.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.589));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.411);box-shadow:0 0 11px rgba(255,255,255,0.31),inset 0 0 11px rgba(255,255,255,0.21)}57.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.525));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.475);box-shadow:0 0 12px rgba(255,255,255,0.35),inset 0 0 12px rgba(255,255,255,0.24)}60.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.435));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.565);box-shadow:0 0 13px rgba(255,255,255,0.41),inset 0 0 13px rgba(255,255,255,0.28)}62.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.324));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.676);box-shadow:0 0 15px rgba(255,255,255,0.49),inset 0 0 15px rgba(255,255,255,0.32)}65.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.202));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.798);box-shadow:0 0 17px rgba(255,255,255,0.57),inset 0 0 17px rgba(255,255,255,0.37)}67.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.092));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.908);box-shadow:0 0 19px rgba(255,255,255,0.64),inset 0 0 19px rgba(255,255,255,0.42)}70.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}72.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.003));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.997);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}75.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.058));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.942);box-shadow:0 0 19px rgba(255,255,255,0.66),inset 0 0 19px rgba(255,255,255,0.44)}77.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.174));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.826);box-shadow:0 0 17px rgba(255,255,255,0.59),inset 0 0 17px rgba(255,255,255,0.39)}80.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.326));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.674);box-shadow:0 0 15px rgba(255,255,255,0.48),inset 0 0 15px rgba(255,255,255,0.32)}82.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.485));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.515);box-shadow:0 0 12px rgba(255,255,255,0.38),inset 0 0 12px rgba(255,255,255,0.26)}85.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.626));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.374);box-shadow:0 0 10px rgba(255,255,255,0.29),inset 0 0 10px rgba(255,255,255,0.20)}87.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.738));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.262);box-shadow:0 0 8px rgba(255,255,255,0.21),inset 0 0 8px rgba(255,255,255,0.15)}90.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.817));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.183);box-shadow:0 0 7px rgba(255,255,255,0.16),inset 0 0 7px rgba(255,255,255,0.12)}92.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.869));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.131);box-shadow:0 0 6px rgba(255,255,255,0.13),inset 0 0 6px rgba(255,255,255,0.10)}95.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.900));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.100);box-shadow:0 0 6px rgba(255,255,255,0.11),inset 0 0 6px rgba(255,255,255,0.08)}97.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.917));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.083);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}100.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.922));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.078);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}}.w2 .tunM .tf.f2{animation-name:w2-ptxM2}@keyframes w2-ptxM3{0.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.638));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.362);box-shadow:0 0 10px rgba(255,255,255,0.28),inset 0 0 10px rgba(255,255,255,0.19)}2.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.626));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.374);box-shadow:0 0 10px rgba(255,255,255,0.29),inset 0 0 10px rgba(255,255,255,0.20)}5.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.589));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.411);box-shadow:0 0 11px rgba(255,255,255,0.31),inset 0 0 11px rgba(255,255,255,0.21)}7.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.525));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.475);box-shadow:0 0 12px rgba(255,255,255,0.35),inset 0 0 12px rgba(255,255,255,0.24)}10.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.435));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.565);box-shadow:0 0 13px rgba(255,255,255,0.41),inset 0 0 13px rgba(255,255,255,0.28)}12.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.324));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.676);box-shadow:0 0 15px rgba(255,255,255,0.49),inset 0 0 15px rgba(255,255,255,0.32)}15.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.202));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.798);box-shadow:0 0 17px rgba(255,255,255,0.57),inset 0 0 17px rgba(255,255,255,0.37)}17.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.092));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.908);box-shadow:0 0 19px rgba(255,255,255,0.64),inset 0 0 19px rgba(255,255,255,0.42)}20.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}22.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.003));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.997);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}25.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.058));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.942);box-shadow:0 0 19px rgba(255,255,255,0.66),inset 0 0 19px rgba(255,255,255,0.44)}27.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.174));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.826);box-shadow:0 0 17px rgba(255,255,255,0.59),inset 0 0 17px rgba(255,255,255,0.39)}30.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.326));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.674);box-shadow:0 0 15px rgba(255,255,255,0.48),inset 0 0 15px rgba(255,255,255,0.32)}32.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.485));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.515);box-shadow:0 0 12px rgba(255,255,255,0.38),inset 0 0 12px rgba(255,255,255,0.26)}35.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.626));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.374);box-shadow:0 0 10px rgba(255,255,255,0.29),inset 0 0 10px rgba(255,255,255,0.20)}37.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.738));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.262);box-shadow:0 0 8px rgba(255,255,255,0.21),inset 0 0 8px rgba(255,255,255,0.15)}40.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.817));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.183);box-shadow:0 0 7px rgba(255,255,255,0.16),inset 0 0 7px rgba(255,255,255,0.12)}42.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.869));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.131);box-shadow:0 0 6px rgba(255,255,255,0.13),inset 0 0 6px rgba(255,255,255,0.10)}45.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.900));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.100);box-shadow:0 0 6px rgba(255,255,255,0.11),inset 0 0 6px rgba(255,255,255,0.08)}47.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.917));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.083);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}50.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.922));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.078);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}52.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.917));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.083);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}55.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.900));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.100);box-shadow:0 0 6px rgba(255,255,255,0.11),inset 0 0 6px rgba(255,255,255,0.08)}57.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.869));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.131);box-shadow:0 0 6px rgba(255,255,255,0.13),inset 0 0 6px rgba(255,255,255,0.10)}60.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.817));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.183);box-shadow:0 0 7px rgba(255,255,255,0.16),inset 0 0 7px rgba(255,255,255,0.12)}62.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.738));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.262);box-shadow:0 0 8px rgba(255,255,255,0.21),inset 0 0 8px rgba(255,255,255,0.15)}65.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.626));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.374);box-shadow:0 0 10px rgba(255,255,255,0.29),inset 0 0 10px rgba(255,255,255,0.20)}67.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.485));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.515);box-shadow:0 0 12px rgba(255,255,255,0.38),inset 0 0 12px rgba(255,255,255,0.26)}70.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.326));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.674);box-shadow:0 0 15px rgba(255,255,255,0.48),inset 0 0 15px rgba(255,255,255,0.32)}72.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.174));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.826);box-shadow:0 0 17px rgba(255,255,255,0.59),inset 0 0 17px rgba(255,255,255,0.39)}75.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.058));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.942);box-shadow:0 0 19px rgba(255,255,255,0.66),inset 0 0 19px rgba(255,255,255,0.44)}77.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.003));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.997);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}80.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}82.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.092));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.908);box-shadow:0 0 19px rgba(255,255,255,0.64),inset 0 0 19px rgba(255,255,255,0.42)}85.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.202));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.798);box-shadow:0 0 17px rgba(255,255,255,0.57),inset 0 0 17px rgba(255,255,255,0.37)}87.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.324));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.676);box-shadow:0 0 15px rgba(255,255,255,0.49),inset 0 0 15px rgba(255,255,255,0.32)}90.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.435));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.565);box-shadow:0 0 13px rgba(255,255,255,0.41),inset 0 0 13px rgba(255,255,255,0.28)}92.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.525));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.475);box-shadow:0 0 12px rgba(255,255,255,0.35),inset 0 0 12px rgba(255,255,255,0.24)}95.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.589));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.411);box-shadow:0 0 11px rgba(255,255,255,0.31),inset 0 0 11px rgba(255,255,255,0.21)}97.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.626));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.374);box-shadow:0 0 10px rgba(255,255,255,0.29),inset 0 0 10px rgba(255,255,255,0.20)}100.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.638));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.362);box-shadow:0 0 10px rgba(255,255,255,0.28),inset 0 0 10px rgba(255,255,255,0.19)}}.w2 .tunM .tf.f3{animation-name:w2-ptxM3}@keyframes w2-ptxM4{0.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.214));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.786);box-shadow:0 0 17px rgba(255,255,255,0.56),inset 0 0 17px rgba(255,255,255,0.37)}2.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.202));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.798);box-shadow:0 0 17px rgba(255,255,255,0.57),inset 0 0 17px rgba(255,255,255,0.38)}5.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.169));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.831);box-shadow:0 0 17px rgba(255,255,255,0.59),inset 0 0 17px rgba(255,255,255,0.39)}7.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.119));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.881);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}10.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.063));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.937);box-shadow:0 0 19px rgba(255,255,255,0.66),inset 0 0 19px rgba(255,255,255,0.43)}12.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}15.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}17.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.031));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.969);box-shadow:0 0 20px rgba(255,255,255,0.68),inset 0 0 20px rgba(255,255,255,0.45)}20.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.119));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.881);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}22.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.257));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.743);box-shadow:0 0 16px rgba(255,255,255,0.53),inset 0 0 16px rgba(255,255,255,0.35)}25.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.425));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.575);box-shadow:0 0 13px rgba(255,255,255,0.42),inset 0 0 13px rgba(255,255,255,0.28)}27.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.594));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.406);box-shadow:0 0 10px rgba(255,255,255,0.31),inset 0 0 10px rgba(255,255,255,0.21)}30.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.739));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.261);box-shadow:0 0 8px rgba(255,255,255,0.21),inset 0 0 8px rgba(255,255,255,0.15)}32.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.847));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.153);box-shadow:0 0 6px rgba(255,255,255,0.14),inset 0 0 6px rgba(255,255,255,0.10)}35.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.917));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.083);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}37.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.958));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.042);box-shadow:0 0 5px rgba(255,255,255,0.07),inset 0 0 5px rgba(255,255,255,0.06)}40.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.979));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.021);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.05)}42.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.989));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.011);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.04)}45.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.994));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.006);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}47.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}50.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}52.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}55.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.994));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.006);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}57.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.989));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.011);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.04)}60.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.979));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.021);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.05)}62.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.958));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.042);box-shadow:0 0 5px rgba(255,255,255,0.07),inset 0 0 5px rgba(255,255,255,0.06)}65.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.917));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.083);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}67.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.847));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.153);box-shadow:0 0 6px rgba(255,255,255,0.14),inset 0 0 6px rgba(255,255,255,0.10)}70.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.739));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.261);box-shadow:0 0 8px rgba(255,255,255,0.21),inset 0 0 8px rgba(255,255,255,0.15)}72.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.594));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.406);box-shadow:0 0 10px rgba(255,255,255,0.31),inset 0 0 10px rgba(255,255,255,0.21)}75.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.425));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.575);box-shadow:0 0 13px rgba(255,255,255,0.42),inset 0 0 13px rgba(255,255,255,0.28)}77.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.257));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.743);box-shadow:0 0 16px rgba(255,255,255,0.53),inset 0 0 16px rgba(255,255,255,0.35)}80.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.119));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.881);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}82.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.031));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.969);box-shadow:0 0 20px rgba(255,255,255,0.68),inset 0 0 20px rgba(255,255,255,0.45)}85.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}87.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}90.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.063));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.937);box-shadow:0 0 19px rgba(255,255,255,0.66),inset 0 0 19px rgba(255,255,255,0.43)}92.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.119));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.881);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}95.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.169));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.831);box-shadow:0 0 17px rgba(255,255,255,0.59),inset 0 0 17px rgba(255,255,255,0.39)}97.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.202));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.798);box-shadow:0 0 17px rgba(255,255,255,0.57),inset 0 0 17px rgba(255,255,255,0.38)}100.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.214));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.786);box-shadow:0 0 17px rgba(255,255,255,0.56),inset 0 0 17px rgba(255,255,255,0.37)}}.w2 .tunM .tf.f4{animation-name:w2-ptxM4}@keyframes w2-ptxM5{0.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}2.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}5.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.004));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.996);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}7.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}10.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.053));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.947);box-shadow:0 0 19px rgba(255,255,255,0.67),inset 0 0 19px rgba(255,255,255,0.44)}12.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.120));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.880);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}15.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.226));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.774);box-shadow:0 0 16px rgba(255,255,255,0.55),inset 0 0 16px rgba(255,255,255,0.37)}17.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.366));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.634);box-shadow:0 0 14px rgba(255,255,255,0.46),inset 0 0 14px rgba(255,255,255,0.31)}20.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.525));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.475);box-shadow:0 0 12px rgba(255,255,255,0.35),inset 0 0 12px rgba(255,255,255,0.24)}22.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.680));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.320);box-shadow:0 0 9px rgba(255,255,255,0.25),inset 0 0 9px rgba(255,255,255,0.17)}25.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.811));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.189);box-shadow:0 0 7px rgba(255,255,255,0.17),inset 0 0 7px rgba(255,255,255,0.12)}27.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.903));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.097);box-shadow:0 0 6px rgba(255,255,255,0.10),inset 0 0 6px rgba(255,255,255,0.08)}30.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.958));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.042);box-shadow:0 0 5px rgba(255,255,255,0.07),inset 0 0 5px rgba(255,255,255,0.06)}32.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.985));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.015);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.05)}35.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}37.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.999));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.001);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}40.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}42.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}45.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}47.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}50.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}52.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}55.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}57.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}60.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}62.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.999));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.001);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}65.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}67.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.985));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.015);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.05)}70.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.958));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.042);box-shadow:0 0 5px rgba(255,255,255,0.07),inset 0 0 5px rgba(255,255,255,0.06)}72.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.903));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.097);box-shadow:0 0 6px rgba(255,255,255,0.10),inset 0 0 6px rgba(255,255,255,0.08)}75.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.811));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.189);box-shadow:0 0 7px rgba(255,255,255,0.17),inset 0 0 7px rgba(255,255,255,0.12)}77.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.680));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.320);box-shadow:0 0 9px rgba(255,255,255,0.25),inset 0 0 9px rgba(255,255,255,0.17)}80.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.525));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.475);box-shadow:0 0 12px rgba(255,255,255,0.35),inset 0 0 12px rgba(255,255,255,0.24)}82.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.366));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.634);box-shadow:0 0 14px rgba(255,255,255,0.46),inset 0 0 14px rgba(255,255,255,0.31)}85.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.226));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.774);box-shadow:0 0 16px rgba(255,255,255,0.55),inset 0 0 16px rgba(255,255,255,0.37)}87.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.120));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.880);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}90.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.053));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.947);box-shadow:0 0 19px rgba(255,255,255,0.67),inset 0 0 19px rgba(255,255,255,0.44)}92.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}95.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.004));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.996);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}97.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}100.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}}.w2 .tunM .tf.f5{animation-name:w2-ptxM5}}.w2 .tunM{--c:#ffffff;--dk:55%;--o0:.42}.w2 .tunM .tf::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0px, rgba(255, 255, 255, 0) 20px, rgba(255, 255, 255, 0) calc(100% - 20px), rgba(255, 255, 255, 0.035) 100%)}@media (prefers-reduced-motion:no-preference){@keyframes w2-ptxD0{0.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}2.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}5.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}7.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}10.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}12.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.999));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.001);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}15.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}17.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.985));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.015);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.05)}20.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.958));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.042);box-shadow:0 0 5px rgba(255,255,255,0.07),inset 0 0 5px rgba(255,255,255,0.06)}22.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.903));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.097);box-shadow:0 0 6px rgba(255,255,255,0.10),inset 0 0 6px rgba(255,255,255,0.08)}25.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.811));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.189);box-shadow:0 0 7px rgba(255,255,255,0.17),inset 0 0 7px rgba(255,255,255,0.12)}27.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.680));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.320);box-shadow:0 0 9px rgba(255,255,255,0.25),inset 0 0 9px rgba(255,255,255,0.17)}30.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.525));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.475);box-shadow:0 0 12px rgba(255,255,255,0.35),inset 0 0 12px rgba(255,255,255,0.24)}32.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.366));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.634);box-shadow:0 0 14px rgba(255,255,255,0.46),inset 0 0 14px rgba(255,255,255,0.31)}35.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.226));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.774);box-shadow:0 0 16px rgba(255,255,255,0.55),inset 0 0 16px rgba(255,255,255,0.37)}37.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.120));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.880);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}40.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.053));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.947);box-shadow:0 0 19px rgba(255,255,255,0.67),inset 0 0 19px rgba(255,255,255,0.44)}42.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}45.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.004));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.996);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}47.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}50.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}52.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}55.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.004));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.996);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}57.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}60.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.053));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.947);box-shadow:0 0 19px rgba(255,255,255,0.67),inset 0 0 19px rgba(255,255,255,0.44)}62.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.120));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.880);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}65.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.226));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.774);box-shadow:0 0 16px rgba(255,255,255,0.55),inset 0 0 16px rgba(255,255,255,0.37)}67.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.366));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.634);box-shadow:0 0 14px rgba(255,255,255,0.46),inset 0 0 14px rgba(255,255,255,0.31)}70.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.525));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.475);box-shadow:0 0 12px rgba(255,255,255,0.35),inset 0 0 12px rgba(255,255,255,0.24)}72.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.680));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.320);box-shadow:0 0 9px rgba(255,255,255,0.25),inset 0 0 9px rgba(255,255,255,0.17)}75.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.811));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.189);box-shadow:0 0 7px rgba(255,255,255,0.17),inset 0 0 7px rgba(255,255,255,0.12)}77.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.903));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.097);box-shadow:0 0 6px rgba(255,255,255,0.10),inset 0 0 6px rgba(255,255,255,0.08)}80.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.958));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.042);box-shadow:0 0 5px rgba(255,255,255,0.07),inset 0 0 5px rgba(255,255,255,0.06)}82.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.985));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.015);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.05)}85.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}87.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.999));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.001);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}90.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}92.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}95.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}97.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}100.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}}.w2 .tunD .tf.f0{animation-name:w2-ptxD0}@keyframes w2-ptxD1{0.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}2.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}5.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.994));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.006);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}7.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.989));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.011);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.04)}10.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.979));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.021);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.05)}12.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.958));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.042);box-shadow:0 0 5px rgba(255,255,255,0.07),inset 0 0 5px rgba(255,255,255,0.06)}15.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.917));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.083);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}17.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.847));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.153);box-shadow:0 0 6px rgba(255,255,255,0.14),inset 0 0 6px rgba(255,255,255,0.10)}20.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.739));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.261);box-shadow:0 0 8px rgba(255,255,255,0.21),inset 0 0 8px rgba(255,255,255,0.15)}22.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.594));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.406);box-shadow:0 0 10px rgba(255,255,255,0.31),inset 0 0 10px rgba(255,255,255,0.21)}25.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.425));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.575);box-shadow:0 0 13px rgba(255,255,255,0.42),inset 0 0 13px rgba(255,255,255,0.28)}27.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.257));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.743);box-shadow:0 0 16px rgba(255,255,255,0.53),inset 0 0 16px rgba(255,255,255,0.35)}30.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.119));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.881);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}32.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.031));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.969);box-shadow:0 0 20px rgba(255,255,255,0.68),inset 0 0 20px rgba(255,255,255,0.45)}35.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}37.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}40.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.063));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.937);box-shadow:0 0 19px rgba(255,255,255,0.66),inset 0 0 19px rgba(255,255,255,0.43)}42.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.119));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.881);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}45.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.169));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.831);box-shadow:0 0 17px rgba(255,255,255,0.59),inset 0 0 17px rgba(255,255,255,0.39)}47.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.202));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.798);box-shadow:0 0 17px rgba(255,255,255,0.57),inset 0 0 17px rgba(255,255,255,0.38)}50.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.214));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.786);box-shadow:0 0 17px rgba(255,255,255,0.56),inset 0 0 17px rgba(255,255,255,0.37)}52.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.202));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.798);box-shadow:0 0 17px rgba(255,255,255,0.57),inset 0 0 17px rgba(255,255,255,0.38)}55.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.169));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.831);box-shadow:0 0 17px rgba(255,255,255,0.59),inset 0 0 17px rgba(255,255,255,0.39)}57.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.119));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.881);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}60.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.063));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.937);box-shadow:0 0 19px rgba(255,255,255,0.66),inset 0 0 19px rgba(255,255,255,0.43)}62.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}65.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}67.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.031));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.969);box-shadow:0 0 20px rgba(255,255,255,0.68),inset 0 0 20px rgba(255,255,255,0.45)}70.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.119));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.881);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}72.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.257));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.743);box-shadow:0 0 16px rgba(255,255,255,0.53),inset 0 0 16px rgba(255,255,255,0.35)}75.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.425));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.575);box-shadow:0 0 13px rgba(255,255,255,0.42),inset 0 0 13px rgba(255,255,255,0.28)}77.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.594));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.406);box-shadow:0 0 10px rgba(255,255,255,0.31),inset 0 0 10px rgba(255,255,255,0.21)}80.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.739));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.261);box-shadow:0 0 8px rgba(255,255,255,0.21),inset 0 0 8px rgba(255,255,255,0.15)}82.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.847));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.153);box-shadow:0 0 6px rgba(255,255,255,0.14),inset 0 0 6px rgba(255,255,255,0.10)}85.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.917));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.083);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}87.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.958));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.042);box-shadow:0 0 5px rgba(255,255,255,0.07),inset 0 0 5px rgba(255,255,255,0.06)}90.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.979));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.021);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.05)}92.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.989));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.011);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.04)}95.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.994));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.006);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}97.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}100.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}}.w2 .tunD .tf.f1{animation-name:w2-ptxD1}@keyframes w2-ptxD2{0.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.922));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.078);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}2.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.917));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.083);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}5.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.900));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.100);box-shadow:0 0 6px rgba(255,255,255,0.11),inset 0 0 6px rgba(255,255,255,0.08)}7.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.869));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.131);box-shadow:0 0 6px rgba(255,255,255,0.13),inset 0 0 6px rgba(255,255,255,0.10)}10.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.817));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.183);box-shadow:0 0 7px rgba(255,255,255,0.16),inset 0 0 7px rgba(255,255,255,0.12)}12.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.738));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.262);box-shadow:0 0 8px rgba(255,255,255,0.21),inset 0 0 8px rgba(255,255,255,0.15)}15.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.626));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.374);box-shadow:0 0 10px rgba(255,255,255,0.29),inset 0 0 10px rgba(255,255,255,0.20)}17.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.485));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.515);box-shadow:0 0 12px rgba(255,255,255,0.38),inset 0 0 12px rgba(255,255,255,0.26)}20.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.326));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.674);box-shadow:0 0 15px rgba(255,255,255,0.48),inset 0 0 15px rgba(255,255,255,0.32)}22.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.174));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.826);box-shadow:0 0 17px rgba(255,255,255,0.59),inset 0 0 17px rgba(255,255,255,0.39)}25.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.058));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.942);box-shadow:0 0 19px rgba(255,255,255,0.66),inset 0 0 19px rgba(255,255,255,0.44)}27.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.003));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.997);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}30.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}32.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.092));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.908);box-shadow:0 0 19px rgba(255,255,255,0.64),inset 0 0 19px rgba(255,255,255,0.42)}35.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.202));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.798);box-shadow:0 0 17px rgba(255,255,255,0.57),inset 0 0 17px rgba(255,255,255,0.37)}37.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.324));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.676);box-shadow:0 0 15px rgba(255,255,255,0.49),inset 0 0 15px rgba(255,255,255,0.32)}40.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.435));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.565);box-shadow:0 0 13px rgba(255,255,255,0.41),inset 0 0 13px rgba(255,255,255,0.28)}42.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.525));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.475);box-shadow:0 0 12px rgba(255,255,255,0.35),inset 0 0 12px rgba(255,255,255,0.24)}45.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.589));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.411);box-shadow:0 0 11px rgba(255,255,255,0.31),inset 0 0 11px rgba(255,255,255,0.21)}47.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.626));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.374);box-shadow:0 0 10px rgba(255,255,255,0.29),inset 0 0 10px rgba(255,255,255,0.20)}50.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.638));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.362);box-shadow:0 0 10px rgba(255,255,255,0.28),inset 0 0 10px rgba(255,255,255,0.19)}52.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.626));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.374);box-shadow:0 0 10px rgba(255,255,255,0.29),inset 0 0 10px rgba(255,255,255,0.20)}55.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.589));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.411);box-shadow:0 0 11px rgba(255,255,255,0.31),inset 0 0 11px rgba(255,255,255,0.21)}57.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.525));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.475);box-shadow:0 0 12px rgba(255,255,255,0.35),inset 0 0 12px rgba(255,255,255,0.24)}60.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.435));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.565);box-shadow:0 0 13px rgba(255,255,255,0.41),inset 0 0 13px rgba(255,255,255,0.28)}62.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.324));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.676);box-shadow:0 0 15px rgba(255,255,255,0.49),inset 0 0 15px rgba(255,255,255,0.32)}65.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.202));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.798);box-shadow:0 0 17px rgba(255,255,255,0.57),inset 0 0 17px rgba(255,255,255,0.37)}67.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.092));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.908);box-shadow:0 0 19px rgba(255,255,255,0.64),inset 0 0 19px rgba(255,255,255,0.42)}70.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}72.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.003));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.997);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}75.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.058));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.942);box-shadow:0 0 19px rgba(255,255,255,0.66),inset 0 0 19px rgba(255,255,255,0.44)}77.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.174));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.826);box-shadow:0 0 17px rgba(255,255,255,0.59),inset 0 0 17px rgba(255,255,255,0.39)}80.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.326));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.674);box-shadow:0 0 15px rgba(255,255,255,0.48),inset 0 0 15px rgba(255,255,255,0.32)}82.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.485));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.515);box-shadow:0 0 12px rgba(255,255,255,0.38),inset 0 0 12px rgba(255,255,255,0.26)}85.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.626));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.374);box-shadow:0 0 10px rgba(255,255,255,0.29),inset 0 0 10px rgba(255,255,255,0.20)}87.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.738));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.262);box-shadow:0 0 8px rgba(255,255,255,0.21),inset 0 0 8px rgba(255,255,255,0.15)}90.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.817));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.183);box-shadow:0 0 7px rgba(255,255,255,0.16),inset 0 0 7px rgba(255,255,255,0.12)}92.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.869));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.131);box-shadow:0 0 6px rgba(255,255,255,0.13),inset 0 0 6px rgba(255,255,255,0.10)}95.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.900));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.100);box-shadow:0 0 6px rgba(255,255,255,0.11),inset 0 0 6px rgba(255,255,255,0.08)}97.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.917));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.083);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}100.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.922));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.078);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}}.w2 .tunD .tf.f2{animation-name:w2-ptxD2}@keyframes w2-ptxD3{0.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.638));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.362);box-shadow:0 0 10px rgba(255,255,255,0.28),inset 0 0 10px rgba(255,255,255,0.19)}2.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.626));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.374);box-shadow:0 0 10px rgba(255,255,255,0.29),inset 0 0 10px rgba(255,255,255,0.20)}5.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.589));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.411);box-shadow:0 0 11px rgba(255,255,255,0.31),inset 0 0 11px rgba(255,255,255,0.21)}7.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.525));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.475);box-shadow:0 0 12px rgba(255,255,255,0.35),inset 0 0 12px rgba(255,255,255,0.24)}10.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.435));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.565);box-shadow:0 0 13px rgba(255,255,255,0.41),inset 0 0 13px rgba(255,255,255,0.28)}12.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.324));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.676);box-shadow:0 0 15px rgba(255,255,255,0.49),inset 0 0 15px rgba(255,255,255,0.32)}15.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.202));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.798);box-shadow:0 0 17px rgba(255,255,255,0.57),inset 0 0 17px rgba(255,255,255,0.37)}17.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.092));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.908);box-shadow:0 0 19px rgba(255,255,255,0.64),inset 0 0 19px rgba(255,255,255,0.42)}20.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}22.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.003));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.997);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}25.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.058));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.942);box-shadow:0 0 19px rgba(255,255,255,0.66),inset 0 0 19px rgba(255,255,255,0.44)}27.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.174));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.826);box-shadow:0 0 17px rgba(255,255,255,0.59),inset 0 0 17px rgba(255,255,255,0.39)}30.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.326));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.674);box-shadow:0 0 15px rgba(255,255,255,0.48),inset 0 0 15px rgba(255,255,255,0.32)}32.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.485));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.515);box-shadow:0 0 12px rgba(255,255,255,0.38),inset 0 0 12px rgba(255,255,255,0.26)}35.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.626));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.374);box-shadow:0 0 10px rgba(255,255,255,0.29),inset 0 0 10px rgba(255,255,255,0.20)}37.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.738));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.262);box-shadow:0 0 8px rgba(255,255,255,0.21),inset 0 0 8px rgba(255,255,255,0.15)}40.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.817));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.183);box-shadow:0 0 7px rgba(255,255,255,0.16),inset 0 0 7px rgba(255,255,255,0.12)}42.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.869));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.131);box-shadow:0 0 6px rgba(255,255,255,0.13),inset 0 0 6px rgba(255,255,255,0.10)}45.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.900));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.100);box-shadow:0 0 6px rgba(255,255,255,0.11),inset 0 0 6px rgba(255,255,255,0.08)}47.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.917));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.083);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}50.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.922));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.078);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}52.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.917));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.083);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}55.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.900));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.100);box-shadow:0 0 6px rgba(255,255,255,0.11),inset 0 0 6px rgba(255,255,255,0.08)}57.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.869));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.131);box-shadow:0 0 6px rgba(255,255,255,0.13),inset 0 0 6px rgba(255,255,255,0.10)}60.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.817));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.183);box-shadow:0 0 7px rgba(255,255,255,0.16),inset 0 0 7px rgba(255,255,255,0.12)}62.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.738));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.262);box-shadow:0 0 8px rgba(255,255,255,0.21),inset 0 0 8px rgba(255,255,255,0.15)}65.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.626));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.374);box-shadow:0 0 10px rgba(255,255,255,0.29),inset 0 0 10px rgba(255,255,255,0.20)}67.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.485));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.515);box-shadow:0 0 12px rgba(255,255,255,0.38),inset 0 0 12px rgba(255,255,255,0.26)}70.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.326));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.674);box-shadow:0 0 15px rgba(255,255,255,0.48),inset 0 0 15px rgba(255,255,255,0.32)}72.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.174));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.826);box-shadow:0 0 17px rgba(255,255,255,0.59),inset 0 0 17px rgba(255,255,255,0.39)}75.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.058));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.942);box-shadow:0 0 19px rgba(255,255,255,0.66),inset 0 0 19px rgba(255,255,255,0.44)}77.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.003));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.997);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}80.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}82.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.092));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.908);box-shadow:0 0 19px rgba(255,255,255,0.64),inset 0 0 19px rgba(255,255,255,0.42)}85.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.202));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.798);box-shadow:0 0 17px rgba(255,255,255,0.57),inset 0 0 17px rgba(255,255,255,0.37)}87.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.324));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.676);box-shadow:0 0 15px rgba(255,255,255,0.49),inset 0 0 15px rgba(255,255,255,0.32)}90.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.435));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.565);box-shadow:0 0 13px rgba(255,255,255,0.41),inset 0 0 13px rgba(255,255,255,0.28)}92.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.525));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.475);box-shadow:0 0 12px rgba(255,255,255,0.35),inset 0 0 12px rgba(255,255,255,0.24)}95.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.589));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.411);box-shadow:0 0 11px rgba(255,255,255,0.31),inset 0 0 11px rgba(255,255,255,0.21)}97.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.626));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.374);box-shadow:0 0 10px rgba(255,255,255,0.29),inset 0 0 10px rgba(255,255,255,0.20)}100.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.638));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.362);box-shadow:0 0 10px rgba(255,255,255,0.28),inset 0 0 10px rgba(255,255,255,0.19)}}.w2 .tunD .tf.f3{animation-name:w2-ptxD3}@keyframes w2-ptxD4{0.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.214));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.786);box-shadow:0 0 17px rgba(255,255,255,0.56),inset 0 0 17px rgba(255,255,255,0.37)}2.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.202));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.798);box-shadow:0 0 17px rgba(255,255,255,0.57),inset 0 0 17px rgba(255,255,255,0.38)}5.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.169));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.831);box-shadow:0 0 17px rgba(255,255,255,0.59),inset 0 0 17px rgba(255,255,255,0.39)}7.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.119));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.881);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}10.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.063));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.937);box-shadow:0 0 19px rgba(255,255,255,0.66),inset 0 0 19px rgba(255,255,255,0.43)}12.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}15.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}17.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.031));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.969);box-shadow:0 0 20px rgba(255,255,255,0.68),inset 0 0 20px rgba(255,255,255,0.45)}20.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.119));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.881);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}22.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.257));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.743);box-shadow:0 0 16px rgba(255,255,255,0.53),inset 0 0 16px rgba(255,255,255,0.35)}25.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.425));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.575);box-shadow:0 0 13px rgba(255,255,255,0.42),inset 0 0 13px rgba(255,255,255,0.28)}27.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.594));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.406);box-shadow:0 0 10px rgba(255,255,255,0.31),inset 0 0 10px rgba(255,255,255,0.21)}30.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.739));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.261);box-shadow:0 0 8px rgba(255,255,255,0.21),inset 0 0 8px rgba(255,255,255,0.15)}32.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.847));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.153);box-shadow:0 0 6px rgba(255,255,255,0.14),inset 0 0 6px rgba(255,255,255,0.10)}35.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.917));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.083);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}37.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.958));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.042);box-shadow:0 0 5px rgba(255,255,255,0.07),inset 0 0 5px rgba(255,255,255,0.06)}40.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.979));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.021);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.05)}42.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.989));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.011);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.04)}45.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.994));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.006);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}47.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}50.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}52.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}55.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.994));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.006);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}57.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.989));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.011);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.04)}60.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.979));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.021);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.05)}62.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.958));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.042);box-shadow:0 0 5px rgba(255,255,255,0.07),inset 0 0 5px rgba(255,255,255,0.06)}65.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.917));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.083);box-shadow:0 0 5px rgba(255,255,255,0.09),inset 0 0 5px rgba(255,255,255,0.07)}67.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.847));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.153);box-shadow:0 0 6px rgba(255,255,255,0.14),inset 0 0 6px rgba(255,255,255,0.10)}70.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.739));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.261);box-shadow:0 0 8px rgba(255,255,255,0.21),inset 0 0 8px rgba(255,255,255,0.15)}72.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.594));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.406);box-shadow:0 0 10px rgba(255,255,255,0.31),inset 0 0 10px rgba(255,255,255,0.21)}75.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.425));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.575);box-shadow:0 0 13px rgba(255,255,255,0.42),inset 0 0 13px rgba(255,255,255,0.28)}77.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.257));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.743);box-shadow:0 0 16px rgba(255,255,255,0.53),inset 0 0 16px rgba(255,255,255,0.35)}80.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.119));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.881);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}82.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.031));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.969);box-shadow:0 0 20px rgba(255,255,255,0.68),inset 0 0 20px rgba(255,255,255,0.45)}85.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}87.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}90.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.063));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.937);box-shadow:0 0 19px rgba(255,255,255,0.66),inset 0 0 19px rgba(255,255,255,0.43)}92.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.119));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.881);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}95.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.169));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.831);box-shadow:0 0 17px rgba(255,255,255,0.59),inset 0 0 17px rgba(255,255,255,0.39)}97.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.202));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.798);box-shadow:0 0 17px rgba(255,255,255,0.57),inset 0 0 17px rgba(255,255,255,0.38)}100.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.214));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.786);box-shadow:0 0 17px rgba(255,255,255,0.56),inset 0 0 17px rgba(255,255,255,0.37)}}.w2 .tunD .tf.f4{animation-name:w2-ptxD4}@keyframes w2-ptxD5{0.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}2.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}5.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.004));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.996);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}7.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}10.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.053));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.947);box-shadow:0 0 19px rgba(255,255,255,0.67),inset 0 0 19px rgba(255,255,255,0.44)}12.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.120));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.880);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}15.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.226));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.774);box-shadow:0 0 16px rgba(255,255,255,0.55),inset 0 0 16px rgba(255,255,255,0.37)}17.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.366));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.634);box-shadow:0 0 14px rgba(255,255,255,0.46),inset 0 0 14px rgba(255,255,255,0.31)}20.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.525));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.475);box-shadow:0 0 12px rgba(255,255,255,0.35),inset 0 0 12px rgba(255,255,255,0.24)}22.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.680));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.320);box-shadow:0 0 9px rgba(255,255,255,0.25),inset 0 0 9px rgba(255,255,255,0.17)}25.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.811));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.189);box-shadow:0 0 7px rgba(255,255,255,0.17),inset 0 0 7px rgba(255,255,255,0.12)}27.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.903));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.097);box-shadow:0 0 6px rgba(255,255,255,0.10),inset 0 0 6px rgba(255,255,255,0.08)}30.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.958));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.042);box-shadow:0 0 5px rgba(255,255,255,0.07),inset 0 0 5px rgba(255,255,255,0.06)}32.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.985));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.015);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.05)}35.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}37.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.999));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.001);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}40.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}42.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}45.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}47.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}50.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}52.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}55.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}57.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}60.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 1.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.000);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}62.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.999));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.001);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}65.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.996));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.004);box-shadow:0 0 4px rgba(255,255,255,0.04),inset 0 0 4px rgba(255,255,255,0.04)}67.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.985));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.015);box-shadow:0 0 4px rgba(255,255,255,0.05),inset 0 0 4px rgba(255,255,255,0.05)}70.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.958));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.042);box-shadow:0 0 5px rgba(255,255,255,0.07),inset 0 0 5px rgba(255,255,255,0.06)}72.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.903));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.097);box-shadow:0 0 6px rgba(255,255,255,0.10),inset 0 0 6px rgba(255,255,255,0.08)}75.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.811));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.189);box-shadow:0 0 7px rgba(255,255,255,0.17),inset 0 0 7px rgba(255,255,255,0.12)}77.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.680));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.320);box-shadow:0 0 9px rgba(255,255,255,0.25),inset 0 0 9px rgba(255,255,255,0.17)}80.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.525));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.475);box-shadow:0 0 12px rgba(255,255,255,0.35),inset 0 0 12px rgba(255,255,255,0.24)}82.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.366));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.634);box-shadow:0 0 14px rgba(255,255,255,0.46),inset 0 0 14px rgba(255,255,255,0.31)}85.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.226));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.774);box-shadow:0 0 16px rgba(255,255,255,0.55),inset 0 0 16px rgba(255,255,255,0.37)}87.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.120));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.880);box-shadow:0 0 18px rgba(255,255,255,0.62),inset 0 0 18px rgba(255,255,255,0.41)}90.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.053));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.947);box-shadow:0 0 19px rgba(255,255,255,0.67),inset 0 0 19px rgba(255,255,255,0.44)}92.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.017));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.983);box-shadow:0 0 20px rgba(255,255,255,0.69),inset 0 0 20px rgba(255,255,255,0.45)}95.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.004));opacity:calc(var(--o0) + (1 - var(--o0)) * 0.996);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}97.5%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}100.0%{border-color:color-mix(in srgb,var(--c),#000 calc(var(--dk) * 0.000));opacity:calc(var(--o0) + (1 - var(--o0)) * 1.000);box-shadow:0 0 20px rgba(255,255,255,0.70),inset 0 0 20px rgba(255,255,255,0.46)}}.w2 .tunD .tf.f5{animation-name:w2-ptxD5}}.w2 .tunD{--c:#ffffff;--dk:80%;--o0:.22}.w2 .tunD .tf::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0px, rgba(255, 255, 255, 0) 64px, rgba(255, 255, 255, 0) calc(100% - 64px), rgba(255, 255, 255, 0.08) 100%)}
/* Discovery: Kopfzeile mit Button, 1×2-Quadrate */
.w2 .fpl-hr{display:flex;align-items:center;justify-content:space-between;gap:12px}
.w2 .fpl-hr .fpl-h{margin-bottom:0}
.w2 .fpl-hr+.rail{margin-top:14px}
.w2 .duo{margin-top:15px}
.w2 #mk-events .discoshot .tunimg,.w2 #mk-profil .discoshot img,.w2 #mk-events .discoshot img{width:min(100%,246px);max-width:none}
.w2 #mk-events .discoshot,.w2 #mk-profil .discoshot{flex:1 1 0;min-height:0;overflow:hidden;align-items:flex-start;padding-top:8px;margin-bottom:-20px}
.w2 #mk-facebook.q .mock{flex:1;display:flex;align-items:center;justify-content:center}
.w2 .shq{display:flex;justify-content:center;min-width:0;width:100%}
.w2 #mk-share .mock{min-width:0;width:100%}
.w2 .shq .ch-img b{font-size:8px}
.w2 .shq .ch-b{width:100%;max-width:none;margin:0;align-self:auto;box-sizing:border-box;min-width:0;border-radius:10px}
.w2 .shq .ch-img{width:34%}
.w2 .shq .ch-t b{font-size:9px}.w2 .shq .ch-t small{font-size:8px}
.w2 .shq .ch-m{font-size:11px;line-height:1.35;padding:5px 6px 0}
.w2 .dmx{position:absolute;left:0;top:0;transform-origin:0 0}
.w2 .shq .ch-t b{font-size:10.5px}.w2 .shq .ch-t small{font-size:9.5px}.w2 .shq .ch-tm{font-size:9px}
.w2 .shq .ch-img{width:30%}
.w2 #mk-share .mock.sh-mk{flex:1 1 0;min-height:0;margin-top:0;padding-top:10px;display:flex;flex-direction:column;justify-content:flex-end}
.w2 #mk-konto.q p{font-size:12.5px;line-height:1.4}
.w2 #mk-konto.q .mock{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}
.w2 #mk-konto.q .konto{flex-direction:column;gap:6px;transform:scale(.74);transform-origin:center}
/* Dashboard-Modale (Original-Design, immer dunkel) */
.w2 .dm-m{flex:1 1 0;min-height:0;overflow:hidden;padding-top:12px;margin-bottom:-20px;display:flex;flex-direction:column}
.w2 .dm-ph{flex:1 1 0;min-height:0;height:auto!important;width:min(calc(100% - 14px),246px)!important;margin:0 auto;background:#060607!important;color:#fff;padding:10px 10px 0!important;gap:10px}
.w2 .dm-ph .sb{padding:2px 10px 0}
.w2 .dm-fit{position:relative;width:100%;overflow:hidden}
.w2 .dm{position:absolute;left:0;top:0;transform-origin:0 0;background:#1e1e20;border-radius:22px;box-shadow:0 0 0 1px rgba(255,255,255,.06);color:#fff;
  font-family:var(--font);font-size:13px;line-height:1.4;text-align:left}
.w2 .dm-hd{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.07)}
.w2 .dm-hd b,.w2 .dm-t{font-size:15px;font-weight:800;letter-spacing:-.01em}
.w2 .dm-x{width:30px;height:30px;border-radius:50%;background:#2c2c2e;display:grid;place-items:center;color:#c7c7cc;font-size:14px}
.w2 .dm-bd{padding:18px 20px;display:flex;flex-direction:column;gap:16px}
.w2 .dm-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.w2 .dm-f{display:flex;flex-direction:column;gap:7px;min-width:0}
.w2 .dm-l{display:flex;justify-content:space-between;align-items:baseline}
.w2 .dm-l b{font-size:12px;font-weight:700}.w2 .dm-l b i{color:#ff453a;font-style:normal;margin-left:2px}
.w2 .dm-l span{font-size:11px;color:#8e8e93}
.w2 .dm-in{min-height:38px;border-radius:11px;background:#2a2a2d;padding:0 13px;display:flex;align-items:center;font-size:12.5px;color:#f2f2f7;white-space:nowrap;overflow:hidden}
.w2 .dm-in.ph{color:#6e6e73}
.w2 .dm-in.sel{justify-content:space-between}
.w2 .dm-in.sel::after{content:"";border:5px solid transparent;border-top-color:#aeaeb2;border-bottom:0;margin-left:8px}
.w2 .dm-in.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700;color:#e5e5ea;min-height:42px}
.w2 .dm-h{font-size:10.5px;color:#8e8e93;line-height:1.45}
.w2 .dm-sec{display:flex;align-items:center;gap:12px;font-size:10.5px;color:#8e8e93;margin-top:4px}
.w2 .dm-sec span{font-weight:700;letter-spacing:.08em}.w2 .dm-sec i{flex:1;height:1px;background:rgba(255,255,255,.1)}.w2 .dm-sec em{font-style:normal}
.w2 .dm-st{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#2a2a2d;font-size:11.5px;color:#c7c7cc}
.w2 .dm-st span{padding:3px 10px;border-radius:99px;background:#1d3b26;color:#6fdc8c;font-weight:700;font-size:11px}
.w2 .dm-ft{display:flex;justify-content:flex-end;padding:14px 20px 18px;border-top:1px solid rgba(255,255,255,.07)}
.w2 .dm-btn{height:36px;padding:0 16px;border-radius:99px;background:#7c7af6;color:#0b0b14;font-weight:700;font-size:12.5px;display:flex;align-items:center}
.w2 .dm-card{padding:20px;display:flex;flex-direction:column;gap:12px;border-radius:18px;background:#1c1c1e}
.w2 .dm-d{font-size:11.5px;color:#aeaeb2;margin-top:-6px}
.w2 .dm-bs{display:flex;gap:8px}.w2 .dm-bs span{height:36px;padding:0 15px;border-radius:99px;background:#2c2c2e;font-weight:700;font-size:12px;display:flex;align-items:center}
/* Sponsoren: PDF-Ticket (Papier, hell) */
@media (min-width:900px){.w2 #mk-sponsoren.fx.w{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);column-gap:48px;align-items:start}.w2 #mk-sponsoren>h3,.w2 #mk-sponsoren>p{grid-column:1}.w2 #mk-sponsoren>.pt-m{grid-column:2;grid-row:1/span 3;max-height:560px}}
.w2 .pt{position:absolute;left:0;top:0;transform-origin:0 0;background:#fff;color:#111;border-radius:14px;padding:34px 40px 40px;font-family:var(--font);text-align:left}
.w2 .pt-bar{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#777}
.w2 .pt-bar b{color:#111}
.w2 .pt-logo2{font-family:var(--font-logo);font-weight:700;font-size:21px;color:#111}
.w2 .pt-body{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:36px;padding-top:30px}
.w2 .pt-tk{background:#4b4b57;color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 40px -18px rgba(0,0,0,.45);padding-bottom:30px;position:relative;align-self:start}
.w2 .pt-tk::before{content:"";position:absolute;left:50%;top:-22px;width:90px;height:44px;margin-left:-45px;border-radius:0 0 45px 45px;background:#fff}
.w2 .pt-top{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 30px;background:#454551}
.w2 .pt-logo{font-family:var(--font-logo);font-weight:700;font-size:34px}
.w2 .pt-no{display:flex;flex-direction:column;align-items:flex-end;font-size:22px;line-height:1.2}
.w2 .pt-no small,.w2 .pt-info small,.w2 .pt-row small{font-size:10px;font-weight:700;letter-spacing:.1em;color:#c5c5ce;display:block}
.w2 .pt-band{height:140px;background:linear-gradient(180deg,#5c5c68,#3f3f4a)}
.w2 .pt-info{padding:30px 30px 0}.w2 .pt-info>b{display:block;font-size:22px;font-weight:500;margin:4px 0 16px}
.w2 .pt-row{display:flex;justify-content:space-between;font-size:17px}.w2 .pt-row .r{text-align:right}.w2 .pt-row small{margin-bottom:4px}
.w2 .pt-qr{width:250px;margin:30px auto 0;background:#fff;border-radius:12px;padding:40px}.w2 .pt-qr svg{display:block;width:100%}
.w2 .pt-side{display:flex;flex-direction:column}
.w2 .pt-ev small,.w2 .pt-kv small{display:block;font-size:10.5px;color:#888}
.w2 .pt-ev b{display:block;font-size:22px;font-weight:600;letter-spacing:-.02em;margin:2px 0 10px}
.w2 .pt-ev strong{display:block;font-size:12.5px;font-weight:700}
.w2 .pt-ev{padding-bottom:14px;border-bottom:1px solid #e6e6ea}
.w2 .pt-kv{padding:10px 0;border-bottom:1px solid #e6e6ea;font-size:13px}
.w2 .pt-note{font-size:11px;color:#666;line-height:1.5;margin-top:14px}
.w2 .pt-ph{font-size:13px;font-weight:700;margin:24px 0 12px}
.w2 .pt-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.w2 .pt-lg{display:flex;align-items:center;justify-content:center;height:78px}
.w2 .pt-lg img{max-height:78px;max-width:100%;display:block}
.w2 .pt-rowl{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;padding-top:34px}
.w2 .pt-terms{margin-top:30px;padding-top:24px;border-top:1px solid #e6e6ea;display:grid;grid-template-columns:repeat(3,1fr);gap:8px 24px}
.w2 .pt-terms b{grid-column:1/-1;font-size:13px;margin-bottom:6px}
.w2 .pt-terms i{height:7px;border-radius:3px;background:#ececf0}
.w2 .pxb{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.w2 .dm-l em{font-style:normal;font-weight:500;color:#8e8e93;font-size:11px}
.w2 .ec{gap:14px;background:#060607!important;box-shadow:0 0 0 1px rgba(255,255,255,.1)!important}.w2 .ec .dm-d{margin-top:-4px;line-height:1.5}
@media (min-width:600px){.w2 #mk-echo .mock{flex:1 1 0;height:auto;min-height:260px}.w2 #mk-pixel+#mk-echo{margin:0}.w2 .fl-stack:has(#mk-echo){display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}}
.w2 #mk-echo{position:relative}
.w2 #mk-echo .mock{flex:0 0 auto;height:320px;padding-top:14px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 85%,transparent);mask-image:linear-gradient(#000 85%,transparent)}
.w2 #mk-pixel .fx-row{flex-wrap:wrap;row-gap:10px}
/* „1 Konto“: Login symbolisch */
.w2 .lg-m{flex:1 1 0;min-height:0;overflow:hidden;padding-top:10px;margin-bottom:-14px;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.w2 .lgc{position:absolute;left:0;top:0;transform-origin:0 0;background:#060607;border-radius:20px;box-shadow:0 0 0 1px rgba(255,255,255,.1);padding:20px;color:#fff;display:flex;flex-direction:column;gap:8px;font-family:var(--font);text-align:left}
.w2 .lgc-top{display:flex;align-items:center;gap:8px}
.w2 .lgc-logo{font-family:var(--font-logo);font-weight:700;font-size:21px;line-height:1}
.w2 .lgc-badge{font-size:10.5px;font-weight:700;color:#8e8e93;background:#2c2c2e;padding:3px 9px;border-radius:99px}
.w2 .lgc-seg{display:flex;gap:4px;padding:4px;border-radius:11px;background:#2c2c2e;margin-top:6px}
.w2 .lgc-seg span{flex:1;height:30px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:700;color:#8e8e93}
.w2 .lgc-seg .on{background:#fff;color:#000}
.w2 .lgc-h{font-size:19px;font-weight:800;letter-spacing:-.03em;margin:8px 0 2px}
.w2 .lgc-l{font-size:11px;font-weight:700;color:#8e8e93}
.w2 .lgc-in{height:38px;border-radius:11px;background:#2c2c2e;display:flex;align-items:center;padding:0 13px;font-size:13px}
.w2 .lgc-btn{height:42px;border-radius:12px;background:#fff;color:#000;font-weight:700;font-size:14px;display:grid;place-items:center;margin-top:6px}
.w2 #mk-konto.q .mock.lg-m{display:block}
/* Teilen: WhatsApp und iMessage im Wechsel */
.w2 .sh-x{display:grid}
.w2 .sh-sl{grid-area:1/1;display:flex;flex-direction:column;justify-content:flex-end;animation:w2-shSw 9s infinite}
.w2 .sh-im{animation-delay:-4.5s}
.w2 .sh-wa .ch-b{flex:1;display:flex;flex-direction:column}.w2 .sh-wa .ch-m{flex:1}.w2 .sh-wa::after{content:"";height:21px;flex:none}
@keyframes w2-shSw{0%,44%{opacity:1;transform:none}50%,94%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.w2 .sh-sl{animation:none}.w2 .sh-im{display:none}}
.w2 .im-b{position:relative;border-radius:18px;overflow:visible;background:#e9e9eb}
.w2 .im-b::after{content:"";position:absolute;right:-5px;bottom:0;width:16px;height:16px;background:#e9e9eb;border-bottom-left-radius:14px;clip-path:polygon(0 0,100% 100%,0 100%)}
.w2 .im-ban{position:relative;aspect-ratio:2.2/1;background:#000;overflow:hidden;border-radius:18px 18px 0 0;display:flex;flex-direction:column;justify-content:flex-end;padding:12px 14px;color:#fff}
.w2 .im-ban b{position:relative;font-size:21px;line-height:.95;font-weight:800;letter-spacing:-.03em}
.w2 .im-ban small{position:relative;font-size:9px;color:#c7c7cc;margin-top:6px}
.w2 .im-pill{position:absolute;left:14px;top:12px;font-size:7px;font-weight:700;letter-spacing:.06em;border:1px solid #7569fe;border-radius:99px;padding:2px 6px;color:#d4d0ff}
.w2 .im-r{position:absolute;right:-12%;top:-30%;width:62%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(117,105,254,.35)}
.w2 .im-r::after{content:"";position:absolute;inset:20%;border-radius:50%;border:1px solid rgba(117,105,254,.35)}
.w2 .im-dot{position:absolute;right:10%;top:16%;width:24%;aspect-ratio:1;border-radius:50%;background:#7569fe}
.w2 .im-t{padding:9px 13px 11px;display:flex;flex-direction:column;gap:3px}
.w2 .im-t b{font-size:12.5px;line-height:1.25;font-weight:700;color:#000}
.w2 .im-t span{font-size:11.5px;color:#8e8e93}
.w2 .im-rd{align-self:flex-end;font-size:10px;font-weight:600;color:#8e8e93;margin-top:5px;padding-right:2px}
.w2 .lgw-bar,.w2 .lgw-hd{display:none}
.w2 .lgw,.w2 .lgw-pg,.w2 .lgw-c{display:contents}

/* Ticketverkauf Flott: Quadrate links übereinander, Statistik rechts */
@media (min-width:1000px){
  .w2 .quad #tv-live .mock{flex:1 1 auto;display:flex;flex-direction:column}
  .w2 .quad #tv-live .stx{flex:1 1 auto;height:auto;min-height:350px}
  .w2 .quad:has(#tv-live){grid-template-columns:repeat(4,minmax(0,1fr))}
  .w2 .quad #tv-unbegrenzt{grid-column:1;grid-row:1}
  .w2 .quad #tv-sprachen{grid-column:1;grid-row:2}
  .w2 .quad #tv-live{grid-column:2/span 3;grid-row:1/span 2;align-self:stretch}
}
/* Quadrate links übereinander, Sponsoren rechts */
.w2 .duo #mk-sponsoren{grid-column:1/-1}
@media (min-width:760px){
  .w2 .duo{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (min-width:1000px){
  .w2 .duo{grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important}
  .w2 .duo #mk-sponsoren{grid-column:2!important}
  .w2 .duo #mk-sponsoren.fx.w{display:flex!important;flex-direction:column}
  .w2 .duo #mk-sponsoren>.pt-m{max-height:none;-webkit-mask-image:none;mask-image:none;padding-top:18px;width:100%;align-self:stretch}
  .w2 .duo #mk-sponsoren>p{margin-top:4px}
}
@media (min-width:760px){
  .w2 .duo #mk-share{grid-column:1;grid-row:1}
  .w2 .duo #mk-konto{grid-column:1;grid-row:2}
  .w2 .duo #mk-sponsoren{grid-column:2/span 3;grid-row:1/span 2;margin:0;align-content:start}
  .w2 .duo #mk-sponsoren>p{margin-top:8px}
}
@media (min-width:900px){.w2 .duo #mk-sponsoren.fx.w{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.w2 .duo #mk-sponsoren>.pt-m{max-height:none;height:auto;-webkit-mask-image:none;mask-image:none}}
.w2 #tv-website.big>.ws-m{padding-top:0}
/* Pixel: Integrations-Seite im Browserfenster */
.w2 .pxm{flex:0 0 auto;height:340px;overflow:hidden;padding-top:14px;-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}
@media (min-width:600px){.w2 .pxm{flex:1 1 0;height:auto;min-height:300px}}
.w2 .pxw{border-radius:12px;overflow:hidden;background:#111112;box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.w2 .pxw-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#2a2a2d}
.w2 .pxw-bar i{width:9px;height:9px;border-radius:50%;background:#48484c}
.w2 .pxw-bar span{margin-left:12px;flex:0 1 240px;height:18px;border-radius:6px;background:#1c1c1e;color:#8e8e93;font-size:10.5px;display:flex;align-items:center;padding:0 10px}
.w2 .pxp{position:absolute;left:0;top:0;transform-origin:0 0;background:#111112;color:#f1f2f4;padding:0 24px 30px;font-family:var(--font);text-align:left}
.w2 .pxp-tabs{display:flex;border-bottom:1px solid #2c2c2f;margin-bottom:26px}
.w2 .pxp-tabs span{padding:22px 18px 18px;font-size:14px;font-weight:700;color:#c9c9cd;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.w2 .pxp-tabs span:first-child{padding-left:0}
.w2 .pxp-tabs i{font-style:normal}
.w2 .pxp-tabs .on{color:#a9b8ff;border-color:#7685f8}
.w2 .pxp-h{display:block;font-size:25px;font-weight:800;letter-spacing:-.02em}
.w2 .pxp-s{font-size:12.5px;color:#d8d8dc;margin:8px 0 22px}
.w2 .pxp-c{background:#1d1d1f;border-radius:16px;padding:22px;margin-bottom:16px;display:flex;flex-direction:column}
.w2 .pxp-r{display:flex;justify-content:space-between;align-items:center;gap:16px}
.w2 .pxp-r b{font-size:15px;font-weight:800}.w2 .pxp-r b.sm{font-size:13.5px}
.w2 .pxp-pill{flex:none;font-size:11px;font-weight:700;color:#b4b4b9;background:#333437;border-radius:99px;padding:5px 10px}
.w2 .pxp-d{font-size:12.5px;line-height:1.55;color:#d8d8dc;max-width:540px;margin-top:6px}.w2 .pxp-d.sm{max-width:none;font-size:11.5px}
.w2 .pxp-l{font-size:11.5px;font-weight:800;margin:18px 0 8px}
.w2 .pxp-in{height:40px;border-radius:12px;background:#252629;color:#8e8e93;font-size:13px;display:flex;align-items:center;padding:0 13px}
.w2 .pxp-btn{align-self:flex-start;height:40px;padding:0 17px;border-radius:99px;background:#3d426c;color:#8f95cc;font-size:13px;font-weight:700;display:flex;align-items:center;margin-top:8px}
.w2 .pxp-hint{font-size:10.5px;color:#a3a3a8;margin-top:12px}
.w2 .pxp-c hr{border:0;border-top:1px solid #2f2e32;margin:22px 0 22px}
.w2 .pxp-f{display:flex;flex-direction:column}
.w2 .pxp-2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.w2 .pxp-l i{font-style:normal;color:#ff6b6b;margin-left:2px}.w2 .pxp-l em{font-style:normal;font-weight:500;color:#8e8e93;font-size:11px}
.w2 .pxp-in.v{color:#f1f2f4}
.w2 .pxp-btn.on{margin-top:18px}
.w2 #mk-echo .mock.pxm{-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent);height:340px}
@media (min-width:600px){.w2 #mk-echo .mock.pxm{height:auto}}
@media (min-width:760px){
  .w2 .duo #mk-sponsoren.fx.w{display:flex!important;flex-direction:column;contain:size;align-self:stretch}
  .w2 .duo #mk-sponsoren>.pt-m{flex:1 1 0;min-height:0;max-height:none!important;height:auto;position:relative;overflow:hidden;padding:0;margin-top:18px;border-radius:14px;
    -webkit-mask-image:none!important;mask-image:none!important}
  .w2 .duo #mk-sponsoren>.pt-m>.dm-fit{position:absolute;left:0;right:0;top:0;will-change:transform}
}
/* WhatsApp: Ansicht wie im echten Chat */
.w2 .sh-wa .ch-b{flex:none;display:block;position:relative;background:#254c39;border-radius:16px;padding:4px 4px 5px;overflow:visible}
.w2 .sh-wa .ch-b::after{content:"";position:absolute;right:-5px;bottom:0;width:14px;height:14px;background:#254c39;clip-path:polygon(0 0,100% 100%,0 100%);border-bottom-left-radius:4px}
.w2 .sh-wa .ch-pv{background:#1d3c2d;border-radius:12px}
.w2 .sh-wa .ch-img{width:40%}
.w2 .sh-wa .ch-t{padding:9px 9px 8px;gap:4px}
.w2 .sh-wa .ch-t b{font-size:10.5px;color:#cad5cf;line-height:1.3}
.w2 .sh-wa .ch-t small{font-size:10px;color:#81998c}
.w2 .sh-wa .ch-t em{font-size:10px;color:#cad5cf}
.w2 .sh-wa .ch-m{flex:none;font-size:12.5px;line-height:1.3;color:#fff;padding:6px 7px 0}
.w2 .sh-wa .ch-m u{text-decoration-color:rgba(255,255,255,.55)}
.w2 .sh-wa .ch-m a{color:#5eba6f;word-break:normal;overflow-wrap:anywhere}
.w2 .sh-wa .ch-tm{font-size:9.5px;color:#9fb5a9;gap:3px;padding:2px 6px 0}
.w2 .ch-tk{width:12px;height:9px;color:#6fb4d9}
.w2 .sh-x{padding:0 8px 0 2px;box-sizing:border-box}.w2 .sh-x>.sh-sl{margin:0!important;min-width:0}
/* Individualisierung: Event-Seite (Bühnen-Fade, Ticket-Kaufkarte) */
@property --ev{syntax:'<color>';inherits:true;initial-value:#7569fe}
.w2 .evp-m{flex:1 1 0;min-height:0;overflow:hidden;padding-top:6px;margin-bottom:0;display:flex;flex-direction:column;gap:12px}
.w2 .evp-sw{justify-content:center;gap:10px;flex:none}
.w2 .evp-sw span{width:22px;height:22px;cursor:pointer;transition:box-shadow .2s}
.w2 .evp{position:relative;padding:0!important;gap:0;min-height:260px;transition:--ev .8s ease;background:#0a0a0a!important}
.w2 .evp .dm-fit{flex:none}
.w2 .evp-pg{position:absolute;left:0;top:0;transform-origin:0 0;color:#fff;font-family:var(--font);text-align:left;overflow:hidden;background:#0a0a0a}
.w2 .evp-cn{position:relative;z-index:0;padding-bottom:70px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--ev) 42%,#0a0a0a) 0,color-mix(in srgb,var(--ev) 24%,#0a0a0a) 120px,color-mix(in srgb,var(--ev) 9%,#0a0a0a) 250px,#0a0a0a 330px)}
.w2 .evp-pg svg{width:1em;height:1em;flex:none}
.w2 .evp-sb{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;padding:12px 22px 4px}
.w2 .evp-sb i{width:66px;height:18px;border-radius:10px;background:#000}
.w2 .evp-sb,.w2 .evp-hd{position:relative;z-index:1;background:#0a0a0a}
.w2 .evp-hd{display:flex;align-items:center;gap:4px;padding:6px 12px 8px;border-bottom:1px solid rgba(255,255,255,.06)}
.w2 .evp-ib{width:30px;height:30px;display:grid;place-items:center;font-size:17px}
.w2 .evp-logo{font-family:var(--font-logo);font-weight:700;font-size:21px;margin:0 auto;padding-right:6px}
.w2 .evp-cb{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:14px;flex:none}
.w2 .evp-av{width:32px;height:32px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font-size:12px;font-weight:800;margin-left:4px}
.w2 .evp-bk{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 10px;font-size:10.5px;font-weight:700;color:rgba(255,255,255,.65)}
.w2 .evp-bk>span:first-child{display:flex;align-items:center;gap:6px}
.w2 .evp-chip{display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.45);color:#fff;border-radius:8px;padding:5px 8px;font-size:10px}
.w2 .evp-ban{position:relative;aspect-ratio:2/1;background:#000;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:14px 16px}
.w2 .evp-ban b{position:relative;font-size:28px;line-height:.95;font-weight:800;letter-spacing:-.03em}
.w2 .evp-ban small{position:relative;font-size:10px;color:#c7c7cc;margin-top:7px}
.w2 .evp-ban .im-pill{left:16px;top:14px;font-size:8px;padding:3px 7px}
.w2 .evp-h{display:block;font-size:24px;font-weight:800;letter-spacing:-.03em;padding:16px 14px 12px}
.w2 .evp-act{display:flex;gap:7px;padding:0 14px}
.w2 .evp-go{flex:1;height:36px;border-radius:99px;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:800}
.w2 .evp-act .evp-cb{width:36px;height:36px;background:#2a2a2c}
.w2 .evp-tk{position:relative;margin:14px 14px 0;border-radius:18px;padding:16px 16px 16px;display:flex;flex-direction:column;gap:5px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--ev) 50%,#141414),color-mix(in srgb,var(--ev) 36%,#141414))}
.w2 .evp-tk::before,.w2 .evp-tk::after{content:"";position:absolute;top:66px;width:14px;height:14px;border-radius:50%;background:#0a0a0a}
.w2 .evp-tk::before{left:-7px}.w2 .evp-tk::after{right:-7px}
.w2 .evp-tk>b{font-size:15px;font-weight:800;letter-spacing:-.01em}
.w2 .evp-tk>small{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;color:rgba(255,255,255,.75);letter-spacing:.02em}
.w2 .evp-buy{margin-top:12px;height:42px;border-radius:13px;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13.5px;font-weight:800}
.w2 .evp-buy em{font-style:normal;font-size:9.5px;font-weight:700;background:#ececee;color:#555;border-radius:99px;padding:3px 8px}
.w2 .evp-ab{margin:14px 14px 0;border-radius:18px;background:#1c1c1e;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.w2 .evp-ab small{font-size:10.5px;font-weight:700;color:#8e8e93;margin-bottom:2px}
.w2 .evp-ab span{height:8px;border-radius:4px;background:#2c2c2e}.w2 .evp-ab span.s{width:60%}
.w2 .evp-nav{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;padding:6px 4px 8px;background:#111;border-top:1px solid rgba(255,255,255,.06);z-index:2}
.w2 .evp-nav span{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:7px;font-weight:700;color:#8e8e93}
.w2 .evp-nav span.on{color:#fff}.w2 .evp-nav svg{width:13px;height:13px}
/* Einheitliches Handy (Vorlage: Ticketverkauf › Effizienter Checkout) */
.w2 .fx.ph-a{padding-bottom:0!important}
.w2 .ph-m{flex:1 1 0;height:0;min-height:0;margin:0!important;padding-top:14px!important;display:flex;flex-direction:column;overflow:visible}
.w2 .phone.ph-std{flex:1 1 0;min-height:0;height:auto!important;width:min(100%,246px)!important;margin:0 auto;gap:6px;background:#060607!important;color:#fff;padding:10px 0 0!important;position:relative}
.w2 .phone.ph-std .sb{padding:2px 20px 0}
.w2 .ph-std .tunimg,.w2 .ph-std .ph-img{display:block;width:100%!important;max-width:none!important;height:auto;flex:none;filter:none}
.w2 .ph-std.evp .dm-fit{flex:none}
.w2 .ph-std.evp .evp-hd{background:#060607}.w2 .ph-std.evp .evp-pg{background:#060607}
/* Individualisierung: großes Ticket, Farbwechsel */
.w2 .tkc-m{flex:1 1 0;height:0;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:16px 0 0!important;margin-top:0!important}
.w2 .tkc{position:absolute;left:0;top:0;transform-origin:0 0;--tb:#5b4ee0;--tf:#fff;--tm:rgba(255,255,255,.7);border-radius:16px;overflow:hidden;background:var(--tb);color:var(--tf);
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 24px 44px -20px rgba(0,0,0,.6);padding-bottom:18px;text-align:left;font-family:var(--font);
  transition:background-color .9s ease,color .9s ease}
.w2 .tkc[data-c="1"]{--tb:#0b0b0c;--tf:#fff;--tm:rgba(255,255,255,.6)}
.w2 .tkc[data-c="2"]{--tb:#ffffff;--tf:#000;--tm:rgba(0,0,0,.55)}
.w2 .tkc[data-c="3"]{--tb:#e3e3e8;--tf:#000;--tm:rgba(0,0,0,.55)}
.w2 .tkc-top{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 16px 12px}
.w2 .tkc-logo{font-family:var(--font-logo);font-weight:700;font-size:22px;line-height:1}
.w2 .tkc-no{display:flex;flex-direction:column;align-items:flex-end;font-size:15px;line-height:1.15}
.w2 .tkc small{display:block;font-size:7.5px;font-weight:700;letter-spacing:.1em;color:var(--tm);transition:color .9s ease}
.w2 .tkc-ban{position:relative;aspect-ratio:2.2/1;background:#000;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:10px 14px;color:#fff}
.w2 .tkc-ban b{position:relative;font-size:20px;line-height:.95;font-weight:800;letter-spacing:-.03em}
.w2 .tkc-ban small{position:relative;font-size:8px;letter-spacing:0;font-weight:500;color:#c7c7cc!important;margin-top:5px}
.w2 .tkc-ban .im-pill{left:14px;top:10px;font-size:6.5px}
.w2 .tkc-info{padding:14px 16px 0}
.w2 .tkc-info>b{display:block;font-size:15px;font-weight:500;margin:3px 0 10px}
.w2 .tkc-row{display:flex;justify-content:space-between;gap:8px;font-size:11.5px}.w2 .tkc-row .r{text-align:right}.w2 .tkc-row small{margin-bottom:3px}
.w2 .tkc-qr{width:118px;margin:16px auto 0;background:#fff;border-radius:10px;padding:14px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}.w2 .tkc-qr svg{display:block;width:100%}
/* Subdomain (Original-Design) */
.w2 .sdm{padding-top:16px}
.w2 .sdw-pg{background:#111112;padding:18px}
@media (max-width:599px){.w2 .sdw-pg{padding:10px}.w2 .sdc{padding:16px!important}.w2 .sdc-in{padding:0 10px}.w2 .sdc-btn{padding:0 13px}}
.w2 .sdc{background:#1d1d1f;border-radius:16px;padding:20px 22px;color:#f1f2f4;text-align:left}
.w2 .sdc-t{display:block;font-size:15px;font-weight:800}
.w2 .sdc-s{font-size:12.5px;color:#d8d8dc;margin:6px 0 16px}
.w2 .sdc-r{display:flex;gap:10px;align-items:center}
.w2 .sdc-in{flex:1;min-width:0;height:40px;border-radius:12px;background:#252629;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 13px;font-size:13px}
.w2 .sdc-in span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w2 .sdc-in em{font-style:normal;color:#8e8e93;flex:none}
.w2 .sdc-btn{flex:none;height:40px;padding:0 17px;border-radius:99px;background:#2a2a2d;color:#6e6e73;font-size:13px;font-weight:700;display:flex;align-items:center}
.w2 .sdc-h{font-size:10.5px;color:#8e8e93;margin-top:16px}
/* Ticket-E-Mail mit GIF */
.w2 .eml-m{flex:1 1 0;height:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-top:14px!important;margin-top:0!important}
.w2 .eml-w{width:min(100%,280px);margin:0 auto;flex:1 1 0;min-height:0;overflow:hidden;border-radius:16px 16px 0 0;background:#fff}
.w2 .eml{position:absolute;left:0;top:0;transform-origin:0 0;background:#fff;color:#1a1a1a;border-radius:0;padding:26px 38px 30px;text-align:left;font-family:var(--font)}
.w2 .eml-btn{display:inline-flex;height:49px;padding:0 24px;align-items:center;border-radius:5px;background:#1a56db;color:#fff;font-size:15px;font-weight:700}
.w2 .eml-p{font-size:14.5px;margin:20px 0 14px}.w2 .eml-p b{font-weight:800}
.w2 .eml-n{font-size:12.5px;line-height:1.6;color:#9a9aa0;margin-bottom:24px}
.w2 .eml-g{display:block;width:445px;border-radius:0 8px 8px 0}
/* Dashboard v3: Seite #111112, Karten #1d1d1f, Felder #252629 */
.w2 .win{--bg:#111112;--surface:#252629;--surface-2:#2a2a2d;--surface-3:#333437;--line:#2f2e32;--line-2:#3a3a3e;
  --text:#f1f2f4;--text-2:#d8d8dc;--text-3:#a3a3a8;--text-4:#7c7c82;--inv:#7c7af6;--inv-fg:#0b0b14;
  --green-ink:#5ee08a;--red-ink:#ff8a80;
  background:#111112!important;color:#f1f2f4;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 24px 50px -28px rgba(0,0,0,.7)!important;color-scheme:dark}
.w2 .win .win-b{background:#1d1d1f;margin:10px;border-radius:14px;padding:16px}
.w2 .win .win-bar{background:#1a1a1c;border-bottom-color:#2a2a2d;color:#a3a3a8}
.w2 .win .t{border-bottom-color:#2f2e32}
.w2 .win .t small{color:#b4b4b9}
.w2 .win .tg::after{background:#fff!important}
.w2 .win .tg{background:#3a3a3e}
.w2 .win .tg.on{background:#7c7af6}
.w2 #km-follower .win .mb.p{background:#fff;color:#000}
.w2 .filebtn{--surface-3:#333437;--text-2:#b4b4b9;--inv:#fff;--inv-fg:#000;background:#1d1d1f!important;color:#f1f2f4;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.w2 .fx .mock>.mb.lg{background:#1d1d1f!important;color:#f1f2f4!important;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
/* alle Handys immer dunkel wie die App (Vorlage Checkout) */
.w2 .phone{--bg:#060607;--surface:#1c1c1e;--surface-2:#2c2c2e;--surface-3:#3a3a3c;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.16);
  --text:#fff;--text-2:#aeaeb2;--text-3:#8e8e93;--text-4:#636366;--inv:#fff;--inv-fg:#000;background:#060607!important;color:#fff;color-scheme:dark}
/* Ticket-E-Mail im Handy */
.w2 .mlp{overflow:hidden}
.w2 .mlp-hd{flex:none;padding:4px 14px 6px;font-size:11px;font-weight:700;color:#7c7af6;border-bottom:1px solid rgba(255,255,255,.08)}
.w2 .mlp-v{flex:1 1 0;min-height:0;overflow:hidden;background:#f2f2f3;position:relative}
.w2 .mlp-v .dm-fit{transition:transform .7s cubic-bezier(.45,0,.25,1);overflow:visible!important}
.w2 .mle{position:absolute;left:0;top:0;transform-origin:0 0;background:#f2f2f3;color:#0b0b0c;padding:16px 12px 30px;text-align:left;font-family:Inter,var(--font)}
.w2 .mle-wm{display:block;width:96px;height:auto;margin:4px auto 18px}
.w2 .mle-card{background:#fff;border-radius:16px;padding:28px 20px}
.w2 .mle-h{margin:0 0 8px;font-size:26px;line-height:1.15;font-weight:800;letter-spacing:-.028em}
.w2 .mle-p{margin:0 0 22px;font-size:15px;line-height:1.5;color:#52525b}.w2 .mle-p strong{color:#0b0b0c;font-weight:700}
.w2 .mle-lb{font-size:11.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#71717a}
.w2 .mle-sum{display:flex;justify-content:space-between;gap:10px;background:#f2f2f3;border-radius:16px;padding:16px 18px}
.w2 .mle-sum b{display:block;margin-top:4px;font-size:17px;font-weight:800;letter-spacing:-.012em}
.w2 .mle-sum span{display:block;margin-top:2px;font-size:13.5px;font-weight:500;color:#52525b;font-variant-numeric:tabular-nums}
.w2 .mle-sum .r{text-align:right}
.w2 .mle-btn{display:block;margin-top:22px;background:#e5484d;border-radius:12px;padding:15px 0;text-align:center;font-size:15.5px;font-weight:700;color:#fff}
.w2 .mle-org{margin-top:26px;background:#f2f2f3;border-radius:16px;padding:18px}
.w2 .mle-on{display:block;margin-top:2px;font-size:15px;font-weight:700}
.w2 .mle-org img{display:block;width:100%;height:auto;margin-top:14px;border-radius:12px}
.w2 .mle-tx{margin-top:14px;font-size:14.5px;line-height:1.55;white-space:pre-wrap;min-height:1.55em}
.w2 .mle-car{display:inline-block;width:1.5px;height:1.1em;background:#0b0b0c;vertical-align:-2px;margin-left:1px;animation:w2-mleB 1s steps(1) infinite}
@keyframes w2-mleB{50%{opacity:0}}
.w2 .mle-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}
.w2 .mle-2 p{margin:6px 0 0;font-size:13.5px;line-height:1.5}.w2 .mle-2 strong{font-weight:700}
.w2 .mle-help{margin-top:26px;padding-top:18px;border-top:1px solid #ececee;font-size:12.5px;line-height:1.55;color:#71717a}.w2 .mle-help u{color:#0b0b0c;font-weight:500;text-decoration:underline}
.w2 .mle-ft{padding-top:22px;text-align:center;font-size:11.5px;color:#a1a1aa}
.w2 .mle-px{font-family:var(--font-logo);font-weight:700;color:#52525b}
/* Subdomain + Discovery-Profil nebeneinander */
.w2 .dp-row #in-profil{min-height:440px}
@media (min-width:760px){.w2 .fl-stack.w1.dp-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px;align-items:stretch}.w2 .dp-row>.fx{margin:0!important}
  .w2 .dp-row #in-domain .sdm{margin-top:auto}}
/* Veranstalterprofil (neue Ansicht) */
.w2 .opf-ph .dm-fit{flex:none}
.w2 .opf{position:absolute;left:0;top:0;transform-origin:0 0;background:#060607;color:#fff;font-family:var(--font);text-align:left;padding-bottom:30px}
.w2 .opf svg{width:1em;height:1em;flex:none}
.w2 .opf-hd{background:#060607!important;border-bottom:1px solid rgba(255,255,255,.07)}
.w2 .opf-bk{display:flex;align-items:center;gap:6px;padding:14px 14px 12px;font-size:11px;font-weight:700;color:rgba(255,255,255,.65)}
.w2 .opf-ban{position:relative;margin:0 14px;aspect-ratio:3.1/1;border-radius:16px;overflow:hidden;background:radial-gradient(120% 160% at 25% 0%,#3b2f8f 0%,#141026 55%,#050507 100%)}
.w2 .opf-r1,.w2 .opf-r2{position:absolute;border-radius:50%;border:1px solid rgba(117,105,254,.45)}
.w2 .opf-r1{right:-4%;top:-60%;width:46%;aspect-ratio:1}.w2 .opf-r2{right:6%;top:-30%;width:28%;aspect-ratio:1}
.w2 .opf-dot{position:absolute;right:12%;top:8%;width:17%;aspect-ratio:1;border-radius:50%;background:#7569fe}
.w2 .opf-id{display:flex;align-items:flex-start;gap:12px;padding:0 14px 0 26px;margin-top:-10px;position:relative}
.w2 .opf-av{width:76px;height:76px;border-radius:50%;background:#000;border:3px solid #060607;box-shadow:0 0 0 1px rgba(255,255,255,.18);display:grid;place-items:center;font-family:var(--font-logo);font-weight:700;font-size:30px;flex:none}
.w2 .opf-nm{flex:1;min-width:0;padding-top:24px}
.w2 .opf-nm b{display:block;font-size:17px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.w2 .opf-nm small{display:block;font-size:10.5px;color:#8e8e93;margin-top:2px}
.w2 .opf-acts{display:flex;align-items:center;gap:7px;padding:8px 14px 0 24px}
.w2 .opf-fl{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 11px;border-radius:99px;background:#2c2c2e;font-size:10.5px;font-weight:700;white-space:nowrap}
.w2 .opf-rb{width:28px;height:28px;border-radius:50%;background:#2c2c2e;display:grid;place-items:center;font-size:11px;flex:none}
.w2 .opf-nav{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;align-items:center;padding:6px 8px 8px;background:#111;border-top:1px solid rgba(255,255,255,.06);z-index:2}
.w2 .opf-nav span{width:40px;height:26px;border-radius:9px 9px 0 0;display:grid;place-items:center;color:#fff}
.w2 .opf-nav span.on{background:#fff;color:#000;width:52px;height:30px;border-radius:12px}
.w2 .opf-nav svg{width:14px;height:14px}
.w2 .opf-ph{position:relative}
.w2 .opf-sh{display:flex;justify-content:space-between;align-items:baseline;padding:24px 14px 0}
.w2 .opf-sh b{font-size:19px;font-weight:800;letter-spacing:-.02em}.w2 .opf-sh span{font-size:12px;font-weight:700;color:#8e8e93}
.w2 .opf-sub{font-size:11px;color:#aeaeb2;padding:4px 14px 0}
.w2 .opf-chips{display:flex;gap:6px;padding:14px 14px 0;overflow:hidden}
.w2 .opf-ch{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:9px;background:#1c1c1e;font-size:11px;font-weight:700;color:#c7c7cc;white-space:nowrap;flex:none}
.w2 .opf-ch.on{background:#fff;color:#000}
.w2 .opf-ch.sm{height:22px;padding:0 8px;font-size:9.5px;border-radius:7px;background:#2c2c2e;color:#fff}
.w2 .opf-tools{display:flex;gap:6px;padding:10px 14px 0}
.w2 .opf-tb{width:32px;height:32px;border-radius:9px;background:#1c1c1e;display:grid;place-items:center;font-size:13px;color:#c7c7cc}
.w2 .opf-vw{margin-left:auto;display:flex;gap:3px;padding:3px;border-radius:9px;background:#1c1c1e}
.w2 .opf-vw i{width:26px;height:26px;border-radius:7px;position:relative}
.w2 .opf-vw i::after{content:"";position:absolute;inset:9px 7px;border-radius:2px;background:#8e8e93}
.w2 .opf-vw i.on{background:#fff}.w2 .opf-vw i.on::after{background:#000;inset:9px 8px;box-shadow:none}
.w2 .opf-day{display:flex;align-items:center;gap:8px;padding:18px 14px 10px}
.w2 .opf-day b{font-size:17px;font-weight:800}.w2 .opf-day b span{color:#8e8e93}
.w2 .opf-day em{font-style:normal;font-size:10px;font-weight:700;background:#2c2c2e;border-radius:99px;padding:3px 8px}
.w2 .opf-card{margin:0 14px;width:58%;border-radius:14px;overflow:hidden;background:#1c1c1e}
.w2 .opf-cb{position:relative;aspect-ratio:1.6/1;background:#000;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:10px 12px 30px}
.w2 .opf-cb b{position:relative;font-size:17px;line-height:.95;font-weight:800;letter-spacing:-.03em}
.w2 .opf-cb .im-pill{left:12px;top:10px;font-size:6px}
.w2 .opf-gf{position:absolute;left:8px;bottom:8px;display:flex;align-items:center;gap:3px;font-size:8.5px;font-weight:700;background:rgba(0,0,0,.6);border-radius:6px;padding:3px 6px}
.w2 .opf-ct{padding:9px 10px 10px}
.w2 .opf-ctt{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px}.w2 .opf-ctt b{font-weight:800}
.w2 .opf-cm{display:flex;align-items:center;gap:6px;margin-top:6px}
.w2 .opf-mav{width:20px;height:20px;border-radius:50%;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.2);display:grid;place-items:center;font-family:var(--font-logo);font-weight:700;font-size:10px;flex:none}
.w2 .opf-cm>span:nth-child(2){flex:1;min-width:0}
.w2 .opf-cm b{display:block;font-size:9.5px}.w2 .opf-cm small{display:block;font-size:9px;color:#8e8e93}
/* Individualisierung: Auch gut mit großem Checkout-Feld */
.w2 .in-duo{display:grid;gap:12px;grid-template-columns:1fr 1fr}
.w2 .in-duo #in-checkout{grid-column:1/-1}
@media (max-width:599px){
  .w2 .in-duo>.fx.v{padding:16px}
  .w2 .in-duo>.fx.v h3{font-size:15px;line-height:1.2}
  .w2 .in-duo>.fx.v>p{font-size:11.5px;line-height:1.4}
  .w2 .in-duo #in-privat .win .win-b{margin:6px;padding:10px}
  .w2 .in-duo #in-privat .row-t{font-size:11px;padding:0;gap:6px}
  .w2 .in-duo #in-privat .tg{width:34px;height:20px}.w2 .in-duo #in-privat .tg::after{width:14px;height:14px}.w2 .in-duo #in-privat .tg.on::after{transform:translateX(14px)}
  .w2 .in-duo #in-privat .hint{font-size:9.5px}
  .w2 #in-mehr ul{gap:6px;margin-top:10px}
  .w2 #in-mehr li{height:34px;padding:0 8px;gap:8px;font-size:11.5px;border-radius:10px}
  .w2 #in-mehr .ml-f,.w2 #in-mehr .ml-f svg{width:22px!important;height:15px!important;border-radius:4px}
}
.w2 .in-duo>.fx{margin:0}
.w2 .in-co .inco-m{flex:1 1 auto;min-height:0;padding-top:16px}
.w2 .inco-c{display:contents}
.w2 .inco-c>p{color:var(--text-2);font-size:14.5px;font-weight:500}
@media (max-width:999px){.w2 .inco-c{display:flex}}
.w2 .inco-w{height:100%;display:flex;flex-direction:column}
.w2 .inco-if{display:block;width:100%;flex:1 1 auto;min-height:0;height:620px;border:0;background:#0b0a14}
@media (min-width:600px){.w2 .in-duo{grid-template-columns:1fr 1fr}.w2 .in-duo #in-checkout{grid-column:1/-1}}
@media (min-width:1000px){
  .w2 .in-duo{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
  .w2 .in-duo #in-privat{grid-column:1;grid-row:1}.w2 .in-duo #in-mehr{grid-column:1;grid-row:2}
  .w2 .in-duo #in-checkout{grid-column:2;grid-row:1/span 2;contain:size;align-self:stretch;display:flex;flex-direction:column}
  .w2 .in-duo #in-checkout .inco-m{display:flex;flex-direction:column}
  .w2 .inco-if{height:auto}
}
.w2 #in-mehr .ml-f{background:none!important;overflow:hidden;border-radius:6px;width:30px;height:20px}
.w2 #in-mehr .ml-f svg{display:block;width:30px;height:20px}
.w2 #in-mehr ul{margin-top:12px;grid-template-columns:minmax(0,1fr)!important}
@media (max-width:999px){
  .w2 .in-duo #in-checkout{background:none!important;box-shadow:none!important;padding:0!important;border-radius:0}
  .w2 .in-duo #in-checkout>h3{font-family:var(--font-head);font-weight:800;font-size:24px;line-height:1.2;margin:20px 0 4px}
  .w2 .in-duo #in-checkout .inco-c{background:var(--surface);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:8px;margin-top:6px}
  .w2 .in-duo #in-checkout .inco-m{padding-top:8px}
}
@media (min-width:760px) and (max-width:999px){.w2 .in-duo #in-checkout>h3{font-size:clamp(30px,3.6vw,44px);margin-top:40px}}
.w2 #in-mehr li{min-width:0}
/* Finanzen: Stripe-Connect-Saldo */
.w2 .sc-b{display:flex;flex-direction:column;gap:2px}
.w2 .sc-h{display:flex;justify-content:space-between;align-items:center;gap:8px}.w2 .sc-h b{font-size:14px;font-weight:800}
.w2 .sc-stp{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:#d8d8dc;background:#2a2a2d;border-radius:99px;padding:3px 8px}
.w2 .sc-stp i{width:6px;height:6px;border-radius:50%;background:#30d158}
.w2 .sc-l{font-size:11px;color:#a3a3a8}.w2 .sc-n{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:2px 0 8px}
.w2 .sc-bt{display:flex;gap:6px;margin-bottom:12px}.w2 .sc-bt span{height:26px;padding:0 10px;border-radius:7px;background:#fff;color:#000;font-size:11px;font-weight:700;display:flex;align-items:center}
.w2 .sc-bt span.p{background:#7c7af6;color:#fff}
.w2 .sc-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.w2 .sc-2 small{display:block;font-size:10.5px;color:#a3a3a8}.w2 .sc-2 b{font-size:12.5px;font-weight:700}.w2 .sc-2 u{color:#8d8bff;text-decoration:none;font-weight:600}
/* Finanzen: Stripe-Connect-Onboarding als Pop-up */
.w2 #fi-connect .cn-m{flex:1 1 0;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;padding-top:14px}
.w2 .cn{position:absolute;left:0;top:0;transform-origin:0 0;height:430px;border-radius:14px;overflow:hidden;background:#111112;box-shadow:0 0 0 1px rgba(255,255,255,.1);font-family:Inter,var(--font);text-align:left}
.w2 .cn-bg{position:absolute;inset:0;display:flex;filter:blur(1.5px);opacity:.45}
.w2 .cn-sb{width:110px;padding:14px 10px;display:flex;flex-direction:column;gap:9px;border-right:1px solid #232326}
.w2 .cn-sb i{display:block;height:18px;border-radius:6px;background:#2a2a2d}.w2 .cn-sb i.lg{width:60%;background:#3a3a3e}.w2 .cn-sb i.ac{background:#3b3f73}.w2 .cn-sb i.pl{height:26px;background:#5f5ccc}
.w2 .cn-mn{flex:1;padding:16px;display:flex;flex-direction:column;gap:10px}.w2 .cn-mn i{display:block;border-radius:8px;background:#1d1d1f}
.w2 .cn-mn i.t{height:16px;width:55%;background:#2a2a2d}.w2 .cn-mn i.h{height:22px;width:35%;background:#2a2a2d}.w2 .cn-mn i.c{height:110px}.w2 .cn-mn i.c2{height:150px}
.w2 .cn::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
.w2 .cn-win{position:absolute;left:50%;top:14px;width:280px;margin-left:-140px;z-index:2;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 24px 50px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.12)}
.w2 .cn-bar{display:flex;align-items:center;gap:6px;height:22px;padding:0 8px;background:#1f2430;color:#e5e5ea;font-size:8.5px}
.w2 .cn-ic{width:9px;height:9px;border-radius:2px;background:#7c7af6;flex:none}.w2 .cn-tt{flex:1}.w2 .cn-ctl{font-size:8px;color:#aeaeb2}
.w2 .cn-url{height:18px;display:flex;align-items:center;padding:0 9px;background:#2a2f3b;color:#d1d1d6;font-size:8px}
.w2 .cn-hd{background:#8b8af5;color:#1a1a2e;text-align:center;padding:12px 10px 13px}
.w2 .cn-who{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:600}
.w2 .cn-lg{width:14px;height:14px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-family:var(--font-logo);font-weight:700;font-size:8px}
.w2 .cn-hd small{display:block;font-size:8.5px;margin-top:7px}
.w2 .cn-bd{padding:14px 26px 16px;color:#30313d}
.w2 .cn-h{display:block;font-size:15px;font-weight:700;color:#1a1b25;margin-bottom:5px}
.w2 .cn-bd p{font-size:8.5px;line-height:1.5;color:#6a7383;margin-bottom:10px}
.w2 .cn-l{display:block;font-size:8.5px;font-weight:600;color:#30313d}.w2 .cn-s{display:block;font-size:7px;color:#6a7383;margin:2px 0 4px}
.w2 .cn-in{display:block;height:20px;border:1px solid #d5dbe1;border-radius:4px;padding:0 6px;font-size:8.5px;line-height:18px;color:#30313d}
.w2 .cn-btn{display:block;height:20px;margin-top:10px;border-radius:4px;background:#000;color:#fff;font-size:8.5px;font-weight:700;text-align:center;line-height:20px}
.w2 .cn-ft{background:#8b8af5;color:#1a1a2e;padding:10px 26px 12px;display:flex;flex-direction:column;gap:3px;font-size:8px;font-weight:600}
.w2 .cn-ft b{font-size:13px;font-weight:800;letter-spacing:-.04em}
/* Finanzen: Zahlen-Zoom im Dashboard */
.w2 .dz-m{padding-top:16px}
.w2 .dz-v{position:relative;overflow:hidden;aspect-ratio:1200/760;background:#111112}
@media (max-width:599px){.w2 .dz-v{aspect-ratio:600/520}}
.w2 .dz-s{position:absolute;left:0;top:0;width:1200px;height:760px;transform-origin:0 0}
.w2 .dz-pg{position:absolute;left:0;top:0;width:1200px;height:760px;transform-origin:0 0;background:#111112;color:#f1f2f4;font-family:Inter,var(--font);text-align:left;font-size:13px;display:flex;will-change:transform,opacity}
.w2 .dz-pg svg{width:1em;height:1em;flex:none}
.w2 .dz-evp{opacity:0}
.w2 .dz-sb{width:250px;flex:none;border-right:1px solid #232326;padding:16px 14px;display:flex;flex-direction:column;gap:10px}
.w2 .dz-sbt{display:flex;align-items:center;gap:8px}.w2 .dz-logo{font-family:var(--font-logo);font-weight:700;font-size:21px;margin-right:4px}
.w2 .dz-stp{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;background:#232326;border-radius:99px;padding:3px 8px}.w2 .dz-stp i{width:6px;height:6px;border-radius:50%;background:#30d158}
.w2 .dz-av{width:26px;height:26px;border-radius:50%;background:#7c7af6;color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;flex:none}
.w2 .dz-ib{width:26px;height:26px;display:grid;place-items:center;color:#c7c7cc;font-size:14px}
.w2 .dz-nav{display:flex;align-items:center;gap:9px;height:36px;padding:0 12px;border-radius:10px;background:#1d1d1f;font-size:12.5px;font-weight:700}.w2 .dz-nav svg{font-size:15px;color:#c7c7cc}
.w2 .dz-nav.on{background:#262a52;color:#a9b8ff}.w2 .dz-nav.on svg{color:#a9b8ff}
.w2 .dz-lab{font-size:10px;font-weight:800;letter-spacing:.08em;color:#8e8e93;margin-top:6px}
.w2 .dz-seg{display:flex;gap:4px;padding:3px;border-radius:12px;background:#1d1d1f}.w2 .dz-seg span{flex:1;white-space:nowrap;height:28px;border-radius:9px;display:grid;place-items:center;font-size:11.5px;font-weight:700;color:#c7c7cc}
.w2 .dz-seg span i{font-style:normal;opacity:.6;margin-left:4px}.w2 .dz-seg span.on{background:#7c7af6;color:#0b0b14}
.w2 .dz-ev{background:#1d1d1f;border-radius:12px;padding:6px 6px 8px}.w2 .dz-ev>b{display:block;font-size:11.5px;font-weight:800;color:#8d8bff;margin:6px 4px 0}.w2 .dz-ev>small{display:block;font-size:9.5px;color:#8e8e93;margin:1px 4px 0}
.w2 .dz-evb{position:relative;height:62px;border-radius:8px;overflow:hidden;background:#000;display:flex;align-items:flex-end;padding:7px 9px}
.w2 .dz-evb b{position:relative;font-size:12px;line-height:.95;font-weight:800;color:#fff}
.w2 .dz-evb.f,.w2 .dz-rth.f{background:linear-gradient(135deg,#f2743c,#e0b423)}.w2 .dz-evb.w,.w2 .dz-rth.w{background:linear-gradient(135deg,#1f6fd1,#7fd8c8)}
.w2 .dz-sbf{margin-top:auto;display:flex;flex-direction:column;gap:6px}
.w2 .dz-main{flex:1;min-width:0;padding:0 28px}
.w2 .dz-tabs{display:flex;gap:4px;border-bottom:1px solid #2a2a2d}.w2 .dz-tabs span{padding:16px 13px 13px;font-size:12.5px;font-weight:700;color:#c9c9cd;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.w2 .dz-tabs i{font-style:normal}.w2 .dz-tabs .on{color:#a9b8ff;border-color:#7685f8}
.w2 .dz-hr{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 0 16px}
.w2 .dz-h{display:block;font-size:22px;font-weight:800;letter-spacing:-.02em}.w2 .dz-sub{font-size:12px;color:#d8d8dc;margin-top:4px}
.w2 .dz-rt{display:flex;gap:10px;align-items:center}
.w2 .dz-rg{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:#1d1d1f}.w2 .dz-rg span{padding:6px 11px;border-radius:9px;font-size:11px;font-weight:700;color:#c9c9cd;white-space:nowrap}.w2 .dz-rg span.on{background:#2c2c2e;color:#fff}
.w2 .dz-cta{height:34px;padding:0 16px;border-radius:99px;background:#7c7af6;color:#0b0b14;font-size:12px;font-weight:800;display:flex;align-items:center}
.w2 .dz-k6{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.w2 .dz-k4{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.w2 .dz-k{position:relative;background:#1d1d1f;border-radius:14px;padding:16px 18px}
.w2 .dz-kl{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.07em;color:#b4b4b9}
.w2 .dz-ki{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:13px}
.w2 .c1 .dz-ki{background:rgba(124,122,246,.2);color:#a9a7ff}.w2 .c2 .dz-ki{background:rgba(48,209,88,.16);color:#5ee08a}.w2 .c3 .dz-ki{background:rgba(64,200,224,.16);color:#64d2ff}
.w2 .c4 .dz-ki{background:rgba(255,179,64,.16);color:#ffc266}.w2 .c5 .dz-ki{background:rgba(255,80,160,.16);color:#ff7ab8}.w2 .c6 .dz-ki{background:rgba(64,200,180,.16);color:#5ee0c8}
.w2 .dz-q{color:#8e8e93;font-size:12px;display:inline-flex}
.w2 .dz-kn{display:block;font-size:30px;font-weight:800;letter-spacing:-.025em;margin:8px 0 2px;font-variant-numeric:tabular-nums}.w2 .dz-kn em{font-style:normal;font-size:12px;font-weight:600;color:#8e8e93;margin-left:4px}
.w2 .dz-ks{display:flex;align-items:center;gap:5px;font-size:11.5px;color:#d8d8dc}.w2 .dz-ks b{font-weight:800}
.w2 .dz-k.dim{opacity:.55}.w2 .dz-lk{display:inline-flex;color:#8e8e93}
.w2 .dz-kb{position:absolute;right:14px;top:12px;width:24px;height:24px;border-radius:7px;background:#2a2a2d;display:grid;place-items:center;color:#c7c7cc;font-size:13px}
.w2 .dz-card{background:#1d1d1f;border-radius:14px;padding:16px 18px;margin-top:12px}
.w2 .dz-oth{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.w2 .dz-oth b{font-size:14px;font-weight:800}.w2 .dz-oth p{font-size:11.5px;color:#d8d8dc;margin-top:4px}
.w2 .dz-pg svg.dz-ch{display:block;width:100%;height:150px;margin-top:12px}
.w2 .dz-xl{display:flex;justify-content:space-between;font-size:10px;color:#8e8e93;margin-top:4px}
.w2 .dz-rail{width:52px;flex:none;border-right:1px solid #232326;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 0}
.w2 .dz-rail>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#c7c7cc;font-size:15px;flex:none}
.w2 .dz-av.sm{width:28px;height:28px;border-radius:50%}
.w2 .dz-rth{position:relative;overflow:hidden;background:#000;border-radius:8px!important}
.w2 .dz-rpl{background:#7c7af6;color:#fff!important}.w2 .dz-rsp{flex:1!important;height:auto!important}
.w2 .dz-em{flex:1;min-width:0;padding:22px 80px 0 120px}
.w2 .dz-eh{display:flex;gap:16px;align-items:center}
.w2 .dz-eth{position:relative;width:150px;height:84px;border-radius:12px;overflow:hidden;background:#000;display:flex;align-items:flex-end;padding:9px 11px;flex:none}
.w2 .dz-eth b{position:relative;font-size:15px;line-height:.95;font-weight:800}
.w2 .im-r,.w2 .im-dot{pointer-events:none}
.w2 .dz-etr{display:flex;align-items:center;gap:10px}.w2 .dz-etr>b{font-size:20px;font-weight:800;letter-spacing:-.02em}
.w2 .dz-eti small{display:block;font-size:11.5px;color:#d8d8dc;margin-top:3px}
.w2 .dz-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:99px;background:#2a2a2d;font-size:10.5px;font-weight:700}
.w2 .dz-chip.am{color:#ffc266}.w2 .dz-chip.rd{color:#ff8a80}
.w2 .dz-ebs{display:flex;gap:6px;margin-top:9px}
.w2 .dz-tabs.ev{margin-top:20px}
.w2 .dz-kfh{display:flex;justify-content:space-between;align-items:center;padding:18px 0 12px}.w2 .dz-kfh b{font-size:13px;font-weight:700;color:#d8d8dc}
.w2 .dz-wrh{display:flex;justify-content:space-between;align-items:center}.w2 .dz-wrh b{font-size:14px;font-weight:800}
.w2 .dz-live{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#5ee08a}.w2 .dz-live i{width:6px;height:6px;border-radius:50%;background:#30d158}
.w2 .dz-wr p{font-size:11.5px;color:#d8d8dc;margin-top:4px}
.w2 .dz-wrn{display:grid;grid-template-columns:1fr 1fr;margin-top:12px}.w2 .dz-wrn small{display:block;font-size:10px;font-weight:800;letter-spacing:.07em;color:#a3a3a8}.w2 .dz-wrn b{font-size:24px;font-weight:800}.w2 .dz-wrn em{font-style:normal;font-size:12px;color:#8e8e93}
.w2 .dz-cur{position:absolute;left:0;top:0;width:26px;height:26px;z-index:6;pointer-events:none;transform-origin:4px 3px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}
.w2 .dz-cur svg{display:block;width:100%;height:100%}
.w2 .dz-rip{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.85);opacity:0;z-index:5;pointer-events:none;transform-origin:20px 20px}
.w2 .dz-ev{transition:box-shadow .2s,background-color .2s}.w2 .dz-ev.hov{box-shadow:0 0 0 2px #7c7af6;background:#24242a}
.w2 .dz-rail>span.hov{background:#2c2c2e;color:#fff}
.w2 .dz-bar{height:5px;border-radius:3px;background:#2a2a2d;margin-top:10px;overflow:hidden}.w2 .dz-bar i{display:block;width:24%;height:100%;background:#7c7af6}
/* Finanzen: Payout Report im PDF-Viewer */
.w2 #fi-berichte .rp-m{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:12px;padding-top:14px;margin:0}
.w2 .rp-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 15px;border-radius:99px;background:#2a2a2d;color:#f1f2f4;font-size:13px;font-weight:700;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.w2 .rp-btn svg{width:15px;height:15px}
.w2 .rp-w{flex:1 1 0;min-height:200px;display:flex;flex-direction:column;border-radius:12px 12px 0 0!important}
.w2 .rp-bar{flex:none;display:flex;align-items:center;gap:10px;height:30px;padding:0 12px;background:#323639;color:#e8eaed;font-size:10.5px}
.w2 .rp-fn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w2 .rp-pn,.w2 .rp-zm{flex:none;color:#bdc1c6}
.w2 .rp-v{flex:1 1 0;min-height:0;overflow:hidden;background:#525659;padding:10px 10px 0}
.w2 .rp-v .dm-fit{overflow:visible!important;transition:transform 0s}
.w2 .rp-doc{position:absolute;left:0;top:0;transform-origin:0 0;display:flex;flex-direction:column;gap:12px}
.w2 .rp-pg{box-sizing:border-box;background:#fff;color:#222;width:595px;min-height:842px;padding:44px 40px;font-family:Roboto,Inter,Arial,sans-serif;font-size:8.5px;line-height:1.35;text-align:left;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.w2 .rp-ti{text-align:center;font-size:17px;letter-spacing:.02em}.w2 .rp-st{text-align:center;font-size:12px;color:#777;margin:6px 0 26px}
.w2 .rp-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.w2 .rp-2 p{margin-top:8px;font-size:8px;line-height:1.55}
.w2 .rp-h3{display:block;font-size:11px;font-weight:400}
.w2 .rp-h{display:block;font-size:11.5px;font-weight:400;margin:26px 0 9px}
.w2 .rp-t{width:100%;border-collapse:collapse;font-size:8px}
.w2 .rp-t th{font-weight:400;padding:3px 0;border-bottom:1.5px solid #222;background:#f3f3f3}
.w2 .rp-t td{padding:3px 0;border-bottom:1px solid #ddd;vertical-align:top}
.w2 .rp-t .l{text-align:left;padding-right:8px}.w2 .rp-t .r{text-align:right;padding-left:10px}.w2 .rp-t .c{text-align:center;border-bottom:1px solid #222}
.w2 .rp-t td small{display:block;font-size:6px;color:#666;margin-top:1px}
.w2 .rp-t tr.tot td{background:#f3f3f3}
.w2 .rp-t.sm{font-size:7px}
.w2 .rp-n{font-size:6.5px;color:#555;margin-top:6px;line-height:1.45}.w2 .rp-n.ft{color:#999;margin-top:40px}
/* Finanzen: MwSt. + Preisrechner */
.w2 #fi-mwst .pc-m{padding-top:14px;flex:none!important;height:auto!important;margin-top:auto!important}
.w2 #fi-mwst{height:auto!important;max-height:none!important}
@media (max-width:599px){.w2 .pc .pc-b{padding:12px;gap:9px}.w2 .pc-calc{padding:10px 12px}}
.w2 .pc .pc-b{display:flex;flex-direction:column;gap:10px;padding:14px}
.w2 .pc-r2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.w2 .pc-f{display:flex;flex-direction:column;gap:5px;min-width:0}
.w2 .pc-l{font-size:11px;font-weight:800;color:#f1f2f4}.w2 .pc-l i{font-style:normal;color:#ff6b6b;margin-left:2px}
.w2 .pc-in{width:100%;height:34px;border:0;border-radius:10px;background:#252629;color:#f1f2f4;font:inherit;font-size:12.5px;padding:0 11px;outline:none;box-sizing:border-box}
.w2 .pc-in:focus{box-shadow:0 0 0 2px #7c7af6}
.w2 .pc-sel{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,#a3a3a8 50%),linear-gradient(135deg,#a3a3a8 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.w2 .pc-sel option{background:#1d1d1f;color:#f1f2f4}
.w2 .pc-seg{display:flex;gap:2px;padding:3px;border-radius:10px;background:#252629;height:34px;box-sizing:border-box}
.w2 .pc-seg button{border:0;background:none;color:#a3a3a8;font:inherit;font-size:11.5px;font-weight:700;padding:0 10px;border-radius:7px;cursor:pointer}
.w2 .pc-seg button.on{background:#3a3a3e;color:#fff}
.w2 .pc-h{font-size:10px;color:#a3a3a8;line-height:1.4}
.w2 .pc-calc{background:#111112;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.w2 .pc-t{font-size:12px;font-weight:700;color:#d8d8dc;margin-bottom:2px}
.w2 .pc-row{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;color:#d8d8dc}.w2 .pc-row b{color:#f1f2f4;font-weight:800;font-variant-numeric:tabular-nums}
.w2 .pc-row i{font-style:normal}
.w2 .pc-sum{border-top:1px solid #2f2e32;padding-top:7px;font-weight:800;color:#f1f2f4;font-size:12.5px}
.w2 .pc-get b{color:#8d8bff}
/* Finanzen: MwSt. im Ticket-Type-Formular */
.w2 .vt-m{padding-top:16px;display:flex;justify-content:center}
.w2 .vt-only{width:100%;max-width:520px;box-shadow:0 0 0 1px rgba(255,255,255,.1);font-family:Inter,var(--font);color:#f1f2f4;text-align:left}
.w2 .vt-only .vt-dd{max-width:none}
.w2 .vt-pg{background:#111112;padding:16px 18px 22px;font-family:Inter,var(--font);color:#f1f2f4;text-align:left}
.w2 .vt-nav{display:flex;gap:8px;align-items:center;overflow:hidden;white-space:nowrap}
.w2 .vt-grp{display:inline-flex;align-items:center;gap:4px;padding:3px;border-radius:99px;background:#1d1d1f;flex:none}
.w2 .vt-grp span{padding:6px 11px;border-radius:99px;font-size:12px;font-weight:700;color:#d8d8dc}.w2 .vt-grp span.on{background:#7c7af6;color:#0b0b14}.w2 .vt-grp span.on i{font-style:normal;opacity:.7;margin-left:3px}
.w2 .vt-grp span.lab{font-size:9.5px;letter-spacing:.07em;color:#8e8e93;border-left:1px solid #3a3a3e;border-radius:0;padding:4px 8px}
.w2 .vt-p{flex:none;padding:7px 13px;border-radius:99px;background:#1d1d1f;font-size:12px;font-weight:700;color:#d8d8dc}
.w2 .vt-back{display:inline-block;margin:14px 0;padding:7px 13px;border-radius:99px;background:#1d1d1f;font-size:11.5px;font-weight:700;color:#d8d8dc}
.w2 .vt-card{background:#1d1d1f;border-radius:16px;padding:18px 20px 20px;display:flex;flex-direction:column;gap:12px}
.w2 .vt-hd{display:flex;justify-content:space-between;align-items:center}.w2 .vt-hd b{font-size:15px;font-weight:800}
.w2 .vt-seg{display:inline-flex;gap:2px;padding:3px;border-radius:99px;background:#111112}.w2 .vt-seg span{padding:6px 13px;border-radius:99px;font-size:11.5px;font-weight:700;color:#d8d8dc}.w2 .vt-seg span.on{background:#2c2c2e;color:#fff}
.w2 .vt-f{display:flex;flex-direction:column;gap:6px;position:relative}.w2 .vt-f>b,.w2 .vt-lr b{font-size:11px;font-weight:800}.w2 .vt-f b i{font-style:normal;color:#ff6b6b;margin-left:2px}
.w2 .vt-lr{display:flex;justify-content:space-between}.w2 .vt-lr small{font-size:10.5px;color:#8e8e93}
.w2 .vt-in{height:34px;border-radius:10px;background:#252629;display:flex;align-items:center;padding:0 12px;font-size:12.5px}
.w2 .vt-h{font-size:10px;color:#a3a3a8}
.w2 .vt-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.w2 .vt-sel{justify-content:space-between;box-shadow:0 0 0 2px #7c7af6}.w2 .vt-sel::after{content:"";border:5px solid transparent;border-top-color:#a3a3a8;border-bottom:0}
.w2 .vt-dd{display:flex;flex-direction:column;padding:5px;border-radius:12px;background:#2a2a2d;box-shadow:0 14px 34px rgba(0,0,0,.5);max-width:340px}
.w2 .vt-dd span{padding:8px 11px;border-radius:8px;font-size:12px;font-weight:600;color:#d8d8dc;display:flex;justify-content:space-between;transition:background-color .25s,color .25s}
.w2 .vt-dd span.on{background:#7c7af6;color:#fff}.w2 .vt-dd span.on::after{content:"✓"}
/* Finanzen: MwSt. + Geld-Karussell */
.w2 .gd-rail{margin-top:16px}
.w2 .gd-rail>.fx{min-height:460px;aspect-ratio:auto!important}
.w2 #fi-mwst{aspect-ratio:auto!important}
@media (min-width:760px){.w2 .gd-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.w2 .gd-rail #fi-vat .vt-m{display:block;margin-top:auto}
.w2 .gd-m{margin-top:auto;padding-top:16px}
.w2 .gd{display:flex;flex-direction:column;align-items:stretch;gap:8px;font-family:Inter,var(--font);color:#f1f2f4;text-align:left}
.w2 .gd-pay{display:flex;align-items:center;gap:10px;background:#1d1d1f;border-radius:14px;padding:12px 14px;box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.w2 .gd-av{width:30px;height:30px;border-radius:50%;background:#7c7af6;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;flex:none}
.w2 .gd-pt{flex:1;min-width:0}.w2 .gd-pt b{display:block;font-size:12.5px;font-weight:800}.w2 .gd-pt small{display:block;font-size:10.5px;color:#a3a3a8}
.w2 .gd-amt{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.w2 .gd-arr{align-self:center;width:26px;height:26px;border-radius:50%;background:#2a2a2d;color:#d8d8dc;display:grid;place-items:center}.w2 .gd-arr svg{width:14px;height:14px}
.w2 .gd-acc{background:#111112;border-radius:14px;padding:12px 14px;box-shadow:0 0 0 1px rgba(255,255,255,.1);display:flex;flex-direction:column;gap:8px}
.w2 .gd-ah{display:flex;align-items:center;gap:8px}.w2 .gd-ah b{font-size:12.5px;font-weight:800}
.w2 .gd-lk{width:24px;height:24px;border-radius:7px;background:rgba(48,209,88,.16);color:#5ee08a;display:grid;place-items:center}.w2 .gd-lk svg{width:13px;height:13px}
.w2 .gd-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#d8d8dc}
.w2 .gd-row small{display:block;font-size:10px;color:#8e8e93;margin-top:1px}.w2 .gd-row i{font-style:normal}
.w2 .gd-row b{font-weight:800;color:#ff8a80;font-variant-numeric:tabular-nums;white-space:nowrap}
.w2 .gd-tot{border-top:1px solid #2f2e32;padding-top:8px;font-weight:800;color:#f1f2f4;font-size:13px}.w2 .gd-tot b{color:#5ee08a;font-size:15px}
.w2 .gd-no{align-self:center;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#d8d8dc;background:#2a2a2d;border-radius:99px;padding:5px 11px}
.w2 .gd-no svg{width:12px;height:12px;color:#8e8e93}
/* Geldfluss-Animation */
.w2 .mf-m{margin-top:auto;padding-top:16px}
.w2 .mf-fit{max-width:360px;margin:0 auto}
.w2 .mf-fit>.dm-fit{overflow:visible!important}
.w2 .mf{padding-top:0}
.w2 .mf{position:absolute;left:0;top:0;transform-origin:0 0;height:494px;font-family:Inter,var(--font);color:#f1f2f4;text-align:left}
.w2 .mf svg{width:1em;height:1em;flex:none}
.w2 .mf-ln{position:absolute;border:0 dashed #3a3a3e;transition:border-color .3s}
.w2 .mf-ln.l1{left:179px;top:58px;height:52px;border-left-width:2px}.w2 .mf-ln.l2{left:179px;top:154px;height:46px;border-left-width:2px}.w2 .mf-ln.l3{left:179px;top:342px;height:46px;border-left-width:2px}
.w2 .mf-ln.ls{left:48px;top:131px;width:62px;border-top-width:2px}.w2 .mf-ln.lp{left:250px;top:131px;width:62px;border-top-width:2px}
.w2 .mf-ln.on{border-color:#8d8bff}.w2 .mf-ln.fe{border-color:#ff8a80}
.w2 .mf-cu,.w2 .mf-bk{position:absolute;left:30px;width:300px;height:58px;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:14px;background:#1d1d1f;box-shadow:0 0 0 1px rgba(255,255,255,.1);transition:box-shadow .3s}
.w2 .mf-cu{top:0}.w2 .mf-bk{top:388px}
.w2 .mf-cu.on,.w2 .mf-bk.on{box-shadow:0 0 0 2px #8d8bff}
.w2 .mf-av{width:30px;height:30px;border-radius:50%;background:#7c7af6;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;flex:none}
.w2 .mf-bi{width:30px;height:30px;border-radius:9px;background:#2a2a2d;color:#d8d8dc;display:grid;place-items:center;flex:none;font-size:15px}
.w2 .mf-tx{flex:1;min-width:0}.w2 .mf-tx b{display:block;font-size:12.5px;font-weight:800}.w2 .mf-tx small{display:flex;align-items:center;gap:5px;font-size:10.5px;color:#a3a3a8;margin-top:1px}
.w2 .mf-amt{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.w2 .mf-in{color:#5ee08a;opacity:0;transition:opacity .4s}.w2 .mf-in.on{opacity:1}
.w2 .mf-sp{position:absolute;left:110px;top:110px;width:140px;height:44px;box-sizing:border-box;border-radius:12px;background:#1d1d1f;box-shadow:0 0 0 1px rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:box-shadow .3s}
.w2 .mf-sp small{font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#a3a3a8}.w2 .mf-sp b{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.w2 .mf-sp.on{box-shadow:0 0 0 2px #8d8bff}.w2 .mf-sp.dim{opacity:.5}.w2 .mf-sp{transition:box-shadow .3s,opacity .4s}
.w2 .mf-acc{position:absolute;left:70px;top:200px;width:220px;height:142px;box-sizing:border-box;padding:12px 14px;border-radius:16px;background:#111112;box-shadow:0 0 0 1px rgba(255,255,255,.12);display:flex;flex-direction:column;transition:box-shadow .3s}
.w2 .mf-acc.on{box-shadow:0 0 0 2px #8d8bff}
.w2 .mf-ah{display:flex;align-items:center;gap:7px}.w2 .mf-ah b{font-size:11px;font-weight:800;line-height:1.2}
.w2 .mf-lk{width:22px;height:22px;border-radius:7px;background:rgba(48,209,88,.16);color:#5ee08a;display:grid;place-items:center;flex:none;font-size:12px}
.w2 .mf-bl{font-size:10px;color:#a3a3a8;margin-top:8px}
.w2 .mf-bal{font-size:24px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}
.w2 .mf-ok{display:flex;align-items:center;gap:5px;font-size:9.5px;color:#a3a3a8;margin-top:3px;opacity:0;transition:opacity .35s}.w2 .mf-ok.on{opacity:1}.w2 .mf-ok svg{color:#5ee08a}
.w2 .mf-no{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:700;color:#d8d8dc;background:#2a2a2d;border-radius:99px;padding:4px 9px;transition:box-shadow .3s,background-color .3s}
.w2 .mf-no svg{color:#8e8e93}.w2 .mf-no.on{background:rgba(48,209,88,.16);color:#5ee08a;box-shadow:0 0 0 1px rgba(94,224,138,.5)}.w2 .mf-no.on svg{color:#5ee08a}
.w2 .mf-nd{position:absolute;top:108px;width:48px;display:flex;flex-direction:column;align-items:center;gap:4px}
.w2 .mf-nd.ns{left:0}.w2 .mf-nd.np{left:312px}
.w2 .mf-c{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 1px rgba(255,255,255,.14);transition:transform .25s,box-shadow .25s}
.w2 .mf-c.st{background:#635bff;color:#fff;font-size:11px;font-weight:800;letter-spacing:-.04em}
.w2 .mf-c.px{background:#000;color:#fff;font-family:var(--font-logo);font-weight:700;font-size:20px}
.w2 .mf-nd.on .mf-c{transform:scale(1.1);box-shadow:0 0 0 2px #ff8a80}
.w2 .mf-nd small{font-size:9.5px;font-weight:700;color:#d8d8dc}.w2 .mf-nd small i{font-style:normal}
.w2 .mf-nd em{font-style:normal;font-size:9.5px;font-weight:800;color:#ff8a80;opacity:0;transition:opacity .3s}.w2 .mf-nd.got em{opacity:1}
.w2 .mf-tk{position:absolute;left:0;top:0;padding:4px 9px;border-radius:99px;background:#30d158;color:#04230f;font-size:11px;font-weight:800;white-space:nowrap;opacity:0;box-shadow:0 4px 14px rgba(0,0,0,.5);pointer-events:none;z-index:3}
.w2 .mf-tk.fee{background:#ff6b6b;color:#2a0606}.w2 .mf-tk.out{background:#8d8bff;color:#0b0b14}
.w2 .mf-cap{position:absolute;left:0;right:0;top:458px;display:flex;align-items:center;justify-content:center;gap:9px}
.w2 .mf-dots{display:flex;gap:4px;flex:none}.w2 .mf-dots i{width:6px;height:6px;border-radius:50%;background:#3a3a3e;transition:background-color .3s,width .3s}.w2 .mf-dots i.on{background:#8d8bff;width:16px;border-radius:3px}
.w2 .mf-ct{font-size:11.5px;font-weight:700;color:#d8d8dc;line-height:1.3;max-width:300px}
.w2 #km-follower .opf-nav,.w2 #km-follower .opf-bk{display:none}
.w2 #km-follower .opf-ban{margin-top:12px}
/* Erfahre-mehr-Pop-up */
.w2 .xm-b{align-self:flex-start;margin-top:6px;display:inline-flex;align-items:center;gap:6px}
html.w2-html.xm-on,html.w2-html.xm-on body{overflow:hidden}
.w2 .xm{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:3vh 3vw}
.w2 .xm[hidden]{display:none}
.w2 .xm-bg{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .22s}
.w2 .xm-d{position:relative;width:min(1180px,100%);max-height:100%;height:94vh;overflow:auto;overscroll-behavior:contain;background:var(--surface);color:var(--text);border-radius:28px;box-shadow:0 0 0 1px var(--line),0 40px 90px -30px rgba(0,0,0,.9);outline:none;opacity:0;transform:translateY(18px) scale(.985);transition:opacity .22s,transform .22s}
.w2 .xm.in .xm-bg{opacity:1}.w2 .xm.in .xm-d{opacity:1;transform:none}
.w2 .xm-x{position:sticky;top:16px;float:right;margin:16px 16px -56px 0;width:40px;height:40px;border-radius:50%;background:var(--surface-2);color:var(--text);display:grid;place-items:center;z-index:2}
.w2 .xm-x svg{width:18px;height:18px}
.w2 .xm-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;padding:48px 56px 56px}
.w2 .xm-k{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--fi,#8d8bff)}
.w2 .xm-txt h2{font-family:var(--font-head);font-weight:800;font-size:clamp(30px,3.4vw,46px);line-height:1.1;margin:8px 0 14px}
.w2 .xm-lead{font-size:17px;line-height:1.55;color:var(--text-2);margin-bottom:28px}
.w2 .xm-s{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding:18px 0;border-top:1px solid var(--line)}
.w2 .xm-n{width:32px;height:32px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-weight:800;font-size:14px}
.w2 .xm-s h3,.w2 .xm-fee h3{font-size:17px;font-weight:800;margin-bottom:6px}
.w2 .xm-s p{font-size:15px;line-height:1.6;color:var(--text-2)}.w2 .xm-s b{color:var(--text)}
.w2 .xm-fee{margin-top:10px;padding:20px 22px;border-radius:18px;background:var(--surface-2)}
.w2 .xm-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;border-top:1px solid var(--line);font-size:14.5px}
.w2 .xm-fee h3+.xm-row{border-top:0}
.w2 .xm-row small{display:block;font-size:12px;color:var(--text-3);margin-top:2px}.w2 .xm-row b{white-space:nowrap;font-weight:800}.w2 .xm-row i{font-style:normal}
.w2 .xm-note{font-size:13px;color:var(--text-2);margin-top:10px}
.w2 .xm-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.w2 .xm-vis{position:sticky;top:48px;align-self:start;max-width:440px;width:100%;justify-self:center}
.w2 .xm-d{scrollbar-width:none;-ms-overflow-style:none}.w2 .xm-d::-webkit-scrollbar{display:none;width:0;height:0}
@media (max-width:899px){.w2 .xm{padding:12px;align-items:center}.w2 .xm-d{height:auto;max-height:calc(100dvh - 24px);border-radius:22px}.w2 .xm-in{grid-template-columns:1fr;gap:28px;padding:20px 20px 32px}.w2 .xm-vis{position:static;order:-1;max-width:360px}.w2 .xm-lead{font-size:15.5px}}
/* Erfahre-mehr: Fakten, Code, Checkout-Demo, Fragen */
.w2 .xm-b{position:relative;z-index:1}
.w2 .fpl-hr .xm-b{align-self:center;margin-top:0}
.w2 .xm-vis{display:flex;flex-direction:column;gap:20px}
.w2 .xm-facts{border-radius:20px;background:var(--surface-2);padding:22px 24px}
.w2 .xm-facts h3{font-size:16px;font-weight:800;margin-bottom:12px}
.w2 .xm-facts ul{list-style:none;display:flex;flex-direction:column;gap:11px;margin:0;padding:0}
.w2 .xm-facts li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.45;color:var(--text)}
.w2 .xm-facts li svg{width:18px;height:18px;flex:none;margin-top:1px;color:#5ee08a}
.w2 .xm-facts li i{font-style:normal}
.w2 .xm-s p i,.w2 .xm-lead i{font-style:normal}
.w2 .xm-code{margin-top:22px;border-radius:16px;background:#0b0b0c;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.w2 .xm-code-h{font-size:12px;font-weight:700;color:#a3a3a8;padding:10px 16px;border-bottom:1px solid #222}
.w2 .xm-code pre{margin:0;padding:14px 16px;overflow:auto;font-size:11.5px;line-height:1.55;color:#e5e5ea;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;scrollbar-width:none}
.w2 .xm-code pre::-webkit-scrollbar{display:none}
.w2 .xco{display:flex;flex-direction:column;align-items:center;gap:12px}
.w2 .xco-tabs{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--surface-2);flex-wrap:wrap;justify-content:center}
.w2 .xco-tabs button{padding:8px 12px;border-radius:10px;font-size:13px;font-weight:700;color:var(--text-2)}
.w2 .xco-tabs button.on{background:var(--inv);color:var(--inv-fg)}
.w2 .phone.ph-std.xco-ph{flex:none!important;width:300px!important;height:600px!important;border-radius:36px!important;margin:0}
.w2 .xco-scr{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;border-radius:0 0 30px 30px}
.w2 .xco-if{position:absolute;left:0;top:0;width:375px;height:712px;border:0;transform:scale(.8);transform-origin:0 0;background:#0b0a14}
.w2 .xco-cap{font-size:12px;color:var(--text-3)}
.w2 .xfq{display:flex;flex-direction:column;gap:12px}
.w2 .xfq-c{border-radius:18px;background:#161427;color:#fff;padding:18px;display:flex;flex-direction:column;gap:9px;box-shadow:0 0 0 1px rgba(167,158,255,.12)}
.w2 .xfq-c small{font-size:11px;color:#8c87b3;font-weight:700}.w2 .xfq-c b{font-size:14.5px}.w2 .xfq-c b i{color:#ff453a;font-style:normal;margin-left:2px}
.w2 .xfq-o{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;background:#211e3a;font-size:13.5px;box-shadow:0 0 0 1px rgba(167,158,255,.22)}
.w2 .xfq-o em{width:16px;height:16px;border-radius:50%;border:2px solid #8c87b3;flex:none}
.w2 .xfq-o.on{box-shadow:0 0 0 1.5px #7569fe}.w2 .xfq-o.on em{border-color:#7569fe;background:radial-gradient(#7569fe 0 4px,transparent 5px)}
.w2 .xfq-d{border-radius:18px;background:#1d1d1f;color:#f1f2f4;padding:18px;box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.w2 .xfq-d>b{font-size:14px}.w2 .xfq-d p{font-size:12px;color:#a3a3a8;margin:6px 0 12px;line-height:1.5}
.w2 .xfq-r{display:flex;gap:12px;align-items:center;background:#252629;border-radius:12px;padding:11px 14px}
.w2 .xfq-ic{width:28px;height:28px;border-radius:8px;background:#333437;display:grid;place-items:center;font-weight:800}
.w2 .xfq-r b{display:block;font-size:13px}.w2 .xfq-r small{display:block;font-size:11px;color:#a3a3a8}
@media (max-width:899px){.w2 .xm-vis{order:0}.w2 .phone.ph-std.xco-ph{width:270px!important;height:540px!important}.w2 .xco-if{transform:scale(.72);height:707px}}
/* Pop-up-Bühne mit der echten Kachel */
.w2 .xm-stage{width:100%}
.w2 .xm-stw{position:relative;margin:0 auto;border-radius:24px}
.w2 .xm-stage .fx.xm-live{position:absolute!important;left:0;top:0;margin:0!important;flex:none!important;aspect-ratio:auto!important;min-height:0!important;max-height:none!important;max-width:none!important;transform-origin:0 0;transition:none!important;scroll-snap-align:none}
.w2 .xm-stage .fx.xm-live>:not(.mock){display:none!important}
.w2 .xm-stage .fx.xm-live{box-shadow:0 0 0 1px rgba(255,255,255,.1)!important}
@media (max-width:899px){.w2 .xm-in{grid-template-columns:minmax(0,1fr)!important}.w2 .xm-txt{min-width:0}.w2 .xm-vis:not([aria-hidden]){display:contents}.w2 .xm-vis>.xm-stage,.w2 .xm-vis>.xco{order:-1}.w2 .xm-vis:not([aria-hidden])>:not(.xm-stage):not(.xco){order:1}}
.w2 .xm-fm{display:none}
@media (max-width:899px){.w2 .xm-fm{display:flex;flex-direction:column;gap:12px;margin-top:26px}.w2 .xm-vis>.xm-facts,.w2 .xm-vis>.xfq{display:none}
.w2 .xm-vis>.xco{margin-top:44px}.w2 .xco-tabs{flex-wrap:nowrap;max-width:100%}.w2 .xco-tabs button{font-size:11.5px;padding:7px 8px;white-space:nowrap}}
/* Kundenprofil (Kundenmanagement) */
.w2 #km-verhalten>.mock.cu-m,.w2 #km-forms>.mock.cu-m{flex:1 1 0!important;height:0!important;min-height:0!important;margin:0!important;padding:12px 0 0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;overflow:visible!important}
.w2 .win.cu-w{position:relative;flex:1 1 0;height:0;min-height:150px;overflow:hidden}
.w2 .cu{position:relative;width:360px;padding:0 14px 16px;color:#f1f2f4;font-size:11px;line-height:1.35;}
.w2 .cu-tabs{display:flex;gap:16px;white-space:nowrap;overflow:hidden;margin:0 -14px 12px;padding:12px 14px 0;border-bottom:1px solid #2a2a2d;-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}
.w2 .cu-tabs span{padding-bottom:9px;font-weight:600;color:#d8d8dc;font-size:10.5px}
.w2 .cu-tabs span.on{color:#8d8bff;box-shadow:inset 0 -2px #8d8bff}
.w2 .cu-tabs .bw,.w2 .cu-nm .bw{font-style:normal}
.w2 .cu-back{display:inline-flex;align-items:center;gap:5px;background:#1d1d1f;border-radius:99px;padding:6px 10px;font-size:9.5px;font-weight:700;color:#d8d8dc}
.w2 .cu-back svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.w2 .cu-hd{display:flex;gap:11px;align-items:center;margin:12px 0}
.w2 .cu-av{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:800;font-size:15px;color:#fff;background:linear-gradient(135deg,#6d5df6,#c165dd)}
.w2 .cu-id{min-width:0;display:flex;flex-direction:column;gap:2px}
.w2 .cu-nm{display:flex;align-items:center;gap:7px}
.w2 .cu-nm b{font-size:16px;font-weight:800;letter-spacing:-.01em}
.w2 .cu-nm em{font-style:normal;font-size:8.5px;font-weight:700;color:#c3c1ff;background:#2e2c66;border-radius:99px;padding:2px 7px;white-space:nowrap}
.w2 .cu-ml{color:#8d8bff;font-weight:600;font-size:10.5px}
.w2 .cu-id small{font-style:italic;color:#a3a3a8;font-size:9px}
.w2 .cu-id small u{text-decoration:none;font-style:normal;font-weight:700;color:#8d8bff}
.w2 .cu-k{display:grid;grid-template-columns:1fr 1fr;background:#1d1d1f;border-radius:12px;overflow:hidden}
.w2 .cu-k>div{padding:10px 12px;display:flex;flex-direction:column;gap:3px;box-shadow:inset -1px -1px #2a2a2d}
.w2 .cu-k small{font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a3a3a8}
.w2 .cu-k b{font-size:17px;font-weight:800;letter-spacing:-.01em}
.w2 .cu-k b.d{font-size:12px;padding:3px 0 2px}
.w2 .cu-k span{font-size:9px;color:#b4b4b9}
.w2 .cu-rf{margin:10px 0 0;padding-left:8px;border-left:2px solid #ff6b5e;color:#ff8a80;font-size:9.5px}
.w2 .cu h4{font-size:13px;font-weight:800;margin:16px 0 9px}
.w2 .cu-f{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.w2 .cu-sel{display:flex;align-items:center;justify-content:space-between;width:130px;background:#1d1d1f;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:600}
.w2 .cu-sel svg{width:12px;height:12px;fill:none;stroke:#a3a3a8;stroke-width:2.2}
.w2 .cu-tg{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;color:#d8d8dc}
.w2 .cu-tg i{width:26px;height:15px;border-radius:99px;background:#7c7af6;position:relative}
.w2 .cu-tg i::after{content:"";position:absolute;right:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#fff}
.w2 .cu-r{background:#1d1d1f;border-radius:10px;padding:8px 11px;margin-top:6px}
.w2 .cu-r1{display:flex;align-items:center;gap:8px}
.w2 .cu-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d8d8dc;font-size:10.5px}
.w2 .cu-t b{color:#fff;font-weight:700}
.w2 .cu-p{font-size:8.5px;font-weight:700;color:#5ee08a;background:#1f3a28;border-radius:99px;padding:2px 7px}
.w2 .cu-a{font-size:11px;font-weight:800;min-width:44px;text-align:right}
.w2 .cu-r2{display:flex;justify-content:space-between;margin-top:3px;font-size:8.5px;color:#7c7c82}
.w2 .cu-r2 code,.w2 .fa-r2 code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8.5px}
.w2 .cu.fa{padding-top:14px}
.w2 .fa-h{font-size:16px!important;font-weight:800;margin:12px 0 3px!important}
.w2 .fa-s{font-size:10px;color:#d8d8dc;margin:0 0 12px}
.w2 .fa-c{background:#1d1d1f;border-radius:12px;padding:12px;margin-bottom:10px}
.w2 .fa-t{display:block;font-size:12px;font-weight:800}
.w2 .fa-d{font-size:9.5px;color:#b4b4b9;margin:5px 0 0;line-height:1.45}
.w2 .fa-q{display:flex;align-items:center;gap:7px;margin:14px 0 8px}
.w2 .fa-q b{font-size:10.5px;font-weight:800;flex:1}
.w2 .fa-q small{font-size:8.5px;color:#a3a3a8;font-weight:600}
.w2 .fa-ic{width:17px;height:17px;border-radius:5px;background:#2e2c66;display:grid;place-items:center}
.w2 .fa-ic svg{width:12px;height:12px;fill:none;stroke:#c3c1ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.w2 .fa-o{display:flex;justify-content:space-between;font-size:10px;margin-top:8px}
.w2 .fa-o em{font-style:normal;color:#a3a3a8;font-size:9px}.w2 .fa-o em b{color:#fff}
.w2 .fa-b{display:block;height:5px;border-radius:9px;background:#333437;margin-top:5px;overflow:hidden}
.w2 .fa-b i{display:block;height:100%;border-radius:9px;background:#7c7af6}
.w2 .fa-n{font-size:8.5px;color:#7c7c82;margin:10px 0 0}
.w2 .fa-ah{display:flex;justify-content:space-between;align-items:center}
.w2 .fa-csv{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:700;background:#252629;border-radius:99px;padding:5px 9px}
.w2 .fa-csv svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.w2 .fa-sr{display:flex;align-items:center;gap:8px;margin:10px 0 4px}
.w2 .fa-se{flex:1;background:#252629;border-radius:8px;padding:7px 9px;font-size:9px;color:#8e8e93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w2 .fa-sr small{font-size:8.5px;color:#a3a3a8;font-weight:700;white-space:nowrap}
.w2 .fa-th{display:flex;justify-content:space-between;font-size:7.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7c7c82;padding:8px 2px 6px;border-bottom:1px solid #2a2a2d}
.w2 .fa-r{padding:8px 2px;border-bottom:1px solid #2a2a2d}
.w2 .fa-r1{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.w2 .fa-by{display:flex;flex-direction:column;min-width:0}
.w2 .fa-by b{font-size:10.5px;font-weight:700}
.w2 .fa-by small{font-size:8.5px;color:#a3a3a8}
.w2 .fa-an{font-size:10px;font-weight:600;text-align:right;max-width:52%}
.w2 .fa-r2{display:flex;justify-content:space-between;margin-top:3px;font-size:8.5px;color:#7c7c82}
/* Kundenkarte + Export-Band */
.w2 #km-karte>.mock.km-mp{flex:1 1 0!important;height:0!important;min-height:0!important;margin:0!important;padding:12px 0 0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important}
.w2 .win.kmk{flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.w2 .kmk-h{padding:11px 12px 9px;display:flex;flex-direction:column;gap:2px;flex:none}
.w2 .kmk-h b{font-size:12px;font-weight:800;color:#f1f2f4}
.w2 .kmk-h small{font-size:9.5px;color:#a3a3a8}
.w2 .kmk-map{position:relative;flex:1 1 0;min-height:96px;margin:0 10px;border-radius:10px;overflow:hidden;background:#0b0b0c}
.w2 .kmk-map img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;display:block;user-select:none}
.w2 .kmk-ring{position:absolute;left:-40px;top:-40px;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 3px rgba(124,122,246,.35),0 0 14px rgba(141,139,255,.9);transition:left .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1)}
.w2 .kmk-tip{position:absolute;left:-200px;top:-200px;transform:translate(-50%,calc(-100% - 15px));background:#1d1d1f;color:#f1f2f4;font-size:9.5px;font-weight:700;padding:4px 8px;border-radius:7px;white-space:nowrap;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 6px 16px -6px rgba(0,0,0,.8);transition:left .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1)}
.w2 .kmk-lg{position:absolute;right:7px;bottom:7px;display:flex;align-items:center;gap:5px;background:rgba(17,17,18,.86);border-radius:99px;padding:3px 8px;font-size:8.5px;color:#d8d8dc}
.w2 .kmk-lg i{width:32px;height:4px;border-radius:9px;background:linear-gradient(90deg,#4f4fc9,#9a78f0,#ef8aa0,#f6e6ad)}
.w2 .kmk-l{padding:9px 12px 12px;flex:none}
.w2 .kmk-l>small{display:block;font-size:9.5px;font-weight:700;color:#a3a3a8;margin-bottom:3px}
.w2 .kmk-r{padding:6px 0;border-top:1px solid #2a2a2d}
.w2 .kmk-l>small+.kmk-r{border-top:0}
.w2 .kmk-r>div{display:flex;justify-content:space-between;align-items:baseline;font-size:10.5px}
.w2 .kmk-r b{font-weight:700;color:#f1f2f4;transition:color .3s}
.w2 .kmk-r span{font-size:9.5px;color:#d8d8dc}
.w2 .kmk-r>i{display:block;height:4px;border-radius:9px;background:#333437;margin-top:5px;overflow:hidden}
.w2 .kmk-r>i>i{display:block;height:100%;background:#7c7af6;border-radius:9px}
.w2 .kmk-r.on b{color:#8d8bff}
.w2 .fx.km-xs{grid-column:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;height:auto!important;aspect-ratio:auto!important;min-height:0;padding:24px 28px;margin-top:24px}
.w2 .km-xs-t{display:flex;flex-direction:column;gap:6px;min-width:0}
.w2 .km-xs-t h3,.w2 .km-xs-t p{margin:0}
.w2 .fx.km-xs .km-xs-b{flex:none;background:var(--surface-2);color:var(--text)}
@media (max-width:899px){.w2 #km-karte .kmk-h,.w2 #km-karte .kmk-lg,.w2 #km-karte .kmk-l>small{display:none}.w2 #km-karte .kmk-map{margin-top:10px}.w2 #km-karte .kmk-r{display:none;border-top:0!important}.w2 #km-karte .kmk-r.on{display:block}.w2 .fx.km-xs{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}}
.w2 #km-karte .kmk-h{display:none}.w2 #km-karte .kmk-map{margin-top:10px}
/* Kundenmanagement-Pop-ups */
.w2 .xan{width:100%}
.w2 .win.xa-w{position:relative;width:100%;height:min(520px,60vh);overflow:hidden;border-radius:16px;margin:0}
.w2 .xa{position:relative;width:400px}
.w2 .xa.cu{width:400px}
.w2 .xa-cur{position:absolute;left:0;top:0;width:22px;height:22px;z-index:30;pointer-events:none;transition:transform .55s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}
.w2 .xa-cur svg{width:100%;height:100%;display:block}
.w2 .xa-cur.dn svg{transform:scale(.82);transform-origin:4px 3px}
.w2 .xa-more{cursor:default}
.w2 .xa-hv{transition:background .25s}.w2 .xa-hv.hv{background:#26262a}
.w2 .xa-f{position:relative}
.w2 .xa-menu{position:absolute;left:0;top:calc(100% + 4px);z-index:5;width:170px;background:#252629;border-radius:10px;padding:4px;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 14px 30px -10px rgba(0,0,0,.8);display:flex;flex-direction:column}
.w2 .xa-menu[hidden]{display:none}
.w2 .xa-op{padding:7px 9px;border-radius:7px;font-size:10px;font-weight:600;color:#d8d8dc}
.w2 .xa-op.on{background:#2e2c66;color:#c3c1ff}
.w2 .xa-tg i{transition:background .2s}.w2 .xa-tg.off i{background:#3a3a3e}
.w2 .xa-tg i::after{right:auto!important;left:2px;transition:transform .2s}.w2 .xa-tg:not(.off) i::after{transform:translateX(11px)}
.w2 .cu-p.rf{color:#ff8a80;background:#3a1f1f}
.w2 .xa-se{position:relative;display:flex;align-items:center}
.w2 .xa-se.on{box-shadow:0 0 0 1.5px #7c7af6;color:#f1f2f4}
.w2 .xa-q{color:#f1f2f4}
.w2 .xa-car{display:none;width:1px;height:11px;background:#f1f2f4;margin-left:1px}.w2 .xa-se.on .xa-car{display:inline-block}
.w2 .xa-csv{transition:transform .12s,background .12s}.w2 .xa-csv.pr{transform:scale(.94);background:#333437}
.w2 .xa-row .fa-r1{align-items:flex-start}
.w2 .xa-chev{width:12px;height:12px;flex:none;fill:none;stroke:#7c7c82;stroke-width:2.2;margin-top:1px;transition:transform .2s}
.w2 .xa-row.open .xa-chev{transform:rotate(180deg)}
.w2 .xa-row.open{background:#202024;border-radius:8px}
.w2 .xa-det{margin-top:8px;padding:9px 10px;border-radius:8px;background:#252629;display:flex;flex-direction:column;gap:6px}
.w2 .xa-det[hidden]{display:none}
.w2 .xa-det small{font-size:8.5px;font-weight:700;color:#a3a3a8;text-transform:uppercase;letter-spacing:.06em}
.w2 .xa-det div{display:flex;justify-content:space-between;gap:10px;font-size:10px}.w2 .xa-det div span{color:#b4b4b9}
.w2 .xk{padding:12px 14px 16px;color:#f1f2f4;font-size:11px;line-height:1.35}
.w2 .xk-ps{display:flex;gap:6px;margin-bottom:12px}
.w2 .xk-p{padding:6px 11px;border-radius:99px;background:#1d1d1f;font-size:10px;font-weight:700;color:#d8d8dc}
.w2 .xk-p.on{background:#7c7af6;color:#0b0b14}
.w2 .xk-v[hidden]{display:none}
.w2 .xk-t{display:block;font-size:13px;font-weight:800}
.w2 .xk-d{font-size:9.5px;color:#b4b4b9;margin:4px 0 3px;line-height:1.45}
.w2 .xk-c{display:block;font-size:9px;color:#a3a3a8;margin-bottom:9px}
.w2 .xk-map{position:relative;height:220px;border-radius:12px;overflow:hidden;background:#0b0b0c}
.w2 .xk-map img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;user-select:none}
.w2 .xk-map[data-op="b"] img{object-position:50% 100%}
.w2 .xk-map[data-op="b"] .kmk-lg{left:auto!important;right:8px}
.w2 .xk-map .kmk-lg{right:auto;left:8px;bottom:8px;top:auto}
.w2 .xk-map .kmk-lg em{width:9px;height:9px;border-radius:50%;border:2px solid #fff;margin-left:6px;box-sizing:border-box}
.w2 .xk-map .kmk-ring,.w2 .xk-map .kmk-tip{opacity:0;transition:left .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1),opacity .3s}
.w2 .xk-ven{position:absolute;left:-40px;top:-40px;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2.5px solid #fff;background:rgba(124,122,246,.35);box-shadow:0 0 0 4px rgba(124,122,246,.3),0 0 16px rgba(141,139,255,.95)}
.w2 .xk-l{margin-top:12px}
.w2 .xk-l>small{display:block;font-size:9.5px;font-weight:700;color:#a3a3a8;margin-bottom:3px}
.w2 .xk-l .kmk-r{display:block!important}
.w2 .xk-n{font-size:9px;color:#a3a3a8;margin:10px 0 0}
@media (max-width:899px){.w2 .win.xa-w{height:min(460px,56vh)}}
@media (max-width:599px){.w2 #km-gaeste .fg{grid-template-columns:minmax(0,1fr)!important}.w2 #km-gaeste .fg>div{grid-column:auto!important;min-width:0}.w2 #km-gaeste .fi{min-width:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:32px}.w2 #km-gaeste .fl{min-height:0}}
.w2 #km-karte .kmk-l>small{display:none}.w2 #km-karte .kmk-r{display:none;border-top:0!important}.w2 #km-karte .kmk-r.on{display:block}
@media (max-width:759px){.w2 .rail.km-ag{grid-auto-columns:min(82vw,360px)}.w2 .rail.km-ag>.fx{height:auto;aspect-ratio:236/329;min-height:0}
.w2 .rail.km-ag .fx.v{padding:20px;gap:8px}.w2 .rail.km-ag .fx.v h3{font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.25}.w2 .rail.km-ag .fx.v>p{font-size:14.5px}}
/* Bestellansicht (Web + Handy) */
.w2 #km-bestellungen>.mock.ob-m{flex:1 1 0!important;height:0!important;min-height:0!important;margin:0!important;padding:12px 0 0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important}
.w2 .win.ob-w{position:relative;flex:1 1 0;min-height:0;overflow:hidden;background:#1d1d1f!important}
.w2 .ob-wm{display:none}
@media (max-width:759px){.w2 .ob-ww{display:none}.w2 .ob-wm{display:block}}
.w2 .ob{position:relative;color:#f1f2f4;font-size:12px;line-height:1.35;overflow:hidden}
.w2 .ob.ob-web{width:680px}
.w2 .ob-web .ob-hd{padding:18px 22px 15px;gap:12px}.w2 .ob-web .ob-t{font-size:17px}.w2 .ob-web .ob-hl small{font-size:11.5px}.w2 .ob-web .ob-bdg{font-size:11px;padding:5px 11px}.w2 .ob-web .ob-pill{font-size:12px;padding:8px 14px}.w2 .ob-web .ob-x{width:32px;height:32px}
.w2 .ob-web .ob-bd{padding:16px 22px 6px}.w2 .ob-web .ob-sum{padding:16px 18px;gap:14px}.w2 .ob-web .ob-sum small{font-size:10px}.w2 .ob-web .ob-sum b{font-size:16px}.w2 .ob-web .ob-sum b.ob-tot{font-size:22px}.w2 .ob-web .ob-sum span{font-size:11px}
.w2 .ob-web .ob-sec b{font-size:14px}.w2 .ob-web .ob-sec small{font-size:11px}.w2 .ob-web .ob-tk>div>b{font-size:13.5px}.w2 .ob-web .ob-q{font-size:13px}.w2 .ob-web .ob-a{font-size:14px}.w2 .ob-web .ob-tn code{font-size:11px}
.w2 .ob-web .ob-fr{font-size:12.5px;padding:7px 0}.w2 .ob-web .ob-fr.ob-tt{font-size:14px}.w2 .ob-web .ob-bh{font-size:14px}.w2 .ob-web .ob-kv{font-size:12px;grid-template-columns:100px 1fr}.w2 .ob-web .ob-kv code{font-size:11px}.w2 .ob-web .ob-cp{font-size:10.5px}
.w2 .ob-web .ob-ft{padding:14px 22px 18px}.w2 .ob-web .ob-btn{font-size:12.5px;padding:10px 16px}
.w2 .win.ob-ww{scrollbar-width:none}.w2 .win.ob-ww::-webkit-scrollbar{display:none}
.w2 .ob-ov.ob-ovw{left:0;top:0}.w2 .ob.ob-mob{width:375px;display:flex;flex-direction:column}
.w2 .ob .bw{font-style:normal}
.w2 .ob-hd{display:flex;align-items:center;gap:10px;padding:16px 20px 14px;border-bottom:1px solid #2f2f33}
.w2 .ob-hl{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.w2 .ob-t{font-size:15px;font-weight:800;letter-spacing:-.01em}
.w2 .ob-hl small{font-size:10px;color:#a3a3a8}
.w2 .ob-bdg{font-size:10px;font-weight:800;padding:4px 10px;border-radius:99px;background:#1f3a28;color:#5ee08a;white-space:nowrap;transition:background .3s,color .3s,box-shadow .3s}
.w2 .ob-bdg.rf{background:#1f1e3a;color:#b3b0ff;box-shadow:inset 0 0 0 1.5px #7c7af6}
.w2 .ob-pill{font-size:10.5px;font-weight:700;padding:7px 12px;border-radius:99px;background:#2a2a2d;white-space:nowrap;text-align:center;line-height:1.25}
.w2 .ob-x{width:28px;height:28px;border-radius:50%;background:#2a2a2d;display:grid;place-items:center;flex:none}
.w2 .ob-x svg{width:13px;height:13px;fill:none;stroke:#d8d8dc;stroke-width:2.2;stroke-linecap:round}
.w2 .ob-bd{padding:14px 20px 4px}
.w2 .ob-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:#2a2a2c;border-radius:12px;padding:14px 16px}
.w2 .ob-sum>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.w2 .ob-sum small{font-size:8.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#a3a3a8}
.w2 .ob-sum b{font-size:14px;font-weight:800;white-space:nowrap}
.w2 .ob-sum b.ob-tot{font-size:19px}
.w2 .ob-sum span{font-size:9.5px;color:#b4b4b9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w2 .ob .g{color:#5ee08a!important}
.w2 .ob-sec{display:flex;align-items:baseline;gap:7px;margin-top:16px;padding:12px 0 9px;border-top:1px solid #2f2f33;border-bottom:1px solid #2f2f33}
.w2 .ob-sec b{font-size:12.5px;font-weight:800}.w2 .ob-sec small{font-size:9.5px;color:#a3a3a8}
.w2 .ob-tk{display:flex;align-items:flex-start;gap:14px;padding:12px 0 14px}
.w2 .ob-tk>div{flex:1}.w2 .ob-tk>div>b{font-size:12px;font-weight:800}
.w2 .ob-tn{display:flex;gap:5px;margin-top:6px}
.w2 .ob-tn code,.w2 .ob-kv code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px}
.w2 .ob-tn code{background:#2a2a2d;border-radius:99px;padding:3px 8px;color:#d8d8dc}
.w2 .ob-q{color:#a3a3a8;font-size:11.5px}.w2 .ob-a{font-size:12px;font-weight:800}
.w2 .ob-fw{display:flex;justify-content:flex-end;border-top:1px solid #2f2f33;padding-top:6px}
.w2 .ob-web .ob-fees{width:56%}
.w2 .ob-fr{display:flex;justify-content:space-between;padding:6px 0;font-size:11px;color:#d8d8dc}
.w2 .ob-fr b{color:#fff;font-weight:700}
.w2 .ob-fr[hidden]{display:none}
.w2 .ob-fr.ob-rfd span,.w2 .ob-fr.ob-rfd b{color:#ff8a80}
.w2 .ob-fr.ob-tt{border-top:1px solid #2f2f33;margin-top:4px;padding-top:10px;font-size:12.5px}
.w2 .ob-fr.ob-tt span,.w2 .ob-fr.ob-tt b{color:#fff;font-weight:800}
.w2 .ob-bp{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:14px;padding:14px 0 12px;border-top:1px solid #2f2f33}
.w2 .ob-bh{display:block;font-size:12px;font-weight:800;margin-bottom:8px}
.w2 .ob-kv{display:grid;grid-template-columns:82px 1fr;gap:8px;padding:4px 0;font-size:10.5px}
.w2 .ob-kv span{color:#a3a3a8}.w2 .ob-kv b{font-weight:700;min-width:0;overflow-wrap:anywhere}
.w2 .ob-kv a{color:#8d8bff;font-weight:700}
.w2 .ob-cp{display:inline-block;font-style:normal;font-size:9px;font-weight:700;background:#2a2a2d;border-radius:99px;padding:3px 8px;margin:5px 0 0}
.w2 .ob-ft{display:flex;gap:8px;align-items:center;padding:12px 20px 16px;border-top:1px solid #2f2f33}
.w2 .ob-ft>i{flex:1}
.w2 .ob-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:700;padding:9px 14px;border-radius:99px;background:#2a2a2d;color:#f1f2f4;white-space:nowrap;transition:transform .12s,background .25s,color .25s,opacity .25s}
.w2 .ob-btn.r{color:#ff8a80;background:#3a1f1f}
.w2 .ob-btn.pr{transform:scale(.94)}
.w2 .ob-btn.ok{background:#1f3a28;color:#5ee08a}
.w2 .ob-btn.dis{opacity:.4}
.w2 .ob-ic{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.w2 .ob-ov{position:absolute;left:0;top:0;width:100%;z-index:10;display:flex;align-items:center;justify-content:center;background:rgba(14,14,16,.55);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .25s}
.w2 .ob-ov[hidden]{display:none}.w2 .ob-ov.in{opacity:1}
.w2 .ob-dlg{width:min(86%,340px);background:#1f1f22;border-radius:16px;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 60px -20px rgba(0,0,0,.8);transform:translateY(8px) scale(.98);transition:transform .25s}
.w2 .ob-ov.in .ob-dlg{transform:none}
.w2 .ob-dh{display:flex;align-items:flex-start;gap:10px;padding:16px 16px 12px;border-bottom:1px solid #2f2f33}
.w2 .ob-dh>div{flex:1;display:flex;flex-direction:column;gap:3px}.w2 .ob-dh b{font-size:14px;font-weight:800}.w2 .ob-dh small{font-size:9.5px;color:#a3a3a8}
.w2 .ob-dlg p{margin:0;padding:14px 16px;font-size:11.5px;line-height:1.5;color:#d8d8dc;border-bottom:1px solid #2f2f33}
.w2 .ob-da{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px 14px}
.w2 .ob-da .ob-btn{padding:10px 0;font-size:11.5px}
.w2 .ob-go{background:#f0605a;color:#1a0b0a}
.w2 .ob-mob .ob-sc{flex:1 1 0;min-height:0;overflow:hidden}
.w2 .ob-mob .ob-hd{align-items:center;padding:14px 16px 12px}
.w2 .ob-mob .ob-t{font-size:15px;line-height:1.25}
.w2 .ob-mob .ob-bd{padding:12px 16px 8px}
.w2 .ob-mob .ob-sum{grid-template-columns:1fr 1fr;row-gap:14px}
.w2 .ob-mob .ob-fees{border-top:1px solid #2f2f33;padding-top:6px}
.w2 .ob-mob .ob-blk{border-top:1px solid #2f2f33;margin-top:12px;padding-top:12px}
.w2 .ob-mob .ob-kv{grid-template-columns:100px 1fr}
.w2 .ob-mob .ob-ft{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 16px 14px;background:#1d1d1f}
.w2 .ob-mob .ob-ft .ob-btn{padding:10px 0}
/* „Mehr“-Knopf oben rechts */
.w2 .fx.has-xm>.xm-b{position:absolute;top:18px;right:18px;margin:0;z-index:3;padding:8px 11px 8px 14px;font-size:13.5px;gap:4px}
.w2 .fx.has-xm>h3,.w2 .fx.has-xm>.co-h,.w2 .fx.has-xm>.fx-row,.w2 .fx.has-xm>p:first-of-type{padding-right:84px}
.w2 .fx.has-xm>h3+p{padding-right:0}
.w2 .fx.has-xm>p.fx-k+h3+p,.w2 .fx.has-xm>h3:first-of-type+p{padding-right:0}
/* ===== Warum paytix ===== */
.w2 .wy-hero .lead{max-width:44ch}
.w2 .wy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.w2 .wy-c{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 22px 20px;border-radius:22px;background:var(--surface);color:var(--text);transition:transform .25s cubic-bezier(.2,.7,.3,1),background-color .2s}
.w2 .wy-c:hover{transform:translateY(-3px);background:var(--surface-2)}
.w2 .wy-c .ic{margin-bottom:10px}
.w2 .wy-c .wy-n{position:absolute;top:22px;right:22px;font-family:var(--font-head);font-weight:800;font-size:15px;color:var(--text-4)}
.w2 .wy-c b{font-size:19px;font-weight:800;letter-spacing:-.02em}
.w2 .wy-ct{font-size:14.5px;font-weight:500;color:var(--text-2);line-height:1.45;padding-right:24px}
.w2 .wy-c>.i:last-child{position:absolute;right:20px;bottom:20px;font-size:17px;color:var(--text-3);transition:transform .2s}
.w2 .wy-c:hover>.i:last-child{transform:translateX(3px);color:var(--text)}
.w2 .wy-sp{scroll-margin-top:96px}
.w2 .wy-k{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.w2 .wy-k .ic{width:38px;height:38px;border-radius:11px;font-size:17px}
.w2 .wy-k .wy-n{font-family:var(--font-head);font-weight:800;font-size:15px;color:var(--ai);letter-spacing:.02em}
.w2 .wy-k .kick{margin:0;color:var(--text-2)}
.w2 .wy-sp .split-t p+p{margin-top:10px}
.w2 .wy-checks{margin-top:22px}
.w2 .wy-checks li{font-size:14.5px;align-items:flex-start;line-height:1.4}
.w2 .wy-checks li .i{margin-top:1px}
.w2 .wy-ctas{margin-top:18px!important}
.w2 .wy-v{position:relative;border-radius:22px;background:var(--surface-2);padding:clamp(18px,3vw,30px);min-height:300px;display:flex;flex-direction:column;justify-content:center;gap:14px;overflow:hidden}
/* 1 Plattform */
.w2 .wy-plat{align-items:center;gap:0}
.w2 .wy-lbl{display:block;font-size:12px;font-weight:700;color:var(--text-3);text-align:center;margin-bottom:8px}
.w2 .wy-evc{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:16px;padding:10px 16px 10px 10px;box-shadow:0 0 0 1px var(--line)}
.w2 .wy-evc i{width:44px;height:44px;border-radius:11px;flex:none;background:radial-gradient(circle at 62% 50%,#8d86ff 0 26%,transparent 27%),radial-gradient(circle at 62% 50%,transparent 0 40%,rgba(141,134,255,.35) 41% 43%,transparent 44%),#0d0b1f}
.w2 .wy-evc b{display:block;font-size:15px;font-weight:800}.w2 .wy-evc span{display:block;font-size:12px;color:var(--text-2);margin-top:2px}
.w2 .wy-ln1{width:2px;height:26px;background:var(--line-2)}
.w2 .wy-acc{display:flex;align-items:center;gap:12px;background:var(--inv);color:var(--inv-fg);border-radius:16px;padding:12px 20px}
.w2 .wy-logo{font-family:Comfortaa,var(--font);font-weight:700;font-size:20px;letter-spacing:-.01em}
.w2 .wy-acc b{font-size:14px;font-weight:800;opacity:.7}
.w2 .wy-br{position:relative;width:62%;height:28px}
.w2 .wy-br i{position:absolute;top:0;width:50%;height:100%;border-top:2px solid var(--line-2)}
.w2 .wy-br i:first-child{left:0;border-left:2px solid var(--line-2);border-top-left-radius:14px;top:12px;height:16px}
.w2 .wy-br i:last-child{right:0;border-right:2px solid var(--line-2);border-top-right-radius:14px;top:12px;height:16px}
.w2 .wy-br::before{content:"";position:absolute;left:50%;top:0;width:2px;height:13px;background:var(--line-2);transform:translateX(-1px)}
.w2 .wy-outs{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}
.w2 .wy-out{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:16px;padding:12px;box-shadow:0 0 0 1px var(--line);min-width:0}
.w2 .wy-out .ic{width:36px;height:36px;border-radius:10px;font-size:16px}
.w2 .wy-out b{display:block;font-size:13.5px;font-weight:800;white-space:nowrap}.w2 .wy-out small{display:block;font-size:12px;color:var(--text-2);margin-top:2px}
/* 2 Preis */
.w2 .wy-fee{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:18px;padding:16px 20px}
.w2 .wy-fee .nur{font-size:15px;font-weight:700;color:var(--text-2)}
.w2 .wy-fn{font-family:var(--font-head);font-weight:800;font-size:64px;line-height:.9;letter-spacing:-.04em}.w2 .wy-fn small{font-size:.55em}
.w2 .wy-ft b{display:block;font-size:17px;font-weight:800}.w2 .wy-ft small{display:block;font-size:12.5px;color:var(--text-2);margin-top:3px}
.w2 .wy-cmp{background:var(--surface);border-radius:18px;padding:16px 20px 14px}
.w2 .wy-cmp-h{font-size:13px;font-weight:700;color:var(--text-2);margin-bottom:12px}
.w2 .wy-bar{display:grid;grid-template-columns:96px minmax(0,1fr) 62px;align-items:center;gap:12px;padding:6px 0}
.w2 .wy-bn{font-size:14px;font-weight:800}
.w2 .wy-bt{height:12px;border-radius:9px;background:var(--surface-2);overflow:hidden}
.w2 .wy-bt i{display:block;height:100%;width:var(--w);border-radius:9px;background:var(--text-3);transform-origin:0 50%;transition:transform 1s cubic-bezier(.2,.7,.3,1)}
.w2 .wy-bar.me .wy-bt i{background:var(--green)}
.w2 .wy-bar b{font-size:15px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.w2 .wy-bar.me b{color:var(--green-ink)}
.w2 .wy-cmp-n{font-size:11.5px;color:var(--text-3);margin-top:10px}
.w2 .wy-v:not(.in) .wy-bt i{transform:scaleX(0)}
/* 3 Einfach */
.w2 .wy-easy{align-items:flex-start}
.w2 .wy-time{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;padding:7px 12px;border-radius:99px;background:var(--surface);color:var(--text)}
.w2 .wy-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;width:100%;counter-reset:wy}
.w2 .wy-steps li{counter-increment:wy;display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:14px;padding:12px 14px;font-size:15px;font-weight:800;
  opacity:1;transform:none;transition:opacity .4s,transform .4s}
.w2 .wy-steps li::before{content:counter(wy);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-size:13px;flex:none}
.w2 .wy-steps li.ok{background:var(--inv);color:var(--inv-fg)}
.w2 .wy-steps li.ok::before{content:"✓";background:var(--green);color:#fff}
.w2 .wy-v:not(.in) .wy-steps li{opacity:0;transform:translateY(8px)}
.w2 .wy-steps li:nth-child(2){transition-delay:.15s}.w2 .wy-steps li:nth-child(3){transition-delay:.3s}.w2 .wy-steps li:nth-child(4){transition-delay:.45s}
.w2 .wy-pay{display:flex;gap:8px;flex-wrap:wrap}
.w2 .wy-pay span{display:inline-flex;align-items:center;gap:3px;height:32px;padding:0 12px;border-radius:9px;background:#000;color:#fff;font-size:13px;font-weight:700;box-shadow:0 0 0 1px var(--line-2)}
.w2 .wy-pay span .i{font-size:14px}.w2 .wy-pay span b{font-weight:800;color:#8ab4f8}
.w2 .wy-pay .lk{background:#00d66f;color:#0a1c12;box-shadow:none}
/* 4 Stil */
.w2 .wy-style{align-items:center}
.w2 .wy-tks{position:relative;height:200px;width:100%;max-width:380px}
.w2 .wy-tk{position:absolute;top:10px;left:50%;width:150px;height:180px;margin-left:-75px;border-radius:16px;background:var(--tb);color:var(--tf);padding:14px;display:flex;flex-direction:column;gap:6px;
  box-shadow:0 0 0 1px var(--tl),0 18px 30px -16px rgba(0,0,0,.6);transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.w2 .wy-tk:nth-child(1){transform:translateX(-96px) rotate(-12deg)}
.w2 .wy-tk:nth-child(2){transform:translateX(-34px) rotate(-4deg)}
.w2 .wy-tk:nth-child(3){transform:translateX(30px) rotate(4deg)}
.w2 .wy-tk:nth-child(4){transform:translateX(92px) rotate(12deg)}
.w2 .wy-v:not(.in) .wy-tk{transform:none}
.w2 .wy-tkh{font-family:Comfortaa,var(--font);font-weight:700;font-size:13px}
.w2 .wy-tk b{font-size:16px;font-weight:800;line-height:1.1;margin-top:auto}
.w2 .wy-tkd{font-size:10.5px;opacity:.7}
.w2 .wy-qr{width:38px;height:38px;border-radius:6px;margin-top:4px;background:repeating-conic-gradient(var(--tf) 0 25%,transparent 0 50%) 0 0/9.5px 9.5px;opacity:.8}
.w2 .wy-url{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;padding:9px 14px;border-radius:12px;background:var(--surface);color:var(--text-2)}
.w2 .wy-url .i{font-size:13px}.w2 .wy-url b{color:var(--text)}
.w2 .wy-lng{display:flex;gap:6px}
.w2 .wy-lng span{font-size:12px;font-weight:800;padding:6px 10px;border-radius:9px;background:var(--surface);color:var(--text)}
/* 5 Kontrolle */
.w2 .wy-tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);position:relative}
.w2 .wy-tl::before{content:"";position:absolute;left:16.6%;right:16.6%;top:22px;height:2px;background:var(--line-2)}
.w2 .wy-tl li{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13.5px;font-weight:800;text-align:center}
.w2 .wy-tl .ic{background:var(--surface);box-shadow:0 0 0 1px var(--line)}
.w2 .wy-badge{align-self:center;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;padding:7px 13px;border-radius:99px;background:var(--green-dim,rgba(48,209,88,.14));color:var(--green-ink)}
.w2 .wy-lock{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:16px;padding:14px 16px}
.w2 .wy-lock b{display:block;font-size:15px;font-weight:800}.w2 .wy-lock small{display:block;font-size:13px;color:var(--text-2);margin-top:2px}
/* 6 Kontakt */
.w2 .wy-chat{gap:12px}
.w2 .wy-msg{max-width:86%;border-radius:18px;padding:12px 15px;font-size:14.5px;line-height:1.45;font-weight:500;transition:opacity .45s,transform .45s}
.w2 .wy-msg small{display:block;font-size:11.5px;font-weight:700;opacity:.65;margin-bottom:4px}
.w2 .wy-msg.wy-me{align-self:flex-end;background:var(--inv);color:var(--inv-fg);border-bottom-right-radius:6px}
.w2 .wy-msg.wy-pt{align-self:flex-start;background:var(--surface);color:var(--text);border-bottom-left-radius:6px;transition-delay:.6s}
.w2 .wy-v:not(.in) .wy-msg{opacity:0;transform:translateY(10px)}
@media (max-width:899px){.w2 .wy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.w2 .wy-v{min-height:0}}
@media (max-width:599px){.w2 .wy-grid{grid-template-columns:minmax(0,1fr)}.w2 .wy-c{padding:18px 18px 16px}.w2 .wy-tks{height:180px}.w2 .wy-tk{width:128px;height:160px;margin-left:-64px}
.w2 .wy-tk:nth-child(1){transform:translateX(-78px) rotate(-12deg)}.w2 .wy-tk:nth-child(2){transform:translateX(-27px) rotate(-4deg)}.w2 .wy-tk:nth-child(3){transform:translateX(25px) rotate(4deg)}.w2 .wy-tk:nth-child(4){transform:translateX(76px) rotate(12deg)}
.w2 .wy-bar{grid-template-columns:84px minmax(0,1fr) 56px;gap:10px}.w2 .wy-outs{grid-template-columns:1fr}.w2 .wy-br{display:none}.w2 .wy-acc{margin-bottom:14px}}
.w2 .logos.mq2 .lg-row.r2{display:none}
/* ===== Startseite: Produkte, Preise, Warum ===== */
.w2 .rail.two{grid-auto-columns:min(86vw,420px)}
.w2 .rail.two>.fx{height:auto;min-height:0}
@media (min-width:760px){.w2 .rail.two{grid-template-columns:repeat(2,minmax(0,1fr))}}
.w2 .prod{gap:12px}
.w2 .prod .devices{margin-top:auto}
.w2 .disco .tagline .tagn{background:var(--surface-2);color:var(--text)}
.w2 .pw{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px}
.w2 .pw-p{display:flex;flex-direction:column;gap:14px}
.w2 .pw-rows{display:grid;gap:10px}
.w2 .pw-r{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:var(--surface-2)}
.w2 .pw-r .ic{width:42px;height:42px;border-radius:12px;font-size:19px}
.w2 .pw-r>div{flex:1;min-width:0}
.w2 .pw-r>div b{display:block;font-size:16px;font-weight:800}
.w2 .pw-r>div b .bw{font-size:17px}
.w2 .pw-r>div small{display:block;font-size:13px;font-weight:500;color:var(--text-2);margin-top:2px}
.w2 .pw-v{text-align:right;flex:none}
.w2 .pw-v b{display:block;font-size:28px;font-weight:800;letter-spacing:-.04em;line-height:1}
.w2 .pw-v small{display:block;font-size:12px;font-weight:600;color:var(--text-2);margin-top:4px;white-space:nowrap}
.w2 .pw-v.free b{font-size:20px;color:var(--green-ink)}
.w2 .pw-p>.btn{align-self:flex-start;margin-top:auto}
.w2 .pw-w{display:flex;flex-direction:column;gap:10px;color:var(--text);transition:transform .25s cubic-bezier(.2,.7,.3,1)}
.w2 .pw-w:hover{transform:translateY(-3px)}
.w2 .pw-w .kick{margin:4px 0 0}
.w2 .pw-w h3{font-size:clamp(22px,2.2vw,28px);font-weight:800;letter-spacing:-.035em;line-height:1.1}
.w2 .pw-w p{color:var(--text-2);font-size:15px;font-weight:500}
.w2 .pw-w>.btn{align-self:flex-start;margin-top:auto}
@media (max-width:899px){.w2 .pw{grid-template-columns:minmax(0,1fr)}}
@media (max-width:599px){.w2 .pw-r{flex-wrap:wrap}.w2 .pw-v{text-align:left;width:100%;padding-left:56px}.w2 .pw-v small{white-space:normal}}
/* Zwischenseite ticketing */
.w2 .tk-hero .tagline{font-size:18px;font-weight:800;margin-bottom:14px}
.w2 .tk-g{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.w2 .tk-g .ft2{flex-direction:column!important;align-items:stretch!important;padding:24px!important;border-radius:22px;background:var(--surface);gap:16px!important;min-height:200px}
.w2 .tk-g .ft2:hover{background:var(--surface-2)}
.w2 .tk-g .ft2 .ic{width:48px;height:48px;border-radius:14px;font-size:22px}
.w2 .tk-g .ft2-t>b{font-size:20px}
.w2 .tk-g .ft2-t small{font-size:14.5px;margin-top:4px}
.w2 .tk-g .ft2-t{margin-top:auto}.w2 .tk-g .ft2-t em{font-size:12.5px;margin-top:10px}
.w2 .tk-g .ft2-go{top:24px;right:22px;font-size:18px}
@media (max-width:899px){.w2 .tk-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.w2 .tk-g{grid-template-columns:minmax(0,1fr)}}
/* Fußzeile ausklappbar */
.w2 .foot-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px 24px}
.w2 .foot-c{font-size:13.5px!important;color:var(--text-3)!important;margin-top:12px!important}
.w2 .foot-l{display:flex;gap:18px;margin-top:10px}
.w2 .foot-l a{font-size:14px;font-weight:700;color:var(--text-2);transition:color .2s}
.w2 .foot-l a:hover{color:var(--text)}
.w2 .foot-more{flex:none}
.w2 .foot-more .i{transition:transform .25s}
.w2 .foot-more[aria-expanded="true"] .i{transform:rotate(180deg)}
.w2 .foot-x{margin-top:36px;padding-top:32px;border-top:1px solid var(--line)}
.w2 .foot-x[hidden]{display:none}
.w2 .foot-x .foot-g>div:first-child p:first-child{margin-top:0}
.w2 .foot-x .foot-b{margin-top:32px}
/* ===== Startseite: Preise kompakt + Warum mit Bild ===== */
.w2 .pw2{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}
.w2 .pw2-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.w2 .pw2 .plan{position:relative;overflow:hidden;isolation:isolate;gap:10px;padding:24px;border-radius:24px}
.w2 .pw2 .plan::before{content:"";position:absolute;right:-28%;bottom:-48%;width:90%;aspect-ratio:1;border-radius:50%;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,var(--pg),transparent)}
.w2 .pc-tk{--pg:color-mix(in srgb,var(--tv) 42%,transparent)}
.w2 .pc-dc{--pg:color-mix(in srgb,var(--el) 38%,transparent)}
.w2 .pw2 .plan .ic{width:40px;height:40px;border-radius:12px;font-size:18px;margin-bottom:4px}
.w2 .pw2 .plan-h{font-size:21px}
.w2 .pw2 .fee{margin:0;gap:6px 10px}
.w2 .pw2 .fee-n{font-size:clamp(64px,6.2vw,84px)}
.w2 .pw2 .nur{font-size:17px;padding-bottom:6px}
.w2 .pw2 .fee-t b{font-size:18px}
.w2 .pw2 .free{font-size:clamp(42px,4.4vw,58px);margin-top:4px;line-height:1;color:var(--el)}
.w2 .pw2 .min{font-size:14px}
.w2 .pw2 .checks{margin-top:auto;padding-top:12px}
.w2 .pw2 .checks li{font-size:14px}
.w2 .pw2-more{grid-column:1/-1;justify-self:start}
.w2 .pw2-w{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:24px;overflow:hidden;isolation:isolate;
  min-height:320px;background:#111;color:#fff;transition:transform .25s cubic-bezier(.2,.7,.3,1)}
.w2 .pw2-w:hover{transform:translateY(-3px)}
.w2 .pw2-w>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.w2 .pw2-w::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(8,8,10,.05) 0%,rgba(8,8,10,.45) 40%,rgba(8,8,10,.9) 78%)}
.w2 .pw2-w .ic{background:rgba(255,255,255,.16);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.w2 .pw2-w h3{margin-top:auto}
.w2 .pw2-w h3{font-size:clamp(24px,2.4vw,30px);font-weight:800;letter-spacing:-.035em;line-height:1.08}
.w2 .pw2-w p{color:rgba(255,255,255,.8);font-size:14.5px;font-weight:500}
.w2 .pw2-w .btn{align-self:flex-start;background:#fff;color:#000;margin-top:4px}
@media (max-width:899px){.w2 .pw2{grid-template-columns:minmax(0,1fr)}.w2 .pw2-w{min-height:300px}}
@media (max-width:599px){.w2 .pw2-plans{grid-template-columns:minmax(0,1fr)}}
/* ===== Startseite: kompakter Kostenvergleich ===== */
html.w2-html,.w2-frame .w2{--k2-ok:#167a39}
@media (prefers-color-scheme:light){html.w2-html:not([data-w2-theme="dark"]),.w2-frame:not([data-w2-theme="dark"]) .w2{--k2-ok:#5ee08a}}
html.w2-html[data-w2-theme="light"],.w2-frame[data-w2-theme="light"] .w2,.w2-frame.w2-legacy .w2{--k2-ok:#5ee08a}
html.w2-html[data-w2-theme="dark"],.w2-frame[data-w2-theme="dark"] .w2{--k2-ok:#167a39}
.w2 #simulator .sh{align-items:flex-end}
.w2 .k2{display:grid;gap:12px}
@media (min-width:900px){.w2 .k2{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.w2 .k2-ev{display:flex;flex-direction:column;justify-content:center;gap:18px}
.w2 .k2-flds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:900px){.w2 .k2-flds{grid-template-columns:minmax(0,1fr);gap:16px}}
.w2 .k2-fld{min-width:0}
.w2 .k2-fld label{display:block;font-size:13px;font-weight:700;color:var(--text-2);margin-bottom:6px}
.w2 .k2-fb{display:flex;align-items:center;gap:8px;height:50px;padding:0 16px;border-radius:14px;background:var(--surface-2)}
.w2 .k2-fb:focus-within{outline:2px solid var(--text);outline-offset:2px}
.w2 .k2-fb input{flex:1;min-width:0;width:100%;background:none;border:0;outline:0;font:inherit;color:var(--text);font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}
.w2 .k2-fb span{font-size:13px;font-weight:600;color:var(--text-3)}
.w2 .k2-fld small{display:block;font-size:12.5px;font-weight:500;color:var(--text-3);margin-top:6px}
.w2 .k2-tip{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--surface-2);font-size:13.5px;font-weight:500;line-height:1.45;color:var(--text-2)}
.w2 .k2-tip .i{font-size:16px;margin-top:2px;color:var(--text)}
.w2 .k2-res{display:flex;flex-direction:column;border-radius:24px;padding:24px;min-width:0;background:var(--inv);color:var(--inv-fg);
  --text:var(--inv-fg);--text-2:color-mix(in srgb,var(--inv-fg) 64%,transparent);--line:color-mix(in srgb,var(--inv-fg) 16%,transparent)}
@media (min-width:900px){.w2 .k2-res{padding:28px}}
.w2 .k2-rh{display:flex;align-items:center;justify-content:space-between;gap:6px 14px;flex-wrap:wrap}
.w2 .k2-rh>b{font-size:16px;font-weight:800;letter-spacing:-.01em}
.w2 .k2-ctx{font-size:13px;font-weight:500;color:var(--text-2);font-variant-numeric:tabular-nums}
.w2 .k2-p{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}
.w2 .k2-p>.bw{font-size:21px}
.w2 .k2-sp{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap;background:var(--inv-fg);color:var(--inv)}
.w2 .k2-big{display:block;font-size:clamp(46px,5.2vw,66px);font-weight:800;letter-spacing:-.035em;line-height:.95;margin-top:8px;font-variant-numeric:tabular-nums}
.w2 .k2-sub{font-size:14px;font-weight:500;color:var(--text-2);margin-top:8px}
.w2 .k2-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.w2 .k2-cmp span{display:block;font-size:13px;font-weight:700;color:var(--text-2)}
.w2 .k2-cmp b{display:block;font-size:clamp(20px,2.2vw,26px);font-weight:800;letter-spacing:-.02em;margin-top:4px;line-height:1.1;font-variant-numeric:tabular-nums}
.w2 .k2-save b{color:var(--k2-ok)}
.w2 .k2-cmp small{display:block;font-size:12.5px;font-weight:500;color:var(--text-2);margin-top:4px;line-height:1.35}
.w2 .k2-note{font-size:13px;font-weight:500;line-height:1.45;margin-top:12px;color:var(--text-2)}
.w2 .k2-ft{margin-top:auto;padding-top:20px}
.w2 .k2-perks{display:flex;flex-wrap:wrap;gap:8px 18px;padding-top:14px;border-top:1px solid var(--line)}
.w2 .k2-perks li{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700}
.w2 .k2-perks .i{font-size:16px;color:var(--k2-ok);stroke-width:2.4}
@media (max-width:479px){.w2 .k2-cmp{grid-template-columns:minmax(0,1fr);gap:12px}}
/* ===== 73 ===== */
.w2 .prod{position:relative}
.w2 .prod>.pr-more,.w2 .pw2-w>.pr-more{position:absolute;top:18px;right:18px;margin:0;z-index:3;height:auto;padding:8px 11px 8px 14px;font-size:13.5px;gap:4px}
.w2 .prod>.tagline{padding-right:84px;flex-wrap:wrap;row-gap:6px}
.w2 .pw2-w>.pr-more{background:rgba(255,255,255,.16);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.w2 .pw2-w:hover>.pr-more{background:rgba(255,255,255,.26)}
.w2 .pw3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.w2 .pw3-p{--pp:#7c7af6;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:16px;padding:26px;border-radius:24px;color:#fff;
  background:radial-gradient(120% 90% at 100% 0%,#9d9bff 0%,transparent 55%),linear-gradient(160deg,#7c7af6 0%,#5f5ce6 100%)}
.w2 .pw3-deco{position:absolute;right:-34px;bottom:-40px;width:230px;height:230px;fill:none;stroke:#fff;stroke-width:1.2;opacity:.13;transform:rotate(-18deg);z-index:-1}
.w2 .pw3-k{font-size:14px;font-weight:700;color:rgba(255,255,255,.78)}
.w2 .pw3-big{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.w2 .pw3-big>b{font-size:clamp(84px,9vw,116px);font-weight:800;letter-spacing:-.065em;line-height:.8;font-variant-numeric:tabular-nums}
.w2 .pw3-big>b small{font-size:.5em;letter-spacing:-.03em;margin-left:.06em}
.w2 .pw3-big>span{display:flex;flex-direction:column;gap:3px;padding-bottom:4px}
.w2 .pw3-big>span b{font-size:20px;font-weight:800;letter-spacing:-.02em}
.w2 .pw3-big>span small{font-size:13.5px;font-weight:600;color:rgba(255,255,255,.75)}
.w2 .pw3-dc{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.14)}
.w2 .pw3-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:17px;flex:none}
.w2 .pw3-dc>span:nth-child(2){flex:1;min-width:0}
.w2 .pw3-dc b{display:block;font-size:16px}
.w2 .pw3-dc small{display:block;font-size:12.5px;font-weight:500;color:rgba(255,255,255,.75)}
.w2 .pw3-dc em{font-style:normal;font-size:12.5px;font-weight:800;padding:5px 10px;border-radius:9px;background:#fff;color:#4f4cd8;flex:none}
.w2 .pw3-btn{align-self:flex-start;margin-top:auto;background:#fff;color:#2f2c9e}
.w2 .pw3-btn:hover{background:#fff;opacity:.9}
.w2 .pw3 .pw2-w{min-height:0}
.w2 .pw3 .pw2-w h3{margin-top:auto}
.w2 .pw3 .pw2-w>img{object-position:center 60%}
.w2 .pw3 .pw2-w::after{background:linear-gradient(180deg,rgba(8,8,10,0) 0%,rgba(8,8,10,0) 35%,rgba(8,8,10,.6) 62%,rgba(8,8,10,.92) 100%)!important}
@media (max-width:899px){.w2 .pw3{grid-template-columns:minmax(0,1fr)}.w2 .pw3 .pw2-w{min-height:280px}}
@media (max-width:420px){.w2 .pw3-p{padding:22px}.w2 .pw3-big>b{font-size:84px}}
/* Rechner als ein Block */
.w2 .k2{gap:0;border-radius:24px;overflow:hidden}
@media (min-width:900px){.w2 .k2{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}}
.w2 .k2>.k2-ev,.w2 .k2>.k2-res{border-radius:0}
.w2 .k2-ev{gap:14px}
.w2 .k2-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:end;margin-top:14px}
.w2 .k2-main .k2-p{margin-top:0}
.w2 .k2-main .k2-cmp{grid-template-columns:minmax(0,1fr);margin-top:0;padding-top:0;border-top:0;padding-left:20px;border-left:1px solid var(--line);gap:14px}
.w2 .k2-ft{padding-top:16px}
.w2 .k2 .k2-flds{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:599px){
  .w2 .k2-ev{padding:18px}.w2 .k2-res{padding:20px 18px}
  .w2 .k2-fb{height:44px}.w2 .k2-fb input{font-size:17px}
  .w2 .k2-fld small{display:none}
  .w2 .k2-tip{padding:10px 12px;font-size:12.5px}
  .w2 .k2-main{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:12px}
  .w2 .k2-big{font-size:46px}
  .w2 .k2-main .k2-cmp{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 0 0;border-left:0;border-top:1px solid var(--line);gap:12px}
  .w2 .k2-cmp b{font-size:18px}
  .w2 .k2-ft{display:none}
}
@media (max-width:479px){.w2 .k2-main .k2-cmp{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Hero-Buttons immer nebeneinander */
.w2 .phero .ctas{flex-wrap:nowrap}
@media (max-width:599px){.w2 .phero .ctas .btn{flex:1 1 0;min-width:0;padding:0 10px;font-size:14.5px;gap:5px}}
@media (max-width:379px){.w2 .phero .ctas{gap:8px}.w2 .phero .ctas .btn{padding:0 8px;font-size:13px}}
/* Wortmarke: Abstand zwischen y und t wie im Logo */
.w2 .ly{margin-right:.083em}
/* Menü: Produkte mit Handy-Vorschau */
.w2 .dl-pv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:2px 0 6px}
.w2 .drawer .dl-pv .dl-prod{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:8px;border-radius:18px;background:var(--surface-2);width:auto}
.w2 .drawer .dl-pv .dl-prod:hover,.w2 .drawer .dl-pv .dl-prod[aria-expanded="true"]{background:var(--surface-3)}
.w2 .dl-img{display:flex;justify-content:center;height:118px;overflow:hidden;border-radius:12px;padding-top:12px;
  background:radial-gradient(90% 80% at 50% 100%,color-mix(in srgb,#7c7af6 30%,transparent),transparent 70%),var(--surface)}
.w2 .dl-img img{width:66%;height:auto;align-self:flex-start;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}
.w2 .dl-n{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 4px 2px}
.w2 .dl-n .bw{font-size:16px;flex:none}
.w2 .dl-n .i{font-size:15px;color:var(--text-2)}
/* ===== 74 ===== */
.w2 .dd-p .dd-prods{gap:8px}
.w2 .dd-p .dd-prod.dd-pv{flex-direction:column;align-items:stretch;gap:8px;padding:8px;border-radius:18px;background:var(--surface-2)}
.w2 .dd-p .dd-prod.dd-pv:hover,.w2 .dd-p .dd-prod.dd-pv[aria-expanded="true"]{background:var(--surface-3)}
.w2 .dd-pv .dl-img{height:150px}
.w2 .dd-pv .dl-img img{width:52%}
.w2 .dd-pv .dl-n{justify-content:flex-start;gap:10px;padding:2px 4px 2px}
.w2 .dd-pv .dl-n .ic{width:30px;height:30px;border-radius:9px;font-size:14px;background:var(--surface-3)}
.w2 .dd-pv .dl-n .bw{flex:1;font-size:17px}
.w2 .wy-sp{position:relative}
.w2 .wy-sp>.pr-more{position:absolute;top:18px;right:18px;margin:0;z-index:3;height:auto;padding:8px 11px 8px 14px;font-size:13.5px;gap:4px}
/* ===== 75 ===== */
.w2 .nav>a:hover,.w2 .nav .dd:hover>button,.w2 .nav .dd.open>button{background:var(--inv);color:var(--inv-fg)}
.w2 .nav:has(>a:hover,.dd:hover,.dd.open) .on:not(:hover):not(.dd:hover>button):not(.dd.open>button){background:transparent;color:var(--text-2)}
/* ===== 76: keine Scrollbalken ===== */
html.w2-html,.w2-html body,.w2 *{scrollbar-width:none!important;-ms-overflow-style:none}
html.w2-html::-webkit-scrollbar,.w2-html body::-webkit-scrollbar,.w2 *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
/* ===== 77 ===== */
.w2 .dd-p .dd-g{background:var(--surface-3);box-shadow:none;padding:8px;border-radius:18px}
.w2 .dd-p .dd-g a:hover,.w2 .dd-p .dd-g a[aria-current]{background:color-mix(in srgb,var(--text) 8%,transparent)}
.w2 .dd-p .dd-g .ic{box-shadow:none}
.w2 .drawer .dl-pv+.dl{background:var(--surface-3);border-radius:18px;padding:6px;margin-top:-2px}
.w2 .drawer .dl-pv+.dl a:hover{background:color-mix(in srgb,var(--text) 8%,transparent)}
.w2 .dl-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.w2 .dd-pv .dl-t .bw{flex:none}
.w2 .dl-lu{font-size:11.5px;font-weight:600;line-height:1.3;color:var(--text-2);white-space:normal}
.w2 .dl-pv .dl-n{align-items:flex-end}
.w2 .dl-pv .dl-n>.i{margin-bottom:3px}
.w2 .dd-pv .dl-n{align-items:center}
.w2 .dd-pv .dl-n>.i{margin-bottom:0}
.w2 .dd-pv[aria-expanded="true"] .dl-n .ic{background:color-mix(in srgb,var(--text) 10%,transparent)}
/* ===== 78 ===== */
.w2 .dl-img{position:relative}
.w2 .dl-img .dl-lu{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 12px);text-align:center;
  padding:3px 8px;border-radius:999px;font-size:10px;font-weight:600;line-height:1.25;color:var(--text);
  background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media (max-width:599px){.w2 .dl-img .dl-lu{font-size:9px;padding:3px 7px;bottom:6px}}
/* ===== 79: Rechner Preisseite ===== */
.w2 #preise-sim{--r-md:12px;--r-lg:20px;--ease:cubic-bezier(.2,.7,.3,1)}
.w2 #preise-sim .inv{background:var(--inv);color:var(--inv-fg);
  --text:var(--inv-fg);
  --text-2:color-mix(in srgb,var(--inv-fg) 66%,transparent);
  --text-3:color-mix(in srgb,var(--inv-fg) 48%,transparent);
  --line:color-mix(in srgb,var(--inv-fg) 16%,transparent);
  --surface-2:color-mix(in srgb,var(--inv-fg) 14%,transparent);
  --sp-bg:var(--inv-fg);--sp-fg:var(--inv)}
.w2 #preise-sim .sp{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:700;
  white-space:nowrap;font-variant-numeric:tabular-nums}
.w2 #preise-sim .sp-solid{background:var(--sp-bg,var(--inv));color:var(--sp-fg,var(--inv-fg))}
.w2 #preise-sim .sp-soft{background:var(--surface-2);color:var(--text-2)}
.w2 #preise-sim .sp-red{background:var(--red-dim);color:var(--red-ink)}
.w2 #preise-sim .vg{padding-top:clamp(36px,6vw,80px)}
.w2 #preise-sim .stp{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;flex:none;
  background:var(--sp-bg,var(--inv));color:var(--sp-fg,var(--inv-fg));font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.w2 #preise-sim .ct{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;letter-spacing:-.012em}
.w2 #preise-sim .ct-s{font-size:14px;color:var(--text-2);margin-top:6px;line-height:1.45}
.w2 #preise-sim .calc{display:grid;gap:12px}
@media (min-width:960px){.w2 #preise-sim .calc{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
}
.w2 #preise-sim .ev{display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.w2 #preise-sim .chips{display:flex;flex-wrap:wrap;gap:8px}
.w2 #preise-sim .chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:var(--r-md);background:var(--surface-2);
  font-size:13.5px;font-weight:700;white-space:nowrap;transition:background-color .2s,color .2s,transform .2s var(--ease)}
.w2 #preise-sim .chip:hover{background:var(--surface-3)}
.w2 #preise-sim .chip:active{transform:scale(.97)}
.w2 #preise-sim .chip small{font-size:12.5px;font-weight:500;color:var(--text-2);font-variant-numeric:tabular-nums}
.w2 #preise-sim .chip[aria-pressed="true"]{background:var(--inv);color:var(--inv-fg)}
.w2 #preise-sim .chip[aria-pressed="true"] small{color:inherit;opacity:.7}
.w2 #preise-sim .flds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.w2 #preise-sim .fld{min-width:0}
.w2 #preise-sim .fld label{display:block;font-size:13px;font-weight:700;color:var(--text-2);margin-bottom:6px}
.w2 #preise-sim .fld-b{display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:var(--r-md);background:var(--surface-2)}
.w2 #preise-sim .fld-b:focus-within{outline:2px solid var(--text);outline-offset:2px}
.w2 #preise-sim .fld input{flex:1;min-width:0;width:100%;background:none;border:0;outline:0;font:inherit;color:var(--text);
  font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.w2 #preise-sim .fld-b span{font-size:13px;font-weight:600;color:var(--text-3)}
.w2 #preise-sim .fld small{display:block;font-size:12.5px;font-weight:500;color:var(--text-3);margin-top:6px}
.w2 #preise-sim .tip{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-md);background:var(--surface-2);
  font-size:13.5px;font-weight:500;line-height:1.45;color:var(--text-2)}
.w2 #preise-sim .tip .i{font-size:16px;margin-top:2px;color:var(--text)}
.w2 #preise-sim .res{display:flex;flex-direction:column;border-radius:var(--r-lg);padding:24px;min-width:0}
@media (min-width:900px){.w2 #preise-sim .res{padding:28px}
}
.w2 #preise-sim .res-h{display:flex;align-items:center;justify-content:space-between;gap:6px 14px;flex-wrap:wrap}
.w2 #preise-sim .res-ctx{font-size:13px;font-weight:500;color:var(--text-2);font-variant-numeric:tabular-nums}
.w2 #preise-sim .res-p{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px}
.w2 #preise-sim .res-p .bw{font-size:22px}
.w2 #preise-sim .res-big{display:block;font-size:clamp(52px,6.2vw,76px);font-weight:800;letter-spacing:-.032em;line-height:.95;margin-top:10px;
  font-variant-numeric:tabular-nums}
.w2 #preise-sim .res-sub{font-size:15px;font-weight:500;color:var(--text-2);margin-top:10px}
.w2 #preise-sim .res-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.w2 #preise-sim .res-cmp span{display:block;font-size:13px;font-weight:700;color:var(--text-2)}
.w2 #preise-sim .res-cmp b{display:block;font-size:clamp(22px,2.4vw,28px);font-weight:800;letter-spacing:-.02em;margin-top:4px;line-height:1.1;
  font-variant-numeric:tabular-nums}
.w2 #preise-sim .res-cmp small{display:block;font-size:12.5px;font-weight:500;color:var(--text-2);margin-top:5px;line-height:1.35}
.w2 #preise-sim .res-note{font-size:13.5px;font-weight:500;line-height:1.45;margin-top:14px;color:var(--text-2)}
.w2 #preise-sim .res-foot{margin-top:auto;padding-top:22px}
.w2 #preise-sim .perks{display:flex;flex-wrap:wrap;gap:8px 20px;padding-top:16px;border-top:1px solid var(--line)}
.w2 #preise-sim .perks li{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700}
.w2 #preise-sim .perks .i{font-size:17px;color:var(--k2-ok);stroke-width:2.4}
@media (max-width:599px){.w2 #preise-sim .res-cmp{grid-template-columns:minmax(0,1fr)}
}
.w2 #preise-sim .lh{display:flex;gap:12px;align-items:flex-start;margin-top:56px}
.w2 #preise-sim .lh .stp{margin-top:6px}
.w2 #preise-sim .lh h2{font-size:clamp(24px,2.6vw,32px);line-height:1.15}
.w2 #preise-sim .lh p{font-size:15px;color:var(--text-2);margin-top:6px}
.w2 #preise-sim .vg-cols{--cols:minmax(0,1.6fr) minmax(60px,1fr) 128px 150px 18px}
.w2 #preise-sim .vg-head{display:grid;grid-template-columns:var(--cols);gap:16px;padding:0 24px 10px;margin-top:22px;
  font-size:13px;font-weight:700;color:var(--text-2)}
.w2 #preise-sim .vg-head .r{text-align:right}
.w2 #preise-sim .vg-list{display:flex;flex-direction:column;gap:8px}
.w2 #preise-sim .vr{border-radius:var(--r-lg);background:var(--surface);transition:background-color .2s}
.w2 #preise-sim .vr.inv{background:var(--inv)}
.w2 #preise-sim .vr:not(.inv):not([open]):hover{background:var(--surface-2)}
.w2 #preise-sim .vr>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:var(--cols);gap:16px;align-items:center;
  padding:16px 24px;border-radius:var(--r-lg)}
.w2 #preise-sim .vr>summary::-webkit-details-marker{display:none}
.w2 #preise-sim .vr>summary>.i{font-size:18px;color:var(--text-2);justify-self:end;transition:transform .2s var(--ease)}
.w2 #preise-sim .vr[open]>summary>.i{transform:rotate(180deg)}
.w2 #preise-sim .nm{min-width:0}
.w2 #preise-sim .nm-t{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.w2 #preise-sim .nm-t b{font-size:16px;font-weight:800;letter-spacing:-.012em}
.w2 #preise-sim .nm-t .bw{font-size:18px}
.w2 #preise-sim .nm-s{display:block}
.w2 #preise-sim .nm small{display:block;font-size:12.5px;font-weight:500;color:var(--text-2);margin-top:3px;line-height:1.4}
.w2 #preise-sim .nm small.ex b{color:var(--text);font-weight:700}
.w2 #preise-sim .bar{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.w2 #preise-sim .bar i{display:block;height:100%;border-radius:99px;background:var(--text-3)}
.w2 #preise-sim .vr.inv .bar i{background:var(--text)}
.w2 #preise-sim .tot{text-align:right;font-size:17px;font-weight:800;letter-spacing:-.012em;white-space:nowrap;font-variant-numeric:tabular-nums}
.w2 #preise-sim .tot small{display:block;font-size:12px;font-weight:500;letter-spacing:0;color:var(--text-2);margin-top:2px}
.w2 #preise-sim .tot .na{font-size:14px;font-weight:700;color:var(--text-2);letter-spacing:0}
.w2 #preise-sim .df{text-align:right}
.w2 #preise-sim .vb{padding:0 24px 20px}
.w2 #preise-sim .vb-h{font-size:11.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-2);margin:18px 0 2px}
.w2 #preise-sim .vb-h:first-child{margin-top:2px}
.w2 #preise-sim .fee-l{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:10px 0;border-top:1px solid var(--line);font-size:14px}
.w2 #preise-sim .fee-l b{display:block;font-weight:700}
.w2 #preise-sim .fee-l em{display:block;font-style:normal;font-size:12.5px;font-weight:500;color:var(--text-3);line-height:1.4;margin-top:2px}
.w2 #preise-sim .fee-l>span{font-weight:800;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.w2 #preise-sim .fee-l>span em{font-weight:500}
.w2 #preise-sim .fee-l.sum b,.w2 #preise-sim .fee-l.sum>span{font-weight:800}
.w2 #preise-sim .xl li{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:10px 0;border-top:1px solid var(--line);font-size:14px}
.w2 #preise-sim .xl li b{font-weight:700}
.w2 #preise-sim .xl li span{font-weight:500;color:var(--text-2);text-align:right;max-width:55%}
.w2 #preise-sim .vb p{font-size:13.5px;color:var(--text-2);line-height:1.55;margin-top:10px;max-width:76ch}
.w2 #preise-sim .vg-fine{font-size:13px;color:var(--text-2);line-height:1.6;margin-top:16px;max-width:80ch}
@media (max-width:719px){.w2 #preise-sim .vg-head{display:none}
.w2 #preise-sim .lh{margin-top:44px}
.w2 #preise-sim .vg-list{margin-top:20px}
.w2 #preise-sim .vr>summary{grid-template-columns:minmax(0,1fr) auto 16px;grid-template-areas:"nm tot ch" "sub sub sub" "bar df df";gap:8px 12px;padding:14px 16px}
.w2 #preise-sim .nm{display:contents}
.w2 #preise-sim .nm-t{grid-area:nm;align-self:center}
.w2 #preise-sim .nm-s{grid-area:sub}
.w2 #preise-sim .bar{grid-area:bar}
.w2 #preise-sim .tot{grid-area:tot}
.w2 #preise-sim .df{grid-area:df}
.w2 #preise-sim .vr>summary>.i{grid-area:ch}
.w2 #preise-sim .vb{padding:0 16px 16px}
.w2 #preise-sim .xl li{flex-direction:column;gap:2px}
.w2 #preise-sim .xl li span{text-align:left;max-width:none}

}
@media (max-width:479px){.w2 #preise-sim .flds{gap:10px}
}
.w2 #preise-sim .fee-l{margin-top:0}
.w2 #preise-sim .vb-h .bw{text-transform:none;letter-spacing:-.01em;font-size:1.1em}
.w2 #preise-sim .res{border-radius:24px}
.w2 #preise-sim .k3-save b{color:var(--k2-ok)}
.w2 #preise-sim .lh .stp{margin-top:8px}
.w2 #preise-sim .lh h2{font-size:clamp(24px,2.6vw,32px);font-weight:800;letter-spacing:-.03em}
/* ===== 80: Mini-Vorschauen statt Icons ===== */
.w2 a[data-href="#ticketverkauf"]>.ic{background:url(/w2/img/552ceb2009.webp) center/cover no-repeat!important}
.w2 a[data-href="#marketing"]>.ic{background:url(/w2/img/633ed0033e.webp) center/cover no-repeat!important}
.w2 a[data-href="#individualisierung"]>.ic{background:url(/w2/img/f91df72cef.webp) center/cover no-repeat!important}
.w2 a[data-href="#finanzen"]>.ic{background:url(/w2/img/35d5e8f6de.webp) center/cover no-repeat!important}
.w2 a[data-href="#kundenmanagement"]>.ic{background:url(/w2/img/67337f9064.webp) center/cover no-repeat!important}
.w2 a[data-href="#einlasskontrolle"]>.ic{background:url(/w2/img/dfb48a70ac.webp) center/cover no-repeat!important}
.w2 .pw3-ic{background:url(/w2/img/633ed0033e.webp) center/cover no-repeat!important}
.w2 a[data-href^="#"]>.ic:is([class]),.w2 .pw3-ic{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.w2 a[data-href="#ticketverkauf"]>.ic>svg,.w2 a[data-href="#marketing"]>.ic>svg,.w2 a[data-href="#individualisierung"]>.ic>svg,.w2 a[data-href="#finanzen"]>.ic>svg,.w2 a[data-href="#kundenmanagement"]>.ic>svg,.w2 a[data-href="#einlasskontrolle"]>.ic>svg,.w2 .pw3-ic>svg{display:none}
.w2 .dl-n>.ic,.w2 .pw2-w>.ic,.w2 .wy-k>.ic{display:none}
.w2 .wy-k .wy-n{font-size:15px}
.w2 .tk-g .ft2>.ic{width:76px;height:76px;border-radius:18px}
/* ===== 81: schlichtes Produktmenü ===== */
.w2 .dd-p.mm{width:540px;display:grid;grid-template-columns:1.25fr 1fr;gap:8px 32px;padding:26px 30px 24px}
.w2 .mm-c{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.w2 .mm-h{font-size:13px;font-weight:600;color:var(--text-3);margin-bottom:10px}
.w2 .mm-h .bw{font-size:14.5px;color:var(--text-2)}
.w2 .dd-p.mm a.mm-l{display:block;padding:4px 0;border-radius:0;background:none!important;font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--text);transition:color .15s}
.w2 .dd-p.mm a.mm-l:hover{color:var(--text-2)}
.w2 .dd-p.mm a.mm-s{display:inline-flex;align-items:center;gap:6px;padding:0;margin-top:14px;background:none!important;font-size:13.5px;font-weight:700;color:var(--text-2)}
.w2 .dd-p.mm a.mm-s:hover{color:var(--text)}
.w2 .mm-s .i,.w2 .dl-s .i{font-size:14px;stroke-width:2.4}
.w2 .mm-n{display:block;margin-top:12px;font-size:12.5px;font-weight:500;line-height:1.4;color:var(--text-3)}
.w2 .drawer .dlh .bw{font-size:14px;color:var(--text-2)}
.w2 .drawer .dl-plain{gap:0;margin:0 0 8px}
.w2 .drawer .dl-plain a{padding:7px 12px;font-size:17px;font-weight:700;color:var(--text)}
.w2 .drawer .dl-plain a.dl-s{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--text-2)}
.w2 .drawer .dl-plain .mm-n{margin:2px 12px 0}
/* Bereichs-Vorschauen (Abschnitt 80) zurücknehmen: schlicht ohne Bild */
.w2 .tk-g .ft2>.ic,.w2 a[data-href^="#"]>.ic,.w2 .pw3-ic{display:none!important}
.w2 .pw3-dc{padding-left:16px}
.w2 .tk-g .ft2{min-height:0!important}
/* Kategorien unter ticketing im Menü: schlicht, nur Text */
.w2 .dd-p .dd-g{grid-template-columns:1fr 1fr;gap:0 16px;padding:14px 18px}
.w2 .dd-p .dd-g a{padding:7px 4px;border-radius:0;background:none!important}
.w2 .dd-p .dd-g a small{display:none}
.w2 .dd-p .dd-g a b{font-size:17px;font-weight:700;letter-spacing:-.02em;transition:color .15s}
.w2 .dd-p .dd-g a:hover b{color:var(--text-2)}
.w2 .drawer .dl-pv+.dl{padding:8px 10px}
.w2 .drawer .dl-pv+.dl a{padding:7px 6px;font-size:16px;background:none!important}
.w2 .drawer .dl-pv+.dl a:hover{color:var(--text-2)}
/* offene ticketing-Kachel + Kategorien invertiert (weiß, schwarze Schrift) */
.w2 .dd-p .dd-prod.dd-pv[aria-expanded="true"],.w2 .drawer .dl-pv .dl-prod[aria-expanded="true"],.w2 .dd-p .dd-prod.dd-pv[aria-expanded="true"]:hover,.w2 .drawer .dl-pv .dl-prod[aria-expanded="true"]:hover{background:var(--inv);color:var(--inv-fg)}
.w2 [aria-expanded="true"] .dl-n .bw,.w2 [aria-expanded="true"] .dl-n .i{color:var(--inv-fg)}
.w2 .dd-p .dd-g,.w2 .drawer .dl-pv+.dl{background:var(--inv)}
.w2 .dd-p .dd-g a b,.w2 .drawer .dl-pv+.dl a{color:var(--inv-fg)}
.w2 .dd-p .dd-g a:hover b,.w2 .drawer .dl-pv+.dl a:hover{color:color-mix(in srgb,var(--inv-fg) 55%,transparent)}
/* Hover auf einer Kategorie: invertiert zur Fläche (schwarz, weiße Schrift) */
.w2 .dd-p .dd-g{padding:10px 12px;gap:2px 8px}
.w2 .dd-p .dd-g a,.w2 .drawer .dl-pv+.dl a{padding:8px 12px!important;border-radius:12px!important;transition:background-color .15s,color .15s}
.w2 .dd-p .dd-g a:hover,.w2 .drawer .dl-pv+.dl a:hover{background:var(--inv-fg)!important}
.w2 .dd-p .dd-g a:hover b,.w2 .drawer .dl-pv+.dl a:hover{color:var(--inv)!important}
/* discovery-Vorschau: heller statt lila */
.w2 .dd-disco .dl-img,.w2 .dl-pv a[data-href="#discovery"] .dl-img{background:radial-gradient(90% 80% at 50% 100%,color-mix(in srgb,#fff 22%,transparent),transparent 70%),var(--surface)}
.w2 .tk-g .ft2-t{margin-top:0!important;padding-right:28px}
/* ===== 82 ===== */
.w2 main.page .fhero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,420px)!important;align-items:center;gap:32px 48px}
.w2 .fh-v{width:100%;max-width:420px;justify-self:end;border-radius:24px;overflow:hidden;background:var(--surface)}
.w2 .fh-v img{display:block;width:100%;height:auto}
.w2 .fh-l{display:none!important}
@media (prefers-color-scheme:light){:is(.w2-html,.w2-frame):not([data-w2-theme="dark"]) .w2 .fh-d{display:none!important}:is(.w2-html,.w2-frame):not([data-w2-theme="dark"]) .w2 .fh-l{display:block!important}}
:is(.w2-html,.w2-frame)[data-w2-theme="light"] .w2 .fh-d,.w2-frame.w2-legacy .w2 .fh-d{display:none!important}:is(.w2-html,.w2-frame)[data-w2-theme="light"] .w2 .fh-l,.w2-frame.w2-legacy .w2 .fh-l{display:block!important}
@media (max-width:899px){.w2 main.page .fhero{grid-template-columns:minmax(0,1fr)!important}.w2 .fh-v{justify-self:start;max-width:400px;max-height:320px}.w2 .fh-v img{object-fit:cover;object-position:top}}
/* ===== 83 ===== */
.w2 .fh-rot{position:relative;aspect-ratio:395/381}
.w2 .fh-s{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}
.w2 .fh-s.on{opacity:1}
.w2 .fh-s img{width:100%!important;height:100%!important;object-fit:contain;object-position:center}
.w2 .fh-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:6px}
.w2 .fh-dots i{width:6px;height:6px;border-radius:50%;background:var(--text);opacity:.25;transition:opacity .3s,width .3s}
.w2 .fh-dots i.on{opacity:.9;width:18px;border-radius:3px}
.w2 .fh-ph{width:100%;max-width:460px;justify-self:end;border-radius:28px;overflow:hidden;aspect-ratio:505/391}
.w2 .fh-ph img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:899px){
  .w2 .fh-rot{max-height:none!important}
  .w2 .fh-ph{order:-1;max-width:none;justify-self:stretch;aspect-ratio:auto;height:260px;border-radius:0;
    margin:calc(-1*clamp(16px,4vw,40px)) calc(-1*max(var(--gutter),env(safe-area-inset-left,0px))) 4px;width:auto;
    -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
}
/* ===== 84 ===== */
.w2 .fh-wrap{width:100%;max-width:420px;justify-self:end;display:flex;flex-direction:column;gap:12px}
.w2 .fh-live{position:relative;max-width:none!important;width:100%;height:420px;max-height:none!important;border-radius:24px;overflow:hidden;background:var(--surface)}
.w2 .hp{position:absolute;left:50%;top:28px;bottom:0;width:252px;margin-left:-126px;border-radius:36px 36px 0 0;background:#060607;
  box-shadow:0 0 0 7px #3a3a3c,0 30px 60px -20px rgba(0,0,0,.6);padding-top:10px;display:flex;flex-direction:column;overflow:hidden;transition:background-color .4s}
.w2 .hp .sb{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;padding:2px 20px 0;color:#fff;height:18px;flex:none;transition:color .4s}
.w2 .hp .sb i{width:56px;height:15px;border-radius:8px;background:#3a3a3c}
.w2 .hp.lt{background:#f2f2f3}.w2 .hp.lt .sb{color:#000}
.w2 .hp-scr{position:relative;flex:1;margin-top:6px;overflow:hidden}
.w2 .hp-sl{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(.985);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),visibility 0s .8s}
.w2 .hp-sl.on{opacity:1;visibility:visible;transform:none;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),visibility 0s}
.w2 .hp-ev{transition:--ev 1s ease}
.w2 .hp-lgs .evp-pg{transition:opacity .25s ease}.w2 .hp-lgs.sw .evp-pg{opacity:.15}
.w2 .hp-lg{transition:opacity .25s}.w2 .hp-lgs.sw .hp-lg{opacity:0}
.w2 .hp-sl .evp-pg{position:relative!important;transform:none!important;left:auto!important;top:auto!important}
.w2 .hp-tk{display:flex;justify-content:center;padding-top:18px}
.w2 .hp-tk .tkc{position:relative!important;transform:none!important;left:auto!important;top:auto!important}
.w2 .hp-ml{background:#f2f2f3}
.w2 .hp-mi{position:relative;transition:transform 1.4s cubic-bezier(.45,0,.2,1)}
.w2 .hp-mi img{display:block;width:100%;height:auto}
.w2 .hp-hl{position:absolute;border-radius:14px;box-shadow:0 0 0 2px #7569fe,0 0 0 7px rgba(117,105,254,.22);opacity:0;transition:opacity .5s}
.w2 .hp-sl.go .hp-hl{opacity:1;transition-delay:1.3s}
.w2 .hp-sh iframe{border:0;display:block;background:#0b0a14}
.w2 .hp-lg{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:3;display:flex;align-items:center;gap:6px;height:26px;padding:0 10px 0 6px;border-radius:999px;
  background:rgba(255,255,255,.94);color:#000;font-size:11px;font-weight:800;box-shadow:0 6px 16px -6px rgba(0,0,0,.5)}
.w2 .hp-lg svg{width:18px;height:12px;border-radius:3px}
.w2 .fh-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.w2 .fh-tabs button{height:30px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--text-2);background:var(--surface);transition:background-color .2s,color .2s}
.w2 .fh-tabs button.on{background:var(--inv);color:var(--inv-fg)}
@media (max-width:599px){.w2 .fh-tabs{flex-wrap:nowrap;gap:4px}.w2 .fh-tabs button{padding:0 9px;font-size:12px;flex:none}}
.w2 .fh-ph{margin:0}
.w2 .fh-ph figcaption{margin-top:10px;font-size:13px;font-weight:500;color:var(--text-3)}
.w2 .fh-ph figcaption b{font-weight:700;color:var(--text-2)}
.w2 .fh-ph-i{border-radius:28px;overflow:hidden;aspect-ratio:505/391}
.w2 .fh-ph-i img{display:block;width:100%;height:100%;object-fit:cover}
.w2 .fh-ph{width:100%;max-width:460px;justify-self:end;border-radius:0!important;overflow:visible!important;aspect-ratio:auto!important}
@media (max-width:899px){
  .w2 .fh-wrap{justify-self:stretch;max-width:none}
  .w2 .fh-live{height:400px}
  .w2 .fh-ph{order:0!important;max-width:none!important;justify-self:stretch!important;height:auto!important;margin:8px 0 0!important;width:100%!important;
    -webkit-mask-image:none!important;mask-image:none!important}
  .w2 .fh-ph-i{border-radius:22px;aspect-ratio:16/10}
}
/* ===== 85 ===== */
.w2 .fh-ph-m{display:none}
@media (max-width:899px){
  .w2 .fhero>.fh-ph{display:none!important}
  .w2 .fhero .fh-ph-m{display:block!important;margin:22px 0 24px!important}
  .w2 .fh-ph-m .fh-ph-i{aspect-ratio:16/10;border-radius:22px}
}
/* ===== 86 ===== */
.w2 .fh-bg{display:none}
@media (max-width:899px){
  .w2 .fh-card .fh-ph-m{display:none!important}
  .w2 .fh-card>.fh-ph{display:block!important;order:2;max-width:none;justify-self:stretch;margin:0!important}
  .w2 .fh-card>.fh-ph .fh-ph-i{display:none}
  .w2 .fh-card>.fh-ph figcaption{margin-top:0;padding:0 4px}
  .w2 .fh-ct{position:relative;isolation:isolate;overflow:hidden;border-radius:26px;background:#111;color:#fff;padding:20px 20px 22px;
    min-height:430px;display:flex;flex-direction:column}
  .w2 .fh-ct .fh-bg{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
  .w2 .fh-ct::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,8,10,.15) 0%,rgba(8,8,10,.4) 38%,rgba(8,8,10,.92) 80%)}
  .w2 .fh-ct .back{align-self:flex-start;color:#fff!important;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
    padding:7px 12px 7px 9px;border-radius:999px;margin:0!important}
  .w2 .fh-ct h1{margin-top:auto!important;color:#fff}
  .w2 .fh-ct .lead{color:rgba(255,255,255,.8)!important}
  .w2 .fh-ct .ctas{margin-top:22px!important;gap:8px}
  .w2 .fh-ct .ctas .btn{padding:0 8px!important;font-size:13.5px!important;gap:4px!important}
  .w2 .fh-card>.fh-ph figcaption{margin-top:-14px!important}
  .w2 .fh-ct .ctas .btn.pri{background:#fff;color:#000}
  .w2 .fh-ct .ctas .btn.s1{background:rgba(255,255,255,.16);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
}
/* ===== 87 ===== */
.w2 main[data-page="demo"]{padding-top:clamp(24px,4vw,48px)}
/* ===== 88 ===== */
.w2 .fh-ctas-m{display:none!important}
@media (max-width:899px){
  .w2 .fh-card .fh-ct .ctas{display:none!important}
  .w2 .fh-card .fh-ctas-m{display:flex!important;order:3;margin-top:-12px!important}
  .w2 .fh-ct{min-height:340px}
}
/* ===== 89 ===== */
@media (max-width:899px){
  .w2 .fh-ct::after{background:linear-gradient(180deg,transparent 0%,transparent 48%,rgba(8,8,10,.55) 72%,rgba(8,8,10,.9) 100%)!important}
  .w2 .fh-ct{justify-content:flex-end}
}
/* ===== 91 ===== */
.w2 .fx.has-xm{container-type:inline-size}
@container (max-width:290px){
  .w2 .fx.has-xm>.xm-b{top:14px!important;right:14px!important;height:28px!important;padding:0 7px 0 10px!important;font-size:12px!important;border-radius:9px!important;gap:2px!important}
  .w2 .fx.has-xm>.xm-b .i{font-size:13px}
  .w2 .fx.has-xm>h3,.w2 .fx.has-xm>.co-h,.w2 .fx.has-xm>.fx-row,.w2 .fx.has-xm>p:first-of-type{padding-right:62px!important}
  .w2 .fx.has-xm>h3+p{padding-right:0!important}
}
@container (max-width:200px){
  .w2 .fx.has-xm>.xm-b{top:auto!important;bottom:12px!important;right:12px!important;box-shadow:0 6px 18px -6px rgba(0,0,0,.6)}
  .w2 .fx.has-xm>h3,.w2 .fx.has-xm>.co-h,.w2 .fx.has-xm>.fx-row,.w2 .fx.has-xm>p:first-of-type{padding-right:0!important}
}
/* Kopfzeile mit Mehr-Knopf: gleicher Abstand nach oben wie die anderen Abschnittstitel */
.w2 .fpl-hr{margin-top:32px}.w2 .fpl-hr .fpl-h{margin-top:0!important}
@media (min-width:760px){.w2 .fpl-hr{margin-top:64px}}
.w2 .fpl-hr+:not(.rail){margin-top:10px}
@media (min-width:760px){.w2 .fpl-hr+:not(.rail){margin-top:18px}}
/* ===== 92 ===== */
.w2 .mkl .hp-sl>.mk-img{position:relative;transition:transform 1.6s cubic-bezier(.45,0,.2,1)}
.w2 .mkl .hp-sl>.mk-img img{display:block;width:100%;height:auto}
.w2 .mkl .tunimg{width:100%}
.w2 .mkl .hp-nav{position:absolute;left:0;right:0;bottom:0;z-index:4}
.w2 .mkl .hp-nav .evp-nav{position:static}
.w2 .mkl .hp-nav span{transition:color .3s}
.w2 .mk-vl{background:#060607;color:#fff;height:100%}
.w2 .mk-vl .evp-hd{position:static}
.w2 .mk-vl h4{font-size:24px;font-weight:800;letter-spacing:-.03em;margin:14px 16px 4px}
.w2 .mk-vl>p{font-size:11px;color:#8e8e93;margin:0 16px 10px}
.w2 .mk-vr{display:flex;align-items:center;gap:10px;margin:0 12px 8px;padding:10px;border-radius:14px;background:#1c1c1e;transition:background-color .2s,transform .15s}
.w2 .mk-vr.tap{background:#2c2c2e;transform:scale(.97)}
.w2 .mk-vr i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:14px;color:#fff;flex:none}
.w2 .mk-vr b{display:block;font-size:13px;font-weight:700}
.w2 .mk-vr small{display:block;font-size:10.5px;color:#8e8e93;margin-top:1px}
.w2 .mk-vr span{flex:1;min-width:0}
.w2 .mk-vr em{font-style:normal;font-size:10px;font-weight:700;padding:5px 9px;border-radius:999px;background:#fff;color:#000}
.w2 .fh-tabs{display:none!important}
.w2 .mk-cur{position:absolute;z-index:6;width:20px;height:20px;margin:-2px 0 0 -3px;opacity:0;pointer-events:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5));
  transition:left .8s cubic-bezier(.45,0,.2,1),top .8s cubic-bezier(.45,0,.2,1),opacity .35s,transform .15s;transform-origin:3px 2px}
.w2 .mk-cur svg{display:block;width:100%;height:100%}
.w2 .mk-cur.on{opacity:1}.w2 .mk-cur.tap{transform:scale(.82)}
.w2 .mk-cur:not(.on){transition:opacity .3s,left 0s .3s,top 0s .3s}
/* ===== 93 ===== */
.w2 .others a[data-href="#ticketverkauf"]::before{background-image:url(/w2/img/08a3c892f8.webp)}
.w2 .others a[data-href="#marketing"]::before{background-image:url(/w2/img/c78d768b74.webp)}
.w2 .others a[data-href="#individualisierung"]::before{background-image:url(/w2/img/82e7190289.webp)}
.w2 .others a[data-href="#finanzen"]::before{background-image:url(/w2/img/36aad24cf4.webp)}
.w2 .others a[data-href="#kundenmanagement"]::before{background-image:url(/w2/img/f2ea082f30.webp)}
.w2 .others a[data-href="#einlasskontrolle"]::before{background-image:url(/w2/img/d35eac0f77.webp)}
.w2 .others{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px}
.w2 .others>a:last-child:nth-child(odd){grid-column:auto!important}
.w2 .others a{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 6px!important;padding:8px 8px 12px!important;border-radius:20px!important}
.w2 .others a::before{content:"";grid-column:1/-1;display:block;aspect-ratio:5/4;border-radius:14px;background:#1c1c1e center top/cover no-repeat}
.w2 .others a b{padding-left:6px;font-size:15px!important;font-weight:700!important;hyphens:none!important}
.w2 .others a b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w2 .others .chev{margin-right:4px}
.w2 .others a{--ot:#e3e3e8;background:var(--ot)!important;color:#000!important}
:is(.w2-html,.w2-frame)[data-w2-theme="light"] .w2 .others a,.w2-frame.w2-legacy .w2 .others a{--ot:#2c2c2e;color:#fff!important}
@media (prefers-color-scheme:light){:is(.w2-html,.w2-frame):not([data-w2-theme="dark"]) .w2 .others a{--ot:#2c2c2e;color:#fff!important}}
.w2 .others a b{color:inherit!important}
.w2 .others .chev{color:currentColor!important;opacity:.45}
.w2 .others a:hover{background:color-mix(in srgb,var(--ot) 90%,#808080)!important}
@media (max-width:1099px){
  .w2 .others{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1*max(var(--gutter),env(safe-area-inset-left,0px)));
    padding:0 max(var(--gutter),env(safe-area-inset-left,0px));scroll-padding:0 max(var(--gutter),env(safe-area-inset-left,0px))}
  .w2 .others a{flex:0 0 min(42vw,210px);scroll-snap-align:start}
}
/* ===== 94 ===== */
.w2 main[data-page="finanzen"] .fpl-h+.fl-stack.w1{margin-top:0}
.w2 main[data-page="finanzen"] .fpl-h+.rail,.w2 main[data-page="finanzen"] .fpl-h+.fx{margin-top:0!important}
/* ===== 95 ===== */
.w2 #produkte>.fpl-h,.w2 #start-preise>.sp-h{margin-top:0}
/* ===== 96 ===== */
.w2 .free-pill{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;width:max-content;max-width:100%;padding:7px 12px 7px 10px;border-radius:999px;
  background:var(--green-dim);color:var(--green-ink);font-size:13.5px;font-weight:700;line-height:1.3;margin:4px 0}
.w2 .free-pill .i{font-size:15px;stroke-width:2.8;flex:none}
.w2 .free-pill,.w2 .wide .free-pill{color:var(--green-ink)!important;font-weight:700!important;font-size:13.5px!important}
.w2 .free-pill.lg{font-size:15px;padding:9px 16px 9px 13px;margin:18px 0 0}
.w2 .phero .free-pill.lg{align-self:center}
.w2 .wide .free-pill{margin-top:14px;white-space:nowrap}
@media (max-width:599px){.w2 .wide .free-pill{white-space:normal;border-radius:14px}}
.w2 .pw3-free{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;letter-spacing:-.01em;padding:10px 14px;border-radius:14px;background:#fff;color:#2f2c9e}
.w2 .pw3-free .i{font-size:17px;stroke-width:2.8;flex:none;color:#1f9d4a}
.w2 .checks li.fr{color:var(--green-ink)}
.w2 .k2-tip,.w2 #preise-sim .tip{background:var(--green-dim)!important;color:var(--text)!important}
.w2 .k2-tip .i,.w2 #preise-sim .tip .i{color:var(--green-ink)!important}
@media (max-width:599px){.w2 .free-pill{white-space:normal;width:auto}}
/* ===== 97 ===== */
.w2 #simulator .sh h2{font-size:clamp(40px,5.4vw,68px)}
.w2 #simulator .sh p{font-size:clamp(17px,1.6vw,20px);color:var(--text-2)}
.w2 .k2-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin:clamp(28px,4vw,44px) 0 16px}
.w2 .k2-intro b{display:block;font-size:20px;font-weight:800;letter-spacing:-.02em}
.w2 .k2-intro p{font-size:15px;color:var(--text-2);margin-top:4px;max-width:62ch}
/* ===== 98 ===== */
.w2 .fh-cap,.w2 .fh-tt-m{display:none}
@media (max-width:899px){
  .w2 .fh-card .fh-cap{display:inline-flex;align-self:flex-start;gap:4px;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:500;color:rgba(255,255,255,.85);
    background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .w2 .fh-card .fh-cap b{font-weight:700;color:#fff}
  .w2 .fh-card>.fh-ph{display:none!important}
  .w2 .fh-card .fh-ct h1,.w2 .fh-card .fh-ct .lead{display:none!important}
  .w2 .fh-card .fh-ct .ctas{display:flex!important;margin-top:auto!important;gap:8px}
  .w2 .fh-card .fh-ct .ctas .btn{flex:1 1 0;min-width:0;padding:0 8px!important;font-size:13.5px!important;gap:4px!important}
  .w2 .fh-card .fh-ct .ctas .btn.pri{background:var(--inv)!important;color:var(--inv-fg)!important}
  .w2 .fh-card .fh-ct .ctas .btn.s1{background:var(--surface)!important;color:var(--text)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .w2 .fh-card .fh-ctas-m{display:none!important}
  .w2 .fh-card .fh-ct{min-height:340px!important;justify-content:space-between}
  .w2 .fh-card .fh-ct::after{background:linear-gradient(180deg,rgba(8,8,10,.35) 0%,transparent 22%,transparent 60%,rgba(8,8,10,.75) 100%)!important}
  .w2 .fh-card .fh-tt-m{display:block;order:3}
  .w2 .fh-t1{font-size:clamp(40px,11vw,56px);font-weight:800;letter-spacing:-.05em;line-height:1}
  .w2 .fh-tt-m .lead{margin-top:10px}
  .w2 main.page .fhero.fh-card{gap:20px!important}
  .w2 .fh-card .fh-ct{padding:14px 14px 14px!important}
  .w2 .fh-card .fh-ct .ctas{width:100%!important;flex-wrap:nowrap!important}
  .w2 .fh-card .fh-ct .ctas .btn{height:50px!important;font-size:14px!important;padding:0 6px!important}
  .w2 main.page .fhero.fh-card+section{margin-top:-28px}
}
@media (max-width:379px){.w2 .fh-card .fh-ct .ctas .btn{font-size:12.5px!important}}
/* ===== 99 ===== */
.w2 #tv-preise .tvp-l{font-size:16px;font-weight:500;color:rgba(255,255,255,.85);margin-top:12px;max-width:44ch}
.w2 #tv-preise .wide{position:relative;overflow:hidden;isolation:isolate;color:#fff;
  background:radial-gradient(120% 90% at 100% 0%,#9d9bff 0%,transparent 55%),linear-gradient(160deg,#7c7af6 0%,#5f5ce6 100%)!important}
.w2 #tv-preise .wide h2{color:#fff}
.w2 #tv-preise .wide .fine{color:rgba(255,255,255,.72)!important}
.w2 #tv-preise .feebox-r{background:rgba(255,255,255,.14)!important;color:#fff}
.w2 #tv-preise .feebox-r .lbl,.w2 #tv-preise .feebox-r .nur,.w2 #tv-preise .feebox-r .row span{color:rgba(255,255,255,.78)!important}
.w2 #tv-preise .feebox-r .lbl .bw{color:#fff}
.w2 #tv-preise .feebox-r .row{border-color:rgba(255,255,255,.2)!important}
.w2 #tv-preise .feebox-r .btn{background:#fff!important;color:#2f2c9e!important}
/* ===== 100 ===== */
@media (max-width:899px){
  .w2 main.page .fhero:not(.fh-card):has(.fh-v){width:auto!important;margin:clamp(12px,3vw,24px) max(var(--gutter),env(safe-area-inset-left,0px)) 0!important;
    padding:26px 20px 0!important;border-radius:28px;overflow:hidden;gap:22px!important;
    background:linear-gradient(180deg,var(--ad,var(--surface-2)) 0%,transparent 75%),var(--surface)}
  .w2 main.page .fhero:not(.fh-card):has(.fh-v) .fh-wrap,.w2 main.page .fhero:not(.fh-card):has(.fh-v)>.fh-v{max-width:none!important;justify-self:stretch!important}
  .w2 main.page .fhero:not(.fh-card):has(.fh-v) .fh-v{background:transparent!important;border-radius:0!important}
  .w2 main.page .fhero:not(.fh-card):has(.fh-v) .ctas .btn.s1{background:var(--surface-2)}
  .w2 main.page .fhero:not(.fh-card):has(.fh-v) .ctas{width:100%!important;gap:8px!important}
  .w2 main.page .fhero:not(.fh-card):has(.fh-v) .ctas .btn{flex:1 1 0!important;min-width:0!important;padding:0 6px!important;font-size:13.5px!important;gap:4px!important}
  .w2 main.page .fhero:not(.fh-card):has(.fh-v)>.fh-v:not(.fh-live){border-radius:20px 20px 0 0!important;overflow:hidden}
  .w2 main.page .fhero:not(.fh-card):has(.fh-v)+section{margin-top:-24px}
}
@media (max-width:379px){.w2 main.page .fhero:not(.fh-card):has(.fh-v) .ctas .btn{font-size:12.5px!important}}
/* ===== 101 ===== */
.w2 .fh-mob{display:none!important}
.w2 .fh-cut{display:flex;align-items:center;justify-content:center;padding:28px}
.w2 .fh-cut img{width:auto!important;max-width:100%;max-height:420px;height:auto!important}
@media (max-width:899px){
  .w2 .fhero:has(.fh-mob)>.fh-v:not(.fh-live),.w2 .fhero:has(.fh-mob)>.fh-ph{display:none!important}
  .w2 .fhero .fh-mob{display:flex!important}
  .w2 .fh-ctx .fh-bg,.w2 .fh-ctx .fh-cap{display:none!important}
  .w2 .fhero:has(.fh-mob) .fh-ph-m{display:none!important}
  .w2 .fh-cut{padding:0 0 22px!important;max-height:none!important;border-radius:0!important}
  .w2 .fh-cut img{max-height:300px;object-fit:contain!important}
}
/* ===== 102 ===== */
.w2 .others a{background:linear-gradient(180deg,var(--ad,var(--surface-2)) 0%,transparent 85%),var(--surface)!important;color:var(--text)!important}
.w2 .others a:hover{background:linear-gradient(180deg,var(--ad,var(--surface-2)) 0%,var(--ad,var(--surface-2)) 100%),var(--surface)!important}
.w2 .others .chev{color:var(--text-2)!important;opacity:1}
/* Menü: offene ticketing-Kachel lila getönt statt weiß */
.w2 .dd-p .dd-prod.dd-pv[aria-expanded="true"],.w2 .drawer .dl-pv .dl-prod[aria-expanded="true"],.w2 .dd-p .dd-prod.dd-pv[aria-expanded="true"]:hover,.w2 .drawer .dl-pv .dl-prod[aria-expanded="true"]:hover{background:color-mix(in srgb,var(--tv) 26%,var(--surface-2))!important;color:var(--text)!important}
.w2 [aria-expanded="true"] .dl-n .bw,.w2 [aria-expanded="true"] .dl-n .i{color:var(--text)!important}
.w2 .dd-pv[aria-expanded="true"] .dl-n .ic{background:color-mix(in srgb,var(--tv) 30%,transparent)!important}
/* Kategorien: jede in ihrer Bereichsfarbe */
.w2 .dd-p .dd-g,.w2 .drawer .dl-pv+.dl{background:transparent!important;padding:8px 0 0!important;gap:6px!important}
.w2 .dd-p .dd-g a,.w2 .drawer .dl-pv+.dl a{background:linear-gradient(180deg,var(--ad,var(--surface-2)) 0%,transparent 100%),var(--surface)!important;color:var(--text)!important;border-radius:12px!important}
.w2 .dd-p .dd-g a b{color:var(--text)!important}
.w2 .dd-p .dd-g a:hover,.w2 .drawer .dl-pv+.dl a:hover{background:linear-gradient(180deg,var(--ad,var(--surface-2)) 0%,var(--ad,var(--surface-2)) 100%),var(--surface)!important}
.w2 .dd-p .dd-g a:hover b,.w2 .drawer .dl-pv+.dl a:hover{color:var(--text)!important}
.w2 .drawer .dl-pv+.dl{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%;box-sizing:border-box}
.w2 .drawer .dl-pv+.dl a{min-width:0;font-size:13.5px!important;padding:10px 8px 10px 10px!important;white-space:nowrap;-webkit-hyphens:none;hyphens:none;line-height:1.25;display:flex!important;align-items:center}
.w2 .drawer .dl-pv+.dl[hidden],.w2 .dd-p .dd-g[hidden]{display:none!important}
/* ===== 103 ===== */
.w2 #ticketing .devices{justify-content:flex-end}
.w2 #ticketing .devices .mac{margin-right:2%}
.w2 #ticketing .devices .phone-img{right:auto!important;left:2%!important}
.w2 #produkte .prod .devices{isolation:isolate}
.w2 #produkte .prod .devices::before{content:"";position:absolute;left:8%;right:8%;top:6%;bottom:-6%;z-index:-1;border-radius:50%;filter:blur(30px);opacity:1;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--tv) 75%,transparent),transparent)}
.w2 #discovery.prod .devices::before{background:radial-gradient(closest-side,color-mix(in srgb,var(--dc) 60%,transparent),transparent)}
.w2 #produkte .prod .devices .mac img{filter:drop-shadow(0 0 1px rgba(255,255,255,.7)) drop-shadow(0 0 1px rgba(255,255,255,.5))}
.w2 #produkte .prod>h3{font-size:clamp(26px,2.9vw,38px)!important;line-height:1.08!important;letter-spacing:-.04em!important}
/* ===== 104 ===== */
.w2 .k2-rows{display:grid;gap:10px;margin-top:16px}
.w2 .k2-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;background:color-mix(in srgb,var(--inv-fg) 6%,transparent)}
.w2 .k2-row.us{background:color-mix(in srgb,#7c7af6 16%,transparent)}
.w2 .k2-n{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15px;font-weight:700;min-width:0}
.w2 .k2-n .bw{font-size:20px}
.w2 .k2-v{text-align:right;flex:none}
.w2 .k2-v b{display:block;font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}
.w2 .k2-row.us .k2-v b{font-size:clamp(30px,3.6vw,42px)}
.w2 .k2-v small{display:block;font-size:12.5px;font-weight:500;color:var(--text-2);margin-top:3px}
.w2 .k2-sv{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:14px 16px;border-radius:16px;background:#1f9d4a;color:#fff}
.w2 .k2-sv b{display:block;font-size:15px;font-weight:800}
.w2 .k2-sv small{display:block;font-size:12.5px;font-weight:500;opacity:.85;margin-top:2px}
.w2 .k2-sv .k2-svv{font-size:clamp(26px,3vw,36px);letter-spacing:-.03em;font-variant-numeric:tabular-nums;flex:none}
@media (max-width:599px){.w2 .k2-row,.w2 .k2-sv{padding:12px 14px}.w2 .k2-n{font-size:14px}.w2 .k2-n .k2-sp{display:none}}
/* ===== 105 ===== */
.w2 .fhero:has(.fh-mob)>.fh-v:not(.fh-live),.w2 .fhero:has(.fh-mob)>.fh-ph{display:none!important}
.w2 .fhero .fh-mob{display:flex!important}
@media (min-width:900px){
  .w2 main.page .fhero:has(.fh-v){width:calc(100% - 2*var(--gutter))!important;max-width:calc(var(--maxw) - 2*var(--gutter))!important;margin:clamp(16px,2vw,28px) auto 0!important;
    padding:36px 56px 0!important;border-radius:32px;overflow:hidden;gap:48px!important;align-items:end!important;
    grid-template-columns:minmax(0,1fr) minmax(0,440px)!important;
    background:linear-gradient(160deg,var(--ad,var(--surface-2)) 0%,transparent 70%),var(--surface)}
  .w2 main.page .fhero:has(.fh-v)>div:first-child{align-self:center;padding:20px 0 56px}
  .w2 main.page .fhero:has(.fh-v) .fh-wrap{align-self:end;max-width:none!important;justify-self:stretch!important}
  .w2 main.page .fhero:has(.fh-v) .fh-live{height:460px!important;background:transparent!important;border-radius:0!important}
  .w2 main.page .fhero:has(.fh-v) .fh-live .hp{width:268px;margin-left:-134px}
  .w2 main.page .fhero:has(.fh-v)>.fh-cut{align-self:center;background:transparent!important;padding:40px 0!important}
  .w2 main.page .fhero:has(.fh-v) .ctas .btn.s1{background:var(--surface-2)}
}
/* ===== 106 ===== */
html.w2-html,.w2-frame .w2{--tvo:var(--surface-3)}
.w2 .dd-p .dd-prod.dd-pv[aria-expanded="true"],.w2 .drawer .dl-pv .dl-prod[aria-expanded="true"],.w2 .dd-p .dd-prod.dd-pv[aria-expanded="true"]:hover,.w2 .drawer .dl-pv .dl-prod[aria-expanded="true"]:hover{background:var(--tvo)!important}
.w2 .dd-pv[aria-expanded="true"] .dl-n .ic{background:color-mix(in srgb,var(--text) 10%,transparent)!important}
.w2 .dd-p .dd-prod.dd-pv[aria-expanded="true"],.w2 .drawer .dl-pv .dl-prod[aria-expanded="true"]{border-radius:18px 18px 0 0!important;box-shadow:0 16px 0 0 var(--tvo)!important;position:relative;z-index:1}
.w2 .dd-p .dd-g,.w2 .drawer .dl-pv+.dl{background:var(--tvo)!important;border-radius:0 18px 18px 18px!important;padding:8px!important;margin-top:10px!important}
.w2 .drawer .dl-pv{margin-bottom:0!important}
.w2 #dd-tix{margin-top:10px!important}
.w2 .drawer .dl-pv+.dl a{font-size:12.5px!important;padding:9px 7px 9px 9px!important;overflow:hidden}
/* ===== 107 ===== */
.w2 .wy-tk.real{padding:0!important;background:none!important;height:auto!important;overflow:visible;border-radius:16px;box-shadow:none!important}
.w2 .wy-tk.real>*:not(.wy-tz){display:none!important}
.w2 .wy-tz .tkc{position:relative!important;left:auto!important;top:auto!important;transform:none!important}
.w2 .wy-tks:has(.wy-tk.real){height:300px!important}
@media (max-width:599px){.w2 .wy-tks:has(.wy-tk.real){height:250px!important}}
/* ===== 108 ===== */
.w2 .wy-p2{display:flex!important;flex-direction:column;align-items:center;padding:24px 20px 22px!important}
.w2 .wy-p2-k{font-size:12.5px;font-weight:700;color:var(--text-3);margin-bottom:10px}
.w2 .wy-p2 .wy-evc{width:min(100%,320px)}
.w2 .wy-p2-ln{display:block;width:60%;height:44px;fill:none;overflow:visible}
.w2 .wy-p2-ln path{stroke-width:2.2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:4 5;animation:w2-wyDash 1.2s linear infinite}
@keyframes w2-wyDash{to{stroke-dashoffset:-18}}
.w2 .wy-p2-outs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
.w2 .wy-p2-o{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:12px 10px 14px;border-radius:18px;
  background:linear-gradient(180deg,var(--pc) 0%,transparent 80%),var(--surface-2)}
.w2 .wy-p2-o.tv{--pc:var(--tv-d)}.w2 .wy-p2-o.dc{--pc:var(--dc-d)}
.w2 .wy-p2-ph{width:100%;height:120px;overflow:hidden;display:flex;justify-content:center;margin-bottom:8px;
  -webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
.w2 .wy-p2-ph img{width:72%;max-width:150px;height:auto;align-self:flex-start;filter:drop-shadow(0 10px 18px rgba(0,0,0,.4))}
.w2 .wy-p2-o b{font-size:15px;font-weight:700}
.w2 .wy-p2-o b .bw{font-size:15px}
.w2 .wy-p2-o small{font-size:12.5px;font-weight:500;color:var(--text-2);line-height:1.35}
@media (prefers-reduced-motion:reduce){.w2 .wy-p2-ln path{animation:none}}
.w2 .wy-p2-o b{white-space:nowrap}
@media (max-width:599px){.w2 .wy-p2-o{padding:12px 6px 14px}.w2 .wy-p2-o b,.w2 .wy-p2-o b .bw{font-size:13px}.w2 .wy-p2-ph{height:100px}}
/* ===== 109 ===== */
.w2 .dd-p .dd-g a,.w2 .drawer .dl-pv+.dl a{background:transparent!important;border-radius:10px!important;padding:9px 10px!important;font-weight:600!important}
.w2 .dd-p .dd-g a b{font-size:15.5px!important;font-weight:600!important;letter-spacing:-.01em}
.w2 .drawer .dl-pv+.dl a{font-size:15px!important;white-space:normal!important}
.w2 .drawer .dl-pv+.dl{grid-template-columns:minmax(0,1fr)!important}
.w2 .dd-p .dd-g a:hover,.w2 .drawer .dl-pv+.dl a:hover{background:color-mix(in srgb,var(--text) 7%,transparent)!important}
.w2 .dd-p .dd-g,.w2 .drawer .dl-pv+.dl{gap:0 8px!important;padding:6px 6px 8px!important}
/* ===== 110 ===== */
.w2 .dd-p .dd-g a,.w2 .drawer .dl-pv+.dl a{display:flex!important;align-items:center;gap:11px}
.w2 .dd-p .dd-g a::before,.w2 .drawer .dl-pv+.dl a::before{content:"";width:9px;height:9px;border-radius:50%;flex:none;background:var(--ai,var(--text));
  box-shadow:0 0 0 3px var(--ad,transparent),0 0 12px var(--ai,transparent);transition:transform .2s}
.w2 .dd-p .dd-g a:hover,.w2 .drawer .dl-pv+.dl a:hover{background:var(--ad,color-mix(in srgb,var(--text) 7%,transparent))!important}
.w2 .dd-p .dd-g a:hover b,.w2 .drawer .dl-pv+.dl a:hover{color:var(--ai,var(--text))!important}
.w2 .dd-p .dd-g a:hover::before,.w2 .drawer .dl-pv+.dl a:hover::before{transform:scale(1.25)}
.w2 .c-fi{--ai:var(--fi)}
/* ===== 111 ===== */
.w2 .dd-p .dd-g a::before,.w2 .drawer .dl-pv+.dl a::before{display:none!important}
.w2 .dd-p .dd-g,.w2 .drawer .dl-pv+.dl{gap:8px!important;padding:8px!important}
.w2 .dd-p .dd-g a,.w2 .drawer .dl-pv+.dl a{border:1.5px solid transparent!important;border-radius:14px!important;padding:11px 12px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--ad,transparent) 70%,var(--surface-2)) 0%,var(--surface-2) 70%) padding-box,
             linear-gradient(180deg,color-mix(in srgb,var(--ai,var(--text)) 70%,transparent) 0%,transparent 85%) border-box!important}
.w2 .dd-p .dd-g a:hover,.w2 .drawer .dl-pv+.dl a:hover{background:linear-gradient(180deg,var(--ad,transparent) 0%,var(--surface-2) 100%) padding-box,
             linear-gradient(180deg,var(--ai,var(--text)) 0%,color-mix(in srgb,var(--ai,var(--text)) 25%,transparent) 100%) border-box!important}
.w2 .dd-p .dd-g a:hover b,.w2 .drawer .dl-pv+.dl a:hover{color:var(--text)!important}
.w2 .drawer .dl-pv+.dl{grid-template-columns:minmax(0,1fr)!important;gap:6px!important}
.w2 .drawer .dl-pv+.dl a{font-size:15px!important;padding:11px 12px!important;white-space:nowrap!important}
/* ===== 112 ===== */
.w2 .others a::before{background-position:center 14px!important;background-size:84% auto!important}
.w2 .foot{margin-top:clamp(40px,5vw,64px)!important;padding-top:36px!important}
/* ===== 113: discovery ===== */
.w2 #dc-discovery .discoshot{flex:1 1 0;min-height:0;overflow:hidden;align-items:flex-start;padding-top:8px;margin-bottom:-20px}
.w2 #dc-discovery .discoshot .tunimg{width:min(100%,246px);max-width:none}
.w2 #dc-events .discoshot .tunimg,.w2 #mk-profil .discoshot img,.w2 #dc-events .discoshot img{width:min(100%,246px);max-width:none}
.w2 #dc-events .discoshot .tunimg,.w2 #mk-profil .discoshot img,.w2 #dc-events .discoshot img{width:min(100%,246px);max-width:none}
.w2 #dc-events .discoshot,.w2 #mk-profil .discoshot{flex:1 1 0;min-height:0;overflow:hidden;align-items:flex-start;padding-top:8px;margin-bottom:-20px}
.w2 #mk-events .discoshot .tunimg,.w2 #dc-profil .discoshot img,.w2 #mk-events .discoshot img{width:min(100%,246px);max-width:none}
.w2 #mk-events .discoshot,.w2 #dc-profil .discoshot{flex:1 1 0;min-height:0;overflow:hidden;align-items:flex-start;padding-top:8px;margin-bottom:-20px}

.w2 .dc-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:14px;font-size:13.5px;font-weight:600;color:var(--text-2)}
.w2 .dc-free{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:8px;background:var(--green-dim);color:var(--green-ink);font-weight:800;font-size:12.5px}
.w2 main[data-page="discovery"] .fhero .ctas{margin-top:24px}
.w2 .dc-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.w2 .dc-c{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(24px,3vw,36px);border-radius:28px;color:var(--text);overflow:hidden;isolation:isolate}
.w2 .dc-c h2{font-size:clamp(28px,3.4vw,44px);font-weight:800;letter-spacing:-.04em;line-height:1.05}
.w2 .dc-c h2 .bw{font-size:.92em}
.w2 .dc-c p{color:var(--text-2);font-size:16px}
.w2 .dc-c .checks{margin-top:auto}
.w2 .dc-pr{background:linear-gradient(160deg,var(--green-dim) 0%,transparent 70%),var(--surface)}
.w2 .dc-pr h2{color:var(--green-ink)}
.w2 .dc-tk{background:linear-gradient(160deg,var(--tv-d) 0%,transparent 70%),var(--surface);transition:transform .25s cubic-bezier(.2,.7,.3,1)}
.w2 .dc-tk:hover{transform:translateY(-3px)}
.w2 .dc-tk>.pr-more{position:absolute;top:18px;right:18px;height:auto;padding:8px 11px 8px 14px;font-size:13.5px;gap:4px}
.w2 .dc-tk .kick{margin:0;padding-right:84px}
.w2 .dc-tk .kick .bw{font-size:15px;color:var(--text-2)}
.w2 .others.n6{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:1099px){.w2 .others.n6{display:flex!important}}
@media (max-width:759px){.w2 .dc-two{grid-template-columns:minmax(0,1fr)}}
/* ===== 114 ===== */
.w2 .wy-req{display:flex;align-items:center;justify-content:center}
.w2 .wy-rq{width:min(100%,340px);display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:20px;background:var(--surface-2);box-shadow:0 20px 40px -24px rgba(0,0,0,.5)}
.w2 .wy-rq-h{font-size:17px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}
.w2 .wy-rq-l{font-size:12px;font-weight:700;color:var(--text-3);margin-top:4px}
.w2 .wy-rq-f{display:block;padding:10px 12px;border-radius:12px;background:var(--surface);font-size:13.5px;font-weight:600}
.w2 .wy-rq-t{min-height:72px;font-weight:500;color:var(--text-2);line-height:1.45}
.w2 .wy-rq-b{align-self:flex-start;margin-top:10px;height:40px;padding:0 16px;border-radius:12px;display:inline-flex;align-items:center;background:var(--inv);color:var(--inv-fg);font-size:14px;font-weight:700}
/* Menü-Kategorien: Rahmen in Bereichsfarbe wie bei den Feature-Kacheln */
.w2 .dd-p .dd-g a,.w2 .drawer .dl-pv+.dl a{border:5px solid transparent!important;border-radius:17px!important;padding:8px 11px!important;
  background:linear-gradient(var(--surface),var(--surface)) padding-box,
             linear-gradient(180deg,color-mix(in srgb,var(--ai,var(--text)) 38%,var(--surface-2)) 0%,var(--surface-2) 100%) border-box!important}
.w2 .dd-p .dd-g a:hover,.w2 .drawer .dl-pv+.dl a:hover{background:linear-gradient(var(--surface),var(--surface)) padding-box,
             linear-gradient(180deg,color-mix(in srgb,var(--ai,var(--text)) 65%,var(--surface-2)) 0%,color-mix(in srgb,var(--ai,var(--text)) 25%,var(--surface-2)) 100%) border-box!important}
/* ===== 115 ===== */
.w2 .dd-p .dd-g a,.w2 .drawer .dl-pv+.dl a,.w2 .dd-p .dd-g a:hover,.w2 .drawer .dl-pv+.dl a:hover{position:relative;border:0!important;border-radius:14px!important;padding:12px 14px!important;background:var(--surface)!important}
.w2 .dd-p .dd-g a:hover,.w2 .drawer .dl-pv+.dl a:hover{background:color-mix(in srgb,var(--surface) 88%,var(--ai,var(--text)))!important}
.w2 .dd-p .dd-g a::after,.w2 .drawer .dl-pv+.dl a::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;pointer-events:none;
  background:radial-gradient(170px 60px at 6px 0,var(--ai,var(--text)) 0%,color-mix(in srgb,var(--ai,var(--text)) 45%,transparent) 45%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .2s}
.w2 .dd-p .dd-g a:hover::after,.w2 .drawer .dl-pv+.dl a:hover::after{background:radial-gradient(260px 80px at 6px 0,var(--ai,var(--text)) 0%,color-mix(in srgb,var(--ai,var(--text)) 50%,transparent) 50%,transparent 100%)}
/* ===== 116 ===== */
.w2 .dd-p .dd-g a,.w2 .drawer .dl-pv+.dl a,.w2 .dd-p .dd-g a:hover,.w2 .drawer .dl-pv+.dl a:hover{border-radius:14px!important;padding:12px 14px!important}
.w2 .dd-p .dd-g a::after,.w2 .drawer .dl-pv+.dl a::after{inset:0 auto auto 0!important;width:42%;height:72%;padding:0!important;background:none!important;
  -webkit-mask:none!important;mask:none!important;border-style:solid;border-color:var(--ai,var(--text));border-width:3px 0 0 3px;
  border-radius:14px 0 0 0;transition:width .25s cubic-bezier(.2,.7,.3,1),height .25s cubic-bezier(.2,.7,.3,1)}
.w2 .dd-p .dd-g a:hover::after,.w2 .drawer .dl-pv+.dl a:hover::after{background:none!important;width:70%;height:100%}
/* ===== 117: Hintergrund-Fade wie Hero-Kachel ===== */
.w2 .dd-p .dd-g a::after,.w2 .drawer .dl-pv+.dl a::after{display:none!important}
.w2 .dd-p .dd-g a,.w2 .drawer .dl-pv+.dl a{border:0!important;border-radius:14px!important;padding:12px 14px!important;
  background:linear-gradient(270deg,color-mix(in srgb,var(--ai,var(--text)) 36%,transparent) 0%,color-mix(in srgb,var(--ai,var(--text)) 14%,transparent) 18%,transparent 32%),var(--surface)!important;
  transition:background .2s}
.w2 .dd-p .dd-g a:hover,.w2 .drawer .dl-pv+.dl a:hover{
  background:linear-gradient(270deg,color-mix(in srgb,var(--ai,var(--text)) 52%,transparent) 0%,color-mix(in srgb,var(--ai,var(--text)) 22%,transparent) 18%,transparent 32%),var(--surface)!important}
/* ===== 118: Drawer-Abstände wie zwischen ticketing/discovery ===== */
.w2 .drawer{gap:8px!important;row-gap:8px!important}
.w2 .drawer .dl-pv{margin-top:0!important}
.w2 .drawer .dl-pv+.dl{margin-top:4px!important}
/* ===== 119: Wortmarke paytix (dunkler) + Produktname (Comfortaa, hell) in Produktkarten ===== */
.w2 .prod .tagline .bw{color:var(--text)!important}
.w2 .prod .bwp,.w2 .prod p .bw:has(+b){color:color-mix(in srgb,var(--text) 50%,transparent)!important}
.w2 .prod p .bw+b{font-family:var(--font-logo);font-weight:700;letter-spacing:-.01em;white-space:nowrap;color:var(--text)!important}
/* ===== 120: Laptop in Produktkarten klarer vom Hintergrund absetzen ===== */
.w2 #produkte .prod .devices .mac>img,.w2 #produkte .prod .devices .phone-img>img{filter:drop-shadow(0 0 .6px rgba(255,255,255,.9)) drop-shadow(0 0 1.4px rgba(255,255,255,.45)) drop-shadow(0 0 22px rgba(255,255,255,.10))!important}
.w2 #produkte .prod .devices::before{top:-4%!important;bottom:-10%!important;filter:blur(40px)!important}
/* ===== 121: discovery-Geräte gespiegelt zu ticketing (Laptop links, Handy rechts) ===== */
.w2 #discovery.prod .devices{justify-content:flex-start!important}
.w2 #discovery.prod .devices .mac{margin-left:2%;margin-right:0}
.w2 #discovery.prod .devices .phone-img{left:auto!important;right:2%!important}
/* ===== 122: Produktkarten symmetrisch (Subgrid: Zeilen auf gleicher Höhe) ===== */
.w2 #produkte .rail.two{grid-template-rows:repeat(6,auto);row-gap:12px}
.w2 #produkte .rail.two>.prod{display:grid!important;grid-row:span 6;grid-template-rows:subgrid;row-gap:12px;align-content:start}
.w2 #produkte .rail.two>.prod>.devices{align-self:end}
.w2 #produkte .rail.two>.prod>.free-pill{align-self:start;justify-self:start}
/* ===== 123: Preis-Hinweise monochrom (Design-System: Farbe nur als Signal) ===== */
.w2 .disco .tagline .free,.w2 .tagline .free{background:var(--surface-2)!important;color:var(--text)!important;font-weight:800;font-variant-numeric:tabular-nums}
.w2 .free-pill,.w2 .wide .free-pill{gap:9px!important;padding:6px 13px 6px 6px!important;border-radius:12px!important;background:var(--surface-2)!important;
  color:var(--text)!important;font-weight:700!important;letter-spacing:-.005em}
.w2 .free-pill .i{box-sizing:content-box;width:1em;height:1em;padding:3px;border-radius:50%;background:var(--inv);color:var(--inv-fg);font-size:12px!important;stroke-width:3.2!important}
.w2 .free-pill.lg{padding:8px 16px 8px 8px!important}
.w2 .free-pill.lg .i{font-size:13px!important;padding:4px}
/* ===== 124: Preis-Hinweise in Produktfarbe (ticketing lila, discovery rot) ===== */
.w2 #ticketing{--pc:var(--tv)}.w2 #discovery{--pc:var(--dc)}
.w2 .prod .tagline .free{background:color-mix(in srgb,var(--pc,var(--text)) 20%,var(--surface-2))!important;color:color-mix(in srgb,var(--pc,var(--text)) 55%,var(--text))!important}
.w2 .free-pill,.w2 .wide .free-pill{background:color-mix(in srgb,var(--pc,transparent) 16%,var(--surface-2))!important}
.w2 .free-pill .i{background:var(--pc,var(--inv))!important;color:var(--inv-fg)!important}
/* ===== 125: Hinweis-Komponenten in Bereichsfarbe statt Standard-Grün (Badge, Hinweis-Chip, Tipp, Häkchen) ===== */
.w2 .free-pill,.w2 .dc-free,.w2 .wy-badge,.w2 .k2-tip,.w2 #preise-sim .tip,.w2 .checks,.w2 .prod .tagline .free{--hc:var(--pc,var(--ai,var(--tv)))}
.w2 .free-pill,.w2 .wide .free-pill{background:color-mix(in srgb,var(--hc) 16%,var(--surface-2))!important}
.w2 .free-pill .i{background:var(--hc)!important;color:var(--inv-fg)!important}
.w2 .prod .tagline .free,.w2 .dc-free,.w2 .wy-badge{background:color-mix(in srgb,var(--hc) 20%,var(--surface-2))!important;color:color-mix(in srgb,var(--hc) 55%,var(--text))!important;border-radius:8px!important}
.w2 .k2-tip,.w2 #preise-sim .tip{background:color-mix(in srgb,var(--hc) 14%,var(--surface-2))!important;color:var(--text)!important}
.w2 .k2-tip .i,.w2 #preise-sim .tip .i{color:var(--hc)!important}
.w2 .checks .i{box-sizing:content-box;width:1em;height:1em;padding:3px;border-radius:50%;background:var(--hc);color:var(--inv-fg)!important;font-size:12px!important;stroke-width:3.2!important;flex:none}
.w2 .checks li.fr{color:var(--text)!important}
.w2 .wy-badge{gap:7px!important;padding-left:6px!important}
.w2 .wy-badge .i{box-sizing:content-box;width:1em;height:1em;padding:3px;border-radius:50%;background:var(--hc);color:var(--inv-fg)!important;font-size:11px!important;stroke-width:3.2!important;flex:none}
.w2 .pw3-free .i{box-sizing:content-box;width:1em;height:1em;padding:3px;border-radius:50%;background:#4f4cd8;color:#fff!important;font-size:12px!important;stroke-width:3.2!important}
/* ===== 126: Kostenvergleich-Ergebnis grau statt weiß ===== */
.w2 .k2-res{background:var(--surface-2)!important;color:var(--k2t)!important;--text:var(--k2t);--text-2:var(--k2t2);--line:var(--k2l);--k2-ok:var(--green-ink)}
.w2 .k2{--k2t:var(--text);--k2t2:var(--text-2);--k2l:var(--line)}
.w2 .k2-row{background:color-mix(in srgb,var(--k2t) 6%,transparent)!important}
.w2 .k2-row.us{background:color-mix(in srgb,var(--tv) 24%,transparent)!important}
/* ===== 127: Abschnittsabstände überall gleich (kein Extra-Abstand vor den Stimmen) ===== */
.w2 #stimmen{margin-top:0!important}
/* ===== 128: Produktkarten-Buttons kompakter ===== */
.w2 #produkte .prod>.ctas{gap:8px!important}
@media (max-width:599px){.w2 #produkte .prod>.ctas .btn{padding-left:14px!important;padding-right:14px!important}}
/* ===== 129: ticketing „Mehr“ öffnet Pop-up mit allen Funktionsbereichen ===== */
.w2 #xm-tix .xm-k{color:var(--tv)}
.w2 .xmt-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (max-width:599px){.w2 .xmt-g{grid-template-columns:minmax(0,1fr)}}
.w2 .xmt-g a{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px;border-radius:16px;color:var(--text);
  background:linear-gradient(270deg,color-mix(in srgb,var(--ai,var(--text)) 36%,transparent) 0%,color-mix(in srgb,var(--ai,var(--text)) 14%,transparent) 18%,transparent 32%),var(--surface-2);transition:background .2s}
.w2 .xmt-g a:hover{background:linear-gradient(270deg,color-mix(in srgb,var(--ai,var(--text)) 52%,transparent) 0%,color-mix(in srgb,var(--ai,var(--text)) 22%,transparent) 18%,transparent 32%),var(--surface-2)}
.w2 .xmt-g .ic{display:grid!important;place-items:center;flex:none;width:36px!important;height:36px!important;border-radius:11px;font-size:17px;background:color-mix(in srgb,var(--ai,var(--text)) 18%,var(--surface-3))!important;color:var(--ai,var(--text))!important}
.w2 .xmt-g .ic .i{display:block!important}
.w2 .xmt-g a>span:nth-child(2){flex:1;min-width:0}
.w2 .xmt-g b{display:block;font-size:15px;font-weight:800;letter-spacing:-.012em}
.w2 .xmt-g small{display:block;font-size:12.5px;font-weight:500;color:var(--text-2);margin-top:2px}
.w2 .xmt-g .chev{flex:none;color:var(--text-2);font-size:15px}
.w2 #xm-tix .xm-d{width:min(760px,100%);height:auto}
.w2 #xm-tix .xm-in{grid-template-columns:minmax(0,1fr)}
/* ===== 130: Funktionsseiten – Zurück zu „Alle Funktionen“ ===== */
.w2 .fh-back{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;justify-self:start;height:34px;padding:0 13px 0 8px;margin:0 0 14px;border:0;border-radius:10px;
  background:color-mix(in srgb,var(--text) 10%,transparent);color:var(--text);font:700 13.5px/1 var(--font);cursor:pointer;transition:background-color .2s,transform .2s cubic-bezier(.2,.7,.3,1)}
.w2 .fh-back .i{font-size:16px;stroke-width:2.6}
.w2 .fh-back:hover{background:color-mix(in srgb,var(--text) 16%,transparent)}
.w2 .fh-back:active{transform:scale(.97)}
.w2 .fh-back:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.w2 .fh-back+h1{margin-top:0}
/* ===== 131: „In wenigen Minuten“ – echte Zahlungs-Logos ===== */
.w2 .wy-pay img{display:block;height:32px;width:auto;border-radius:7px}
/* ===== 132: Button „Warum paytix?“ – immer abgesetzt von der Hero-Kachel ===== */
.w2 .btn.wy-btn,.w2 .fh-ct .ctas .btn.wy-btn,.w2 .fh-card .fh-ct .ctas .btn.wy-btn,.w2 main.page .fhero .ctas .btn.wy-btn{background:color-mix(in srgb,var(--text) 14%,transparent)!important;color:var(--text)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 18%,transparent)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}
.w2 .btn.wy-btn:hover,.w2 main.page .fhero .ctas .btn.wy-btn:hover{background:color-mix(in srgb,var(--text) 22%,transparent)!important}
/* ===== 133: Hero-Buttons der Funktionsseiten – links Bereichsfarbe, rechts Weiß, schmaler ===== */
.w2 .ctas:has(.wy-btn){flex-wrap:wrap!important;gap:8px!important;width:auto!important}
.w2 .ctas:has(.wy-btn) .btn{flex:0 0 auto!important;width:auto!important;min-width:0!important;height:44px!important;padding:0 18px!important;font-size:14px!important;border-radius:12px!important}
.w2 .ctas:has(.wy-btn) .btn.pri{background:var(--ai,var(--inv))!important;color:var(--inv-fg)!important}
.w2 .c-fi .ctas:has(.wy-btn) .btn.pri,.w2 .ctas:has(.wy-btn) .btn.pri:is(.c-fi *){background:color-mix(in srgb,var(--text) 24%,var(--surface-2))!important;color:var(--text)!important}
.w2 .ctas:has(.wy-btn) .btn.pri:hover{opacity:.86}
.w2 .btn.wy-btn,.w2 .fh-ct .ctas .btn.wy-btn,.w2 .fh-card .fh-ct .ctas .btn.wy-btn,.w2 main.page .fhero .ctas .btn.wy-btn{background:var(--inv)!important;color:var(--inv-fg)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.w2 .btn.wy-btn:hover,.w2 main.page .fhero .ctas .btn.wy-btn:hover{background:var(--inv)!important;opacity:.86}
/* ===== 134: Einheitliche vertikale Abstände zwischen allen Blöcken (Handy 40px → Desktop 64px) ===== */
html.w2-html,.w2-frame .w2{--sgap:clamp(40px,5vw,64px)}
.w2 .page{gap:var(--sgap)!important}
.w2 .fpl-h{margin-top:var(--sgap)!important}
.w2 .fpl-hr{margin-top:var(--sgap)!important}
.w2 .fpl-h:first-child,.w2 .fpl-hr:first-child,.w2 #produkte>.fpl-h,.w2 #start-preise>.sp-h,.w2 .fpl-hr .fpl-h{margin-top:0!important}
.w2 #stimmen{margin-top:0!important}
.w2 .calc+.lh,.w2 .lh{margin-top:var(--sgap)!important}
.w2 .rail-nav+.fl-stack:has(.fpl-h){margin-top:var(--sgap)!important}
.w2 main.page .fhero:not(.fh-card):has(.fh-v)+section{margin-top:0!important}
/* ===== 135: Preis-Kachel Startseite – neutral, Lila nur als Akzent ===== */
.w2 .pw3-p{color:var(--text)!important;background:var(--surface)!important}
.w2 .pw3-deco{stroke:var(--tv)!important;opacity:.14!important}
.w2 .pw3-k{color:var(--text-2)!important}
.w2 .pw3-k .bw{color:var(--text-2)!important}
.w2 .pw3-big>b{color:var(--text)}
.w2 .pw3-big>b small{color:var(--tv)}
.w2 .pw3-big>span small{color:var(--text-2)!important}
.w2 .pw3-free{background:color-mix(in srgb,var(--tv) 16%,var(--surface-2))!important;color:var(--text)!important;font-weight:700!important;font-size:14px!important;padding:8px 14px 8px 8px!important;border-radius:12px!important;gap:9px!important}
.w2 .pw3-free .i{background:var(--tv)!important;color:var(--inv-fg)!important}
.w2 .pw3-dc{background:var(--surface-2)!important}
.w2 .pw3-dc b,.w2 .pw3-dc .bw{color:var(--text)!important}
.w2 .pw3-dc .bwp{color:color-mix(in srgb,var(--text) 50%,transparent)!important}
.w2 .pw3-dc small{color:var(--text-2)!important}
.w2 .pw3-dc em{background:color-mix(in srgb,var(--dc) 20%,var(--surface-2))!important;color:color-mix(in srgb,var(--dc) 55%,var(--text))!important;padding:3px 9px!important;border-radius:8px!important;font-size:11.5px!important}
.w2 .pw3-btn,.w2 .pw3-btn:hover{background:var(--inv)!important;color:var(--inv-fg)!important}
.w2 .pw3-btn:hover{opacity:.86}
/* ===== 136: Preis-Kachel ohne Ticket, % weiß; „kostenlos“-Badges nie rot ===== */
.w2 .pw3-deco{display:none!important}
.w2 .pw3-big>b small{color:var(--text)!important}
.w2 .pw3-big{flex-wrap:nowrap!important;align-items:center!important;gap:14px!important}
.w2 .pw3-big>b{font-size:clamp(52px,5vw,68px)!important;line-height:.9!important;letter-spacing:-.05em!important}
.w2 .pw3-big>span{padding-bottom:0!important;min-width:0}
.w2 .pw3-big>span b{font-size:18px!important}
.w2 .pw3-big>span small{font-size:13px!important}
.w2 .pw3-dc em,.w2 #discovery .tagline .free,.w2 .dc-free{background:color-mix(in srgb,var(--tv) 20%,var(--surface-2))!important;color:color-mix(in srgb,var(--tv) 55%,var(--text))!important}
/* ===== 137: „kostenlos“ in Weiß (Badges + discovery-Hinweis) ===== */
.w2 .pw3-dc em,.w2 #discovery .tagline .free,.w2 .dc-free{background:var(--inv)!important;color:var(--inv-fg)!important}
.w2 #discovery .free-pill{background:var(--surface-2)!important}
.w2 #discovery .free-pill .i{background:var(--inv)!important;color:var(--inv-fg)!important}
.w2 #ticketing .tagline .free{background:var(--tv)!important;color:var(--inv-fg)!important}
/* ===== 138: Häkchen auf Höhe der ersten Zeile ===== */
.w2 .free-pill,.w2 .pw3-free,.w2 .wy-badge{align-items:flex-start!important}
.w2 .free-pill .i,.w2 .pw3-free .i,.w2 .wy-badge .i{margin-top:calc((1.3em - 18px) / 2)}
/* ===== 139: Startseite – eigener Titel für „Warum paytix“ ===== */
.w2 #start-preise .pw3{row-gap:0!important}
.w2 #start-preise .pw3>.sp-h{margin:0 0 18px!important}
@media (min-width:900px){
  .w2 #start-preise .pw3{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 1fr}
  .w2 #start-preise .pw3>.sp-h{grid-row:1}
  .w2 #start-preise .pw3>.pw3-p,.w2 #start-preise .pw3>.pw2-w{grid-row:2}
}
@media (max-width:899px){.w2 #start-preise .pw3>.sp-h2{margin-top:var(--sgap)!important}}
/* ===== 140: Aktives Produkt im Menü eingefärbt (discovery rot, ticketing lila) ===== */
.w2 .dd-p .dd-prod.is-cur,.w2 .drawer .dl-pv .dl-prod.is-cur{background:color-mix(in srgb,var(--pcur) 24%,var(--surface-2))!important;box-shadow:none!important}
.w2 .dd-prod.dd-disco.is-cur,.w2 .drawer .dl-pv a.dl-prod.is-cur{--pcur:var(--dc)}
.w2 .dd-prod.dd-pv:not(.dd-disco).is-cur,.w2 .drawer .dl-pv button.dl-prod.is-cur{--pcur:var(--tv)}
.w2 .dd-prod.is-cur[aria-expanded="true"],.w2 .dl-prod.is-cur[aria-expanded="true"]{box-shadow:0 16px 0 0 var(--tvo)!important}
.w2 .is-cur .dl-n .bw,.w2 .is-cur .dl-n .i{color:var(--text)!important}
.w2 .dd-p:has(.dd-prod.dd-pv:not(.dd-disco).is-cur),.w2 .drawer:has(.dl-pv button.dl-prod.is-cur){--tvo:color-mix(in srgb,var(--tv) 24%,var(--surface-2))}
.w2 .dd-p .dd-prod.dd-pv.is-cur[aria-expanded="true"],.w2 .drawer .dl-pv .dl-prod.is-cur[aria-expanded="true"]{background:var(--tvo)!important;box-shadow:0 16px 0 0 var(--tvo)!important;border-radius:18px 18px 0 0!important}
/* ===== 141: Individualisierung – Karte „Sponsoren“ statt „Mehrsprachig“ ===== */
.w2 .pw3-free{background:color-mix(in srgb,var(--el) 16%,var(--surface-2))!important}
.w2 .pw3-free .i{background:var(--el)!important;color:var(--inv-fg)!important}
.w2 :is(#in-mehr,.xsp-v) .sp-m{display:grid;gap:8px;margin-top:12px}
.w2 :is(#in-mehr,.xsp-v) .sp-tk{padding:10px 12px 12px;border-radius:14px;background:var(--surface-2)}
.w2 :is(#in-mehr,.xsp-v) .sp-tk>small{display:block;font-size:9.5px;font-weight:800;letter-spacing:.08em;color:var(--text-3);margin-bottom:8px}
.w2 :is(#in-mehr,.xsp-v) .sp-lg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.w2 :is(#in-mehr,.xsp-v) .sp-lg span{display:grid;place-items:center;height:26px;border-radius:7px;background:var(--surface-3);color:var(--text-2);font-size:8.5px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;padding:0 3px}
.w2 :is(#in-mehr,.xsp-v) .sp-lg .sp-more{background:none;color:var(--text-3)}
.w2 :is(#in-mehr,.xsp-v) .sp-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:14px;background:var(--surface-2);min-width:0}
.w2 :is(#in-mehr,.xsp-v) .sp-av{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--in) 22%,var(--surface-3));color:var(--in);font-size:11px;font-weight:800}
.w2 :is(#in-mehr,.xsp-v) .sp-av2{background:color-mix(in srgb,var(--tv) 22%,var(--surface-3));color:var(--tv)}
.w2 :is(#in-mehr,.xsp-v) .sp-t{flex:1;min-width:0}
.w2 :is(#in-mehr,.xsp-v) .sp-t b{display:block;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w2 :is(#in-mehr,.xsp-v) .sp-t small{display:block;font-size:11px;color:var(--text-2)}
.w2 :is(#in-mehr,.xsp-v) .sp-row em{flex:none;font-style:normal;font-size:11px;font-weight:800;padding:4px 8px;border-radius:8px;background:var(--inv);color:var(--inv-fg);font-variant-numeric:tabular-nums}
.w2 #in-mehr ul.sp-l{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;margin-top:14px!important}
.w2 #in-mehr ul.sp-l li{display:flex!important;align-items:flex-start!important;gap:9px!important;height:auto!important;padding:0!important;background:none!important;font-size:13.5px!important;font-weight:600!important;line-height:1.35;border-radius:0!important}
.w2 #in-mehr ul.sp-l .i{box-sizing:content-box;flex:none;width:12px;height:12px;padding:3px;border-radius:50%;background:var(--in);color:var(--inv-fg);stroke-width:3.2}
@media (max-width:599px){.w2 .in-duo{grid-template-columns:minmax(0,1fr)!important}.w2 .in-duo>.fx{grid-column:1!important;grid-row:auto!important}.w2 :is(#in-mehr,.xsp-v) .sp-lg{grid-template-columns:repeat(4,minmax(0,1fr))}.w2 :is(#in-mehr,.xsp-v) .sp-lg span:nth-child(n+4):not(.sp-more){display:none}
  .w2 .in-duo>.fx.v{padding:20px!important}.w2 .in-duo>.fx.v h3{font-size:19px!important}.w2 .in-duo>.fx.v>p{font-size:14.5px!important}}
.w2 .xsp-v{padding:18px;border-radius:20px;background:var(--surface-2)}
.w2 .xsp-v .sp-tk,.w2 .xsp-v .sp-row{background:var(--surface-3)!important}
.w2 .xsp-v .sp-lg span{background:var(--surface)!important}
.w2 .xsp-v .sp-m{margin-top:0!important}
.w2 #xm-spons .xm-k{color:var(--in)}
/* ===== 142: Ticketverkauf-Preiskarte neutral, Hinweise „kostenlos“ in Grün ===== */
.w2 #tv-preise .wide{background:var(--surface)!important;color:var(--text)!important}
.w2 #tv-preise .wide h2{color:var(--text)!important}
.w2 #tv-preise .tvp-l{color:var(--text-2)!important}
.w2 #tv-preise .feebox-r{background:var(--surface-2)!important;color:var(--text)!important}
.w2 #tv-preise .feebox-r .lbl,.w2 #tv-preise .feebox-r .nur,.w2 #tv-preise .feebox-r .row span{color:var(--text-2)!important}
.w2 #tv-preise .feebox-r .lbl .bw{color:var(--text)!important}
.w2 #tv-preise .fee-n,.w2 #tv-preise .fee-t b{color:var(--text)!important}
.w2 #tv-preise .feebox-r .row{border-color:var(--line-2)!important}
.w2 #tv-preise .feebox-r .btn{background:var(--inv)!important;color:var(--inv-fg)!important}
.w2 main[data-page="preise"] .free-pill{--hc:var(--el)}
.w2 main[data-page="preise"] .free-pill.lg{text-align:left}
/* ===== 143: Warum paytix – Basic Mode erklärt (Vorher/Nachher mit Schalter) ===== */
.w2 #warum-einfach .wyb{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(24px,4vw,56px);align-items:center;padding-top:clamp(24px,4vw,40px);border-top:1px solid var(--line)}
@media (max-width:899px){.w2 #warum-einfach .wyb{grid-template-columns:minmax(0,1fr)}}
.w2 .wyb-k{display:inline-flex;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tv)}
.w2 .wyb-t h4{font-size:clamp(22px,2.4vw,28px);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-top:8px}
.w2 .wyb-t p{color:var(--text-2);font-size:15.5px;font-weight:500;line-height:1.5;margin-top:10px;max-width:46ch}
.w2 .wyb-sw{display:inline-flex;align-items:center;gap:10px;margin-top:18px;height:44px;padding:0 16px 0 10px;border:0;border-radius:12px;background:var(--surface-2);color:var(--text);font:700 14px/1 var(--font);cursor:pointer;transition:transform .2s cubic-bezier(.2,.7,.3,1)}
.w2 .wyb-sw:active{transform:scale(.97)}.w2 .wyb-sw:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.w2 .wyb-tg{position:relative;width:38px;height:22px;border-radius:999px;background:var(--surface-3);transition:background-color .25s}
.w2 .wyb-tg::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .25s cubic-bezier(.2,.7,.3,1)}
.w2 .wyb-sw[aria-checked="true"] .wyb-tg{background:var(--el)}
.w2 .wyb-sw[aria-checked="true"] .wyb-tg::after{transform:translateX(16px)}
.w2 .wyb-v .pxw{box-shadow:0 0 0 1px var(--line-2)}
.w2 .wyb-st{position:relative;display:grid}
.w2 .wyb-st img{grid-area:1/1;display:block;width:100%;height:auto;transition:opacity .45s ease}
.w2 .wyb-st[data-mode="basic"] .wyb-full,.w2 .wyb-st[data-mode="full"] .wyb-basic{opacity:0}
/* ===== 144: Hinweis im ticketing-Menü „Alle Funktionen inbegriffen“ ===== */
.w2 .dd-p .dd-g .tix-inc,.w2 .drawer .dl-pv+.dl .tix-inc{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:2px 4px 2px;padding:0;font-size:12.5px;font-weight:700;color:var(--text-2);background:none!important}
.w2 .tix-inc .i{box-sizing:content-box;flex:none;width:10px;height:10px;padding:3px;border-radius:50%;background:var(--el);color:var(--inv-fg);stroke-width:3.4}
/* ===== 145: Ein einziges Grün überall (paytix-Mint, --el) ===== */
html.w2-html:is(*,[data-w2-theme]),.w2-frame:is(*,[data-w2-theme]) .w2{--green:var(--el);--green-ink:var(--el);--green-dim:color-mix(in srgb,var(--el) 16%,transparent);--k2-ok:var(--el)}
.w2 .ts-row .ok{color:var(--el)!important}
.w2 .sc-stp i,.w2 .dz-stp i,.w2 .dz-live i{background:var(--el)!important}
.w2 .mf-tk{background:var(--el)!important;color:var(--inv-fg)!important}
.w2 .k2-sv{background:var(--el)!important;color:var(--inv-fg)!important}
.w2 .wy-steps li.ok::before,.w2 .wy-steps .ok::before{background:var(--el)!important;color:var(--inv-fg)!important}
/* ===== 146: Basic Mode als Karte in „Auch gut“ (Ticketverkauf) + Pop-up ===== */
.w2 .wyb-c{display:flex;flex-direction:column;gap:10px}
.w2 .wyb-c .wyb-sw{margin-top:0;height:36px;padding:0 12px 0 8px;font-size:13px;align-self:flex-start}
.w2 .wyb-c .wyb-tg{width:32px;height:19px}.w2 .wyb-c .wyb-tg::after{width:13px;height:13px}
.w2 .wyb-c .wyb-sw[aria-checked="true"] .wyb-tg::after{transform:translateX(13px)}
.w2 .wyb-c .pxw-bar{height:20px;padding:0 8px;gap:4px}.w2 .wyb-c .pxw-bar i{width:6px;height:6px}.w2 .wyb-c .pxw-bar span{height:12px;font-size:8px;margin-left:6px}
.w2 .xbm-v .wyb-c .wyb-sw{height:44px;font-size:14px;padding:0 16px 0 10px}
.w2 .xbm-v .wyb-c .wyb-tg{width:38px;height:22px}.w2 .xbm-v .wyb-c .wyb-tg::after{width:16px;height:16px}
.w2 .xbm-v .wyb-c .wyb-sw[aria-checked="true"] .wyb-tg::after{transform:translateX(16px)}
.w2 .xbm-v .wyb-c .pxw-bar{height:30px;padding:0 12px}.w2 .xbm-v .wyb-c .pxw-bar span{height:18px;font-size:10.5px}
.w2 #xm-basic .xm-k{color:var(--tv)}
/* ===== 147: Aktives Produkt im Menü weiß hinterlegt (wie aktiver Nav-Link) ===== */
.w2 .dd-p .dd-prod.is-cur,.w2 .drawer .dl-pv .dl-prod.is-cur,.w2 .dd-p .dd-prod.is-cur:hover,.w2 .drawer .dl-pv .dl-prod.is-cur:hover{background:var(--inv)!important;color:var(--inv-fg)!important}
.w2 .is-cur .dl-n,.w2 .is-cur .dl-n .bw,.w2 .is-cur .dl-n .i,.w2 .is-cur .dl-n .dl-t{color:var(--inv-fg)!important}
.w2 .dd-p:has(.dd-prod.dd-pv:not(.dd-disco).is-cur),.w2 .drawer:has(.dl-pv button.dl-prod.is-cur){--tvo:var(--inv)}
.w2 .dd-p:has(.dd-prod.is-cur[aria-expanded="true"]) .tix-inc,.w2 .drawer:has(.dl-prod.is-cur[aria-expanded="true"]) .tix-inc{color:color-mix(in srgb,var(--inv-fg) 70%,transparent)!important}
/* ===== 148: „Weitere Features“ – Beschriftung im Light-Mode lesbar ===== */
:is(.w2-html,.w2-frame) .w2 .others a,:is(.w2-html,.w2-frame)[data-w2-theme] .w2 .others a,:is(.w2-html,.w2-frame):not([data-w2-theme="dark"]) .w2 .others a{color:var(--text)!important}
.w2 .others a b{color:var(--text)!important}
/* ===== 149: Updates (Liste, Detail, Startseite) ===== */
.w2 .upi-ap{background-image:url("/w2/img/146afae170.webp")}.w2 .upi-aw{background-image:url("/w2/img/d7ec206373.svg")}.w2 .upi-gp{background-image:url("/w2/img/20afbf031a.webp")}.w2 .upi-gw{background-image:url("/w2/img/9964db8a33.svg")}.w2 .upi-cu{background-image:url("/w2/img/a1c109009a.webp")}
.w2 .upd-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:899px){
  .w2 .upd-all{grid-template-columns:minmax(0,1fr)}
  .w2 #start-updates .upd-g{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1*var(--gutter,16px));padding:0 var(--gutter,16px);scroll-padding-left:var(--gutter,16px)}
  .w2 #start-updates .upd-g::-webkit-scrollbar{display:none}
  .w2 #start-updates .upc{flex:0 0 min(82vw,340px);scroll-snap-align:start}
}
.w2 #start-updates .sh{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.w2 #start-updates .sh .btn{flex:none}
@media (max-width:599px){.w2 #start-updates .sh .btn{display:none}}
.w2 .upc{display:flex;flex-direction:column;border-radius:24px;background:var(--surface);color:var(--text);overflow:hidden;transition:background-color .2s,transform .2s cubic-bezier(.2,.7,.3,1)}
.w2 .upc:hover{background:var(--surface-2)}.w2 .upc:active{transform:scale(.985)}
.w2 .upc-b{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.w2 .upc-m{display:flex;align-items:center;gap:10px}
.w2 .upc-t{font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:8px;background:color-mix(in srgb,var(--tv) 20%,var(--surface-2));color:color-mix(in srgb,var(--tv) 55%,var(--text))}
.w2 .upc-d{font-size:12.5px;font-weight:600;color:var(--text-2)}
.w2 .upc h3{font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.w2 .upc p{font-size:14.5px;color:var(--text-2);line-height:1.45}
.w2 .upc-more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:6px;font-size:14px;font-weight:700;color:var(--text)}
.w2 .upc-more .i{font-size:15px;transition:transform .2s}.w2 .upc:hover .upc-more .i{transform:translateX(3px)}
.w2 .upm{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 16px 14px;background:#0b0b0c;color:#fff;aspect-ratio:16/8.4;overflow:hidden}
.w2 .upm-h{align-self:flex-start;font-size:15px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.w2 .upm-h .bw{color:#fff;font-weight:700;margin-right:3px}
.w2 .upm-c{margin-top:auto;font-size:11px;font-weight:600;color:rgba(255,255,255,.82);text-align:center}
.w2 .upm-w{display:grid;grid-template-columns:auto auto;gap:8px 10px;justify-content:center;align-items:center;flex:1;align-content:center}
.w2 .upi{display:block;background-position:center;background-size:contain;background-repeat:no-repeat}
.w2 .upm-w .upi{width:84px;height:40px}
.w2 .upm-int{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.w2 .upm-int span{display:inline-flex;align-items:center;height:44px;padding:0 14px;border-radius:12px;font-weight:800;font-size:15px;letter-spacing:-.01em}
.w2 .upm-meta{background:linear-gradient(135deg,#e8f1ff,#cfe0ff);color:#0866ff}
.w2 .upm-tt{background:#111;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),-2px 0 0 #25f4ee,2px 0 0 #fe2c55}
.w2 .upm-echo{background:none;color:#8a3ffc;font-size:22px!important;letter-spacing:.02em!important}
.w2 .upm-cu{flex:1;width:100%;display:flex;align-items:center;justify-content:center;min-height:0}
.w2 .upm-cu .upi{width:86%;height:100%;background-size:cover;background-position:left top;border-radius:8px;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.w2 .upm-big{aspect-ratio:auto;padding:clamp(20px,3.4vw,40px);gap:clamp(18px,2.4vw,28px);border-radius:24px;margin-top:clamp(20px,3vw,32px)}
.w2 .upm-big .upm-h{font-size:clamp(20px,2.6vw,34px);white-space:normal}
.w2 .upm-big .upm-c{font-size:clamp(14px,1.6vw,20px)}
.w2 .upm-big .upm-w{gap:16px 20px}.w2 .upm-big .upm-w img{display:block;height:clamp(40px,5vw,64px);width:auto;border-radius:10px}
.w2 .upm-big .upm-int span{height:clamp(52px,6vw,76px);padding:0 clamp(16px,2vw,26px);font-size:clamp(17px,2vw,24px);border-radius:16px}
.w2 .upm-big .upm-echo{font-size:clamp(26px,3.2vw,40px)!important}
.w2 .upm-big .upm-cu img{display:block;width:100%;max-width:900px;border-radius:12px;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.w2 .upd-hero{text-align:center;padding-top:clamp(28px,5vw,64px)}
.w2 .upd-hero .kick{display:inline-flex}
.w2 .upd-hero h1{font-size:clamp(36px,5.4vw,64px);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-top:8px}
.w2 .upd-hero h1 .bw{font-weight:700}
.w2 .upd-hero .lead{margin:14px auto 0;max-width:52ch;color:var(--text-2);font-size:clamp(16px,1.6vw,19px)}
.w2 .upd-d{max-width:900px;padding-top:clamp(24px,4vw,48px)}
.w2 .upd-bc{display:flex;gap:8px;font-size:14px;font-weight:600;color:var(--text-2);margin-bottom:18px}
.w2 .upd-bc a{color:var(--text-2)}.w2 .upd-bc a:hover{color:var(--text)}.w2 .upd-bc span:last-child{color:var(--text)}
.w2 .upd-d h1{font-size:clamp(32px,5vw,56px);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-top:12px}
.w2 .upd-d>.lead{margin-top:12px;color:var(--text-2);font-size:clamp(16px,1.6vw,19px);max-width:60ch}
.w2 .upd-body{margin-top:clamp(24px,3vw,36px);max-width:none;display:grid;gap:14px}
.w2 .upd-body p,.w2 .xm-s p,.w2 .km-nl .nl-t>p{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.w2 .upd-body p{font-size:16.5px;line-height:1.6;color:var(--text)}
.w2 .upd-back{display:inline-flex;align-items:center;gap:6px;margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-weight:700;font-size:14.5px;color:var(--text);width:100%}
.w2 .upd-back .i{font-size:16px}
/* ===== 150: Update-Karten mit Rahmen wie „Weitere Features“, neutral ===== */
.w2 .upc{padding:8px;border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--text) 14%,var(--surface)) 0%,var(--surface) 85%)}
.w2 .upc:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--text) 20%,var(--surface)) 0%,color-mix(in srgb,var(--text) 6%,var(--surface)) 100%)}
.w2 .upc .upm{border-radius:14px}
.w2 .upc-b{padding:14px 12px 10px}
.w2 .upc .upm-int{flex-wrap:nowrap;gap:6px}.w2 .upc .upm-int span{height:38px;padding:0 11px;font-size:13.5px;border-radius:10px}.w2 .upc .upm-echo{font-size:19px!important;padding:0 4px!important}
/* ===== 151: Produktkarten-Geräte scharf (srcset, Kontur im Bild statt Filter) ===== */
.w2 #produkte .prod .devices .mac>img,.w2 #produkte .prod .devices .phone-img>img{filter:none!important}
.w2 #produkte .prod .devices .phone-img{filter:none!important}
/* ===== 152: discovery – Hinweis „Konto beanspruchen“, Häkchen neutral ===== */
.w2 main[data-page="discovery"] .checks{--hc:var(--inv)}
.w2 .claim{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2)}
.w2 .claim-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--surface-2);font-size:19px;color:var(--text)}
.w2 .claim-t{flex:1;min-width:0}.w2 .claim-t b{display:block;font-size:16px;font-weight:800;letter-spacing:-.01em}
.w2 .claim-t p{margin-top:4px;font-size:14px;line-height:1.45;color:var(--text-2);max-width:70ch}
.w2 .claim .btn{flex:none}
@media (max-width:699px){.w2 .claim{flex-wrap:wrap;align-items:flex-start}.w2 .claim-t{flex-basis:calc(100% - 56px)}.w2 .claim .btn{margin-left:56px}}
/* ===== 153: Sprach-Kachel – Flaggen exakt mittig (Namen ausgeblendet statt font-size:0) ===== */
.w2 .lp-lang .langs .lnm{display:none}
.w2 .lp-lang .langs li{justify-content:center!important;align-items:center!important}
/* ===== 154: Ticketverkauf-Hero – Anzahl wählen; Preiskarte grüner Hinweis ===== */
.w2 .tvl .mk-img{position:relative}
.w2 .tvl .qs,.w2 .tvl .qc,.w2 .tvl .qv,.w2 .tvl .ql{position:absolute;transition:opacity .3s}
.w2 .tvl .qs{left:69.1%;top:20.77%;width:22.3%;height:5.75%;border-radius:999px;background:#2c2c2e;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);display:flex;align-items:center;justify-content:space-between;padding:0 6% 0 5%;box-sizing:border-box;color:#fff;font:700 13px Inter,sans-serif}
.w2 .tvl .qs i{width:6px;height:6px;border-right:1.5px solid #8e8e93;border-bottom:1.5px solid #8e8e93;transform:rotate(45deg) translateY(-2px)}
.w2 .tvl .qc{left:42%;top:1.4%;width:56%;height:4.4%;background:#060606}
.w2 .tvl .qv{left:3%;top:30%;width:94%;height:22%;background:linear-gradient(rgba(6,6,6,.55),rgba(6,6,6,.55));border-radius:12px}
.w2 .tvl .done{opacity:0}
.w2 .tvl .ql{left:69.1%;top:27%;width:22.3%;display:grid;padding:4px;border-radius:12px;background:#2c2c2e;box-shadow:0 10px 24px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.12);opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s;z-index:2}
.w2 .tvl .ql.on{opacity:1;transform:none}
.w2 .tvl .ql i{font:700 12px Inter,sans-serif;font-style:normal;color:#fff;padding:5px 9px;border-radius:8px}
.w2 .tvl .ql i.hv{background:rgba(255,255,255,.1)}
.w2 .tvp-free{--hc:var(--el);margin-top:14px!important;white-space:normal!important;width:fit-content!important;max-width:100%!important}
/* ===== 155: „nur“ und „pro Ticket“ auf gleicher Grundlinie wie die Zahl ===== */
.w2 .fee{align-items:baseline!important}
.w2 .fee .nur,.w2 .fee .fee-t,.w2 #tv-preise .feebox-r .nur{padding-bottom:0!important}
/* ===== 156: Hero – Fußnote discovery/ticketing ===== */
.w2 .lead-fn{margin-top:4px!important;line-height:1.3;font-size:12px;font-weight:500;color:var(--text-3);text-align:inherit}
.w2 .lead-fn .bw{color:var(--text-3)!important;font-size:1em}
/* ===== 157: Hero – Hinweis mit Pfeil unter „Gratis Konto erstellen“ ===== */
.w2 .hero-ctas{margin-bottom:46px}
.w2 .hero-ctas .cta-w{position:relative;display:flex}
.w2 .hero-ctas .cta-w>.btn{flex:1 1 auto}
@media (max-width:599px){.w2 .hero-ctas .cta-w{flex:1 1 0;min-width:0}}
.w2 .cta-hint{position:absolute;top:calc(100% + 6px);left:18px;display:flex;align-items:flex-start;gap:4px;white-space:nowrap;font-size:13px;font-weight:600;color:var(--text-2);pointer-events:none}
.w2 .cta-hint>span{padding-top:12px}
.w2 .cta-hint .bw{color:var(--text)!important;font-size:1em}
.w2 .cta-ar{flex:none;width:24px;height:22px;color:var(--text-2)}
@media (max-width:599px){.w2 .cta-hint{left:10px;font-size:12px}}
/* ===== 158: Konto-Hinweis mittig unter beiden Buttons ===== */
.w2 .hero-ctas{margin-bottom:0!important}
.w2 .hero-hint{position:static!important;display:flex!important;justify-content:center;align-items:flex-start;gap:4px;margin:8px auto 0;white-space:nowrap}
/* ===== 159: Stimmen – Logos, Entwurfs-Label ===== */
.w2 .tm-lg{width:48px!important;height:48px!important;border-radius:12px!important;overflow:hidden;padding:4px;box-sizing:border-box;box-shadow:inset 0 0 0 1px var(--line-2)}
.w2 .tm-lg img{width:100%;height:100%;object-fit:contain;display:block}
.w2 #stimmen .tm-tag{background:color-mix(in srgb,#ffd60a 18%,var(--surface-2));color:var(--text-2);white-space:nowrap}
@media (max-width:599px){.w2 #stimmen .tm-tag{font-size:9.5px;letter-spacing:.02em}}
/* ===== 160: Produktkarten – ticketing nur Web, discovery nur Handy ===== */
.w2 #produkte #ticketing .devices .phone-img{display:none!important}
.w2 #produkte #ticketing .devices{justify-content:center!important}
.w2 #produkte #ticketing .devices .mac{width:104%!important;margin:0 -2%!important}
.w2 #produkte #discovery .devices .mac{display:none!important}
.w2 #produkte #discovery .devices{position:relative;justify-content:center!important;align-items:flex-start!important;aspect-ratio:3404/2068;overflow:hidden;
  -webkit-mask:linear-gradient(#000 72%,transparent 100%);mask:linear-gradient(#000 72%,transparent 100%)}
.w2 #produkte #discovery .devices .phone-img{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:48%!important;margin-top:2%}
/* ===== 161: ticketing-Laptop live (gestochen scharf), discovery-Handy größer ===== */
.w2 #produkte .devices .mac{position:relative}
.w2 #ticketing .lap-live{position:absolute;left:9.518%;top:8.511%;width:80.964%;height:80.851%;overflow:hidden;background:#000;border-radius:2px}
.w2 #ticketing .lap-live iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;pointer-events:none;background:#000}
.w2 #produkte #discovery .devices{overflow:visible!important;-webkit-mask:none!important;mask:none!important;clip-path:inset(-80px -80px 0 -80px)}
.w2 #produkte #discovery .devices .phone-img{position:absolute!important;top:3%!important;left:50%!important;transform:translateX(-50%);width:50%!important;margin:0!important;-webkit-mask:linear-gradient(#000 34%,transparent 57%);mask:linear-gradient(#000 34%,transparent 57%)}
/* ===== 162: ticketing ebenfalls nur Handy (wie discovery) ===== */
.w2 #produkte #ticketing .devices .mac{display:none!important}
.w2 #produkte #ticketing .devices .phone-img{display:block!important}
.w2 #produkte .prod .devices{position:relative;justify-content:center!important;align-items:flex-start!important;aspect-ratio:3404/2068;overflow:visible!important;-webkit-mask:none!important;mask:none!important;clip-path:inset(-80px -80px 0 -80px)}
.w2 #produkte .prod .devices .phone-img{position:absolute!important;top:3%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%);width:50%!important;margin:0!important;
  -webkit-mask:linear-gradient(#000 34%,transparent 57%);mask:linear-gradient(#000 34%,transparent 57%)}
/* ===== 163: Produktkarten – Buttons über dem Handy, Handy läuft bis zum Kartenrand ===== */
.w2 #produkte .rail.two>.prod{padding-bottom:0!important}
.w2 #produkte .rail.two>.prod>.ctas{margin-top:6px}
.w2 #produkte .prod .devices{aspect-ratio:10/7.4!important;margin:6px -24px 0!important;clip-path:inset(-80px 0 0 0)!important;align-self:end}
.w2 #produkte :is(#ticketing,#discovery) .devices .phone-img{top:6%!important;width:52%!important;-webkit-mask:none!important;mask:none!important}
@media (max-width:759px){.w2 #produkte .prod .devices{margin:4px -20px 0!important}.w2 #produkte :is(#ticketing,#discovery) .devices .phone-img{width:60%!important}}
/* ===== 164: Produktkarten – Hinweis als untere Kante über dem Handy, Handy größer ===== */
.w2 #produkte .rail.two>.prod{position:relative}
.w2 #produkte .rail.two>.prod>.free-pill{position:absolute!important;left:50%;bottom:18px;transform:translateX(-50%);z-index:3;margin:0!important;white-space:nowrap;
  box-shadow:0 10px 30px rgba(0,0,0,.55),inset 0 0 0 1px var(--line-2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.w2 #produkte .rail.two>.prod>.devices::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;z-index:2;pointer-events:none;
  background:linear-gradient(transparent,color-mix(in srgb,var(--surface) 92%,transparent) 75%)}
.w2 #produkte .prod .devices{aspect-ratio:10/9!important}
.w2 #produkte :is(#ticketing,#discovery) .devices .phone-img{width:60%!important;top:4%!important}
@media (max-width:759px){.w2 #produkte :is(#ticketing,#discovery) .devices .phone-img{width:66%!important}
  .w2 #produkte .rail.two>.prod>.free-pill{bottom:14px;font-size:12.5px!important;max-width:calc(100% - 32px)}}
/* ===== 165: Updates-Hinweis dezent + Über uns kompakt ===== */
.w2 #start-updates .upd-strip{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 12px;border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--text);text-decoration:none;max-width:640px;margin:0 auto;transition:background .2s}
.w2 #start-updates .upd-strip:hover{background:var(--surface-2)}
.w2 #start-updates .us-tx{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.w2 #start-updates .us-tx b{font-size:15px;font-weight:700}
.w2 #start-updates .us-tx span{font-size:13px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w2 #start-updates .upd-strip>.i{flex:none;color:var(--text-3)}
.w2 #start-ueberuns .ab2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px 48px;align-items:end;padding:28px;border-radius:24px;background:var(--surface)}
.w2 #start-ueberuns .ab2 h2{margin:6px 0 0}
.w2 #start-ueberuns .ab2-p{margin:12px 0 0;font-size:16px;line-height:1.5;color:var(--text-3);max-width:58ch}
.w2 #start-ueberuns .ab2-p strong{color:var(--text)}
.w2 #start-ueberuns .ab2-f{display:flex;flex-direction:column;align-items:flex-start;gap:14px;justify-self:end}
.w2 #start-ueberuns .team-mini{display:flex;align-items:center;gap:12px}
.w2 #start-ueberuns .team-mini .team-av span{width:38px;height:38px;font-size:16px;box-shadow:0 0 0 3px var(--surface)}
.w2 #start-ueberuns .team-mini .team-av span+span{margin-left:-10px}
.w2 #start-ueberuns .tm-tx{display:flex;flex-direction:column;font-size:13px;color:var(--text-3)}
.w2 #start-ueberuns .tm-tx b{font-size:14px;color:var(--text)}
@media (max-width:759px){.w2 #start-ueberuns .ab2{grid-template-columns:1fr;padding:20px}.w2 #start-ueberuns .ab2-f{justify-self:start}}
/* ===== 166: Produktkarten – ohne Fade, Hinweis + Button unter dem Handy ===== */
.w2 #produkte .rail.two>.prod{padding-bottom:24px!important}
.w2 #produkte .rail.two>.prod>.devices::after{content:none!important;display:none!important}
.w2 #produkte .rail.two>.prod>.free-pill{position:static!important;transform:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;margin:2px 0 0!important;justify-self:start}
.w2 #produkte .rail.two>.prod>.ctas{margin-top:2px}
.w2 #produkte .prod .devices{aspect-ratio:10/10.5!important;margin:4px -24px 0!important;align-self:stretch;box-shadow:0 1px 0 var(--line-2)}
.w2 #produkte :is(#ticketing,#discovery) .devices .phone-img{top:3%!important}
@media (max-width:759px){.w2 #produkte .prod .devices{margin:4px -20px 0!important}.w2 #produkte .rail.two>.prod{padding-bottom:20px!important}}
/* ===== 167: Desktop wie Version 260 (Hinweis + Buttons unter dem Text, Handy ohne Fade bis zur Kante), mobil bleibt 166 ===== */
@media (min-width:760px){
.w2 #produkte .rail.two>.prod>.tagline{order:1}.w2 #produkte .rail.two>.prod>h3{order:2}.w2 #produkte .rail.two>.prod>p:not(.tagline):not(.free-pill){order:3}
.w2 #produkte .rail.two>.prod>.free-pill{order:4}.w2 #produkte .rail.two>.prod>.ctas{order:5;margin-top:6px}.w2 #produkte .rail.two>.prod>.devices{order:6}
.w2 #produkte .rail.two>.prod{padding-bottom:0!important}
.w2 #produkte .prod .devices{aspect-ratio:10/7.4!important;margin:6px -24px 0!important;box-shadow:none!important;align-self:end}
.w2 #produkte :is(#ticketing,#discovery) .devices .phone-img{top:6%!important;width:52%!important}
}
/* ===== 168: Mobil ebenfalls wie Version 260 ===== */
@media (max-width:759px){
.w2 #produkte .rail.two>.prod>.tagline{order:1}.w2 #produkte .rail.two>.prod>h3{order:2}.w2 #produkte .rail.two>.prod>p:not(.tagline):not(.free-pill){order:3}
.w2 #produkte .rail.two>.prod>.free-pill{order:4}.w2 #produkte .rail.two>.prod>.ctas{order:5;margin-top:6px}.w2 #produkte .rail.two>.prod>.devices{order:6}
.w2 #produkte .rail.two>.prod{padding-bottom:0!important}
.w2 #produkte .prod .devices{aspect-ratio:10/7.4!important;margin:4px -20px 0!important;box-shadow:none!important;align-self:end}
.w2 #produkte :is(#ticketing,#discovery) .devices .phone-img{top:6%!important;width:60%!important}
}
/* ===== 169: Updates-Karte im Stil der CTA-Karte (dunkel), Hinweis mobil umbrechen ===== */
.w2 #start-updates .upd-strip{display:flex;align-items:center;gap:20px;max-width:none;margin:0;padding:28px 28px 28px 32px;border-radius:24px;background:var(--surface);box-shadow:none;color:var(--text);text-decoration:none;transition:background .2s}
.w2 #start-updates .upd-strip:hover{background:var(--surface-2)}
.w2 #start-updates .us-tx{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;flex:1}
.w2 #start-updates .us-tx .upc-t{margin-bottom:10px;background:var(--surface-3);color:var(--text)}
.w2 #start-updates .us-tx b{font-size:clamp(20px,2.4vw,28px);font-weight:800;letter-spacing:-.035em;line-height:1.15}
.w2 #start-updates .us-tx small{display:block;font-size:15px;font-weight:600;color:var(--text-3);margin-top:4px}
.w2 #start-updates .go{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:20px;flex:none;background:var(--surface-3);color:var(--text);transition:transform .2s}
.w2 #start-updates .go .i{stroke-width:2.6}
.w2 #start-updates .upd-strip:hover .go{transform:translateX(4px)}
@media (max-width:759px){.w2 #start-updates .upd-strip{padding:22px 20px 22px 22px;gap:14px}.w2 #start-updates .go{width:48px;height:48px}
  .w2 #produkte .rail.two>.prod>.free-pill{white-space:normal!important;max-width:none}}
/* ===== 170: Produktkarten mobil – Hinweis einzeilig, Buttons schmaler, Handy länger ===== */
@media (max-width:759px){
.w2 #produkte .rail.two>.prod>.free-pill{white-space:nowrap!important;font-size:clamp(10px,2.75vw,12px)!important;letter-spacing:-.01em;padding:5px 9px 5px 5px!important;gap:6px!important;min-width:0;max-width:100%;overflow:hidden}
.w2 #produkte .rail.two>.prod>.ctas{flex-wrap:nowrap!important}
.w2 #produkte .rail.two>.prod>.free-pill .i{width:10px;height:10px;padding:2.5px}
.w2 #produkte .rail.two>.prod>.ctas{gap:8px}
.w2 #produkte .rail.two>.prod>.ctas .btn{height:36px!important;min-height:0!important;padding:0 14px!important;font-size:13.5px!important}
.w2 #produkte .prod .devices{aspect-ratio:10/9.4!important}
.w2 #produkte :is(#ticketing,#discovery) .devices .phone-img{top:5%!important;width:64%!important}
}
/* ===== 171: Feinschliff mobil – Hinweis passt in eine Zeile ===== */
@media (max-width:759px){
.w2 #produkte .rail.two>.prod{padding-left:18px!important;padding-right:18px!important}
.w2 #produkte .prod .devices{margin:4px -18px 0!important}
.w2 #produkte .rail.two>.prod>.free-pill{font-size:clamp(9.5px,calc((100vw - 120px)/28.4),12px)!important;padding:4px 8px 4px 4px!important;gap:5px!important;text-overflow:ellipsis}
.w2 #produkte .rail.two>.prod>.ctas{flex-wrap:wrap!important;gap:6px;min-width:0}
.w2 #produkte .rail.two>.prod>.ctas .btn{height:34px!important;padding:0 12px!important;font-size:13px!important}
.w2 #produkte .rail.two>.prod>*{min-width:0}
}
/* ===== 172: Preiskarten (Preise-Seite, Discovery) im Stil der Ticketverkauf-Preiskarte ===== */
.w2 .pz{display:flex!important;flex-direction:column;gap:16px!important;padding:20px!important;border-radius:24px!important;background:var(--surface)!important;color:var(--text)}
.w2 .pz .plan-h{margin:0 0 2px}
.w2 .pz h2{color:var(--text)!important;font-size:clamp(28px,3vw,36px)!important;line-height:1.15;margin-top:4px}
.w2 .pz .tvp-l{font-size:16px;font-weight:500;color:var(--text-2)!important;margin-top:10px;max-width:44ch}
.w2 .pz .tvp-free{margin-top:14px!important}
.w2 .pz .feebox-r{padding:20px 22px;gap:2px;border-radius:16px;background:var(--surface-2)!important;color:var(--text)}
.w2 .pz .feebox-r .lbl{font-size:13px;color:var(--text-2)}
.w2 .pz .feebox-r .lbl .bw{color:var(--text)}
.w2 .pz .feebox-r .fee{margin:4px 0 2px;gap:10px}
.w2 .pz .fee-n{font-size:104px;color:var(--text)}
.w2 .pz .feebox-r .nur{font-size:18px;color:var(--text-2);padding-bottom:0}
.w2 .pz .fee-t b{font-size:20px;color:var(--text)}
.w2 .pz .feebox-r .row{margin-top:8px;padding-top:10px;flex-wrap:nowrap;border-top:1px solid var(--line-2)}
.w2 .pz .feebox-r .row span{font-size:13px;white-space:nowrap;color:var(--text-2)}
.w2 .pz .feebox-r .btn{height:36px;padding:0 12px;font-size:13px;border-radius:10px;background:var(--inv)!important;color:var(--inv-fg)!important;margin:0!important}
.w2 .pz .fine{margin:0;font-size:13px;line-height:1.5;color:var(--text-3)}
.w2 .dc-pr.pz{justify-content:space-between}
.w2 .dc-pr.pz .kick{color:var(--text-3)}
@media (max-width:759px){.w2 .pz .fee-n{font-size:84px}.w2 .pz .feebox-r{padding:16px 18px}.w2 .pz .feebox-r .row span{white-space:normal}}
/* ===== 173: Produktkarten mobil – Badge neben Wortmarke, Karte kürzer (Pfeile sichtbar) ===== */
@media (max-width:759px){
.w2 #produkte .rail.two>.prod>.tagline{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;padding-right:84px;min-width:0}
.w2 #produkte .rail.two>.prod>.tagline .free,.w2 #produkte .rail.two>.prod>.tagline .tagn{margin:0!important;flex:none;white-space:nowrap}
.w2 #produkte .prod .devices{aspect-ratio:10/7.6!important}
}
@media (max-width:759px){
.w2 #produkte .rail.two>.prod>.pr-more{height:32px!important;min-height:0!important;padding:0 8px 0 11px!important;font-size:13px!important;gap:2px!important;top:18px!important;right:16px!important}
.w2 #produkte .rail.two>.prod>.tagline{padding-right:76px!important;gap:6px!important;font-size:clamp(13.5px,3.95vw,18px)!important}
.w2 #produkte .rail.two>.prod>.tagline .free{font-size:10.5px!important;padding:3px 6px!important;letter-spacing:-.01em}
}
/* ===== 174: Hero-Unterzeile mobil kleiner und ausgewogen ===== */
@media (max-width:759px){
.w2 .hero .lead{font-size:min(18px,calc((100vw - 46px)/24))!important;line-height:1.4!important;white-space:nowrap;max-width:none!important;margin-left:auto;margin-right:auto}
.w2 .hero .lead-fn{font-size:10.5px!important;margin-top:8px!important;text-wrap:balance}
}
/* ===== 175: Mobil – erster Bildschirm nur Hero + Vertrauen, darunter höchstens der Titel „Unsere Produkte“ ===== */
@media (max-width:759px){
.w2 main[data-page="start"] .hero{min-height:calc(100svh - 285px);display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
}
@media (max-width:759px){html[lang="fr"] .w2 .hero .lead{font-size:min(18px,calc((100vw - 46px)/30))!important}html[lang="lb"] .w2 .hero .lead{font-size:min(18px,calc((100vw - 46px)/28.6))!important}}
/* ===== 176: discovery-Karte mobil – beide Buttons gleich breit, zentriert zur Karte ===== */
/* passen sie nicht nebeneinander, steht jeder Button auf einer eigenen Zeile (sonst lag „Op d’Plattform“ über dem ersten Button) */
@media (max-width:759px){
.w2 #produkte #discovery>.ctas{display:flex!important;flex-wrap:wrap!important;gap:8px}
.w2 #produkte #discovery>.ctas .btn{flex:1 1 0!important;white-space:normal;height:auto!important;min-height:44px!important;padding-top:8px!important;padding-bottom:8px!important;line-height:1.25;text-align:center;font-size:clamp(11.5px,3.4vw,13px)!important}
}
/* ===== 177: „Sie vertrauen paytix“ in Weiß ===== */
.w2 .trust #trust-h,.w2 .trust #trust-h .bw{color:var(--text)!important}
/* ===== 178: Startseite Preise – ticketing statt „Was kostet paytix?“ ===== */
.w2 #start-preise .pw3-wm{font-size:clamp(19px,2vw,22px)!important;font-weight:400;color:var(--text)!important;letter-spacing:0}
.w2 #start-preise .pw3-wm .bw{color:var(--text)!important}.w2 #start-preise :is(.pw3-wm,.pw3-dc) .bwp{color:color-mix(in srgb,var(--text) 62%,transparent)!important}
/* ===== 179: Häkchen immer auf Höhe der ersten Zeile ===== */
.w2 .checks li{align-items:flex-start!important}
.w2 .checks li>.i,.w2 .free-pill>.i,.w2 .pw3-free>.i,.w2 .tvp-free>.i{align-self:flex-start!important;margin-top:calc((1lh - var(--ib,18px))/2)!important;transform:none!important;position:relative;top:1px!important}
.w2 .free-pill.lg>.i{--ib:21px}.w2 .free-pill:not(.lg):not(.tvp-free)>.i{--ib:15px}
/* ===== 181: Hinweise füllen die Zeile bis zum Ende ===== */
.w2 :is(.pw3-free,.free-pill,.checks li,.hchip),.w2 :is(.pw3-free,.free-pill,.checks li,.hchip) *{text-wrap:wrap!important}
/* ===== 180: Warum paytix – Foto über dem Titel statt Untertitel ===== */
.w2 .wy-hero .wy-ph{margin:0 auto clamp(20px,3vw,32px);width:100%;max-width:760px;display:flex;flex-direction:column;align-items:center;gap:8px}
.w2 .wy-hero .wy-ph img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:24px}
.w2 .wy-hero .wy-ph figcaption{font-size:12px;font-weight:600;color:var(--text-3)}
/* ===== 182: Warum paytix – Foto-Karussell ===== */
.w2 .wy-hero .wy-car{position:relative;display:grid;width:100%;aspect-ratio:16/10;border-radius:24px;overflow:hidden;background:var(--surface)}
.w2 .wy-hero .wy-car img{grid-area:1/1;width:100%;height:100%;object-fit:cover;border-radius:0!important;aspect-ratio:auto!important;opacity:0;transition:opacity .9s ease}
.w2 .wy-hero .wy-car img.on{opacity:1;object-position:50% 100%}
.w2 .wy-hero .wy-ph figcaption{display:flex;flex-direction:column;align-items:center;gap:8px}
.w2 .wy-dots{display:flex;gap:6px}
.w2 .wy-dots button{width:6px;height:6px;padding:0;border:0;border-radius:999px;background:var(--line-2);cursor:pointer;transition:width .3s,background .3s}
.w2 .wy-dots button.on{width:18px;background:var(--text-2)}
.w2 .hero .lead-fn{font-size:11px}
/* ===== 183: Warum-Foto – unten verankert (Menschen sichtbar) ===== */
.w2 .wy-hero .wy-car{display:block!important}
.w2 .wy-hero .wy-car img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:50% 100%!important}
/* ===== 184: Warum 01 – Ticketshop in discovery integriert, Event ohne Rand ===== */
.w2 .wy-p2 .wy-evc{box-shadow:none!important;background:var(--surface-3)}
.w2 .wy-p2-ln.one{width:20px;height:34px}
.w2 .wy-p2-dc{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 14px 16px;border-radius:20px;background:linear-gradient(180deg,var(--dc-d) 0%,transparent 75%),var(--surface-2)}
.w2 .wy-p2-dh{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}
.w2 .wy-p2-dh b{font-size:15px;font-weight:700;white-space:nowrap}.w2 .wy-p2-dh b .bw{font-size:15px}
.w2 .wy-p2-dh small{font-size:12.5px;font-weight:500;color:var(--text-2)}
.w2 .wy-p2-fl{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:6px;width:100%}
.w2 .wy-p2-st{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.w2 .wy-p2-st .wy-p2-ph{height:110px;margin-bottom:0}
.w2 .wy-p2-st small{font-size:12px;font-weight:700;color:var(--text)}
.w2 .wy-p2-ar{width:22px;height:22px;fill:none;stroke:var(--text-3);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;margin-top:-20px}
.w2 .wy-p2-int{display:inline-flex;align-items:center;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:8px;background:color-mix(in srgb,var(--tv) 22%,var(--surface-2));color:color-mix(in srgb,var(--tv) 50%,var(--text))}
.w2 .wy-p2-int .bw{font-size:11.5px;margin-right:.25em}
.w2 .wy-p2-st .wy-p2-ph{display:flex;align-items:flex-start;justify-content:center;height:112px}
.w2 .wy-p2-st .wy-p2-ph img{width:78%!important;max-width:128px!important;height:auto;align-self:flex-start;margin:0}
.w2 .wy-p2-st small{white-space:nowrap;font-size:11.5px}
.w2 .wy-p2-st .wy-p2-ph{height:clamp(84px,27vw,112px)!important}
@media (max-width:389px){.w2 .wy-p2-st small{white-space:normal;text-wrap:balance}}
.w2 .wy-p2-fl{max-width:420px}
/* ===== 185: Warum paytix – „Gratis Konto erstellen“ nach jedem Feature ===== */
.w2 .wy-reg{margin-top:18px!important}
.w2 .wy-reg .btn{min-height:0}
/* ===== 186: Warum 01 – kompakter, klarer Pfeil mit Text ===== */
.w2 .wy-p2{padding:16px 16px 16px!important}
.w2 .wy-p2-k{margin-bottom:8px!important}
.w2 .wy-p2-pub{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;width:100%;margin:6px 0}
.w2 .wy-p2-pub svg{grid-column:2;width:16px;height:40px;fill:none;stroke:var(--dc);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.w2 .wy-p2-pub span{grid-column:3;justify-self:start;font-size:12px;font-weight:700;color:var(--text-2);white-space:nowrap}
.w2 .wy-p2-int .bw{margin:0!important}
/* ===== 187: Warum 05 – Konto-Karte mit Ablauf ===== */
.w2 .wy-ctrl2{display:flex!important;flex-direction:column;gap:12px;padding:16px!important}
.w2 .cx-acc{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:18px;background:var(--surface)}
.w2 .cx-h{display:flex;align-items:center;gap:12px}
.w2 .cx-h .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--surface-3);flex:none}
.w2 .cx-h .ic .i{width:18px;height:18px}
.w2 .cx-h b{display:block;font-size:14.5px;font-weight:800}
.w2 .cx-h small{display:block;font-size:12px;color:var(--text-2);margin-top:1px}
.w2 .cx-bal{display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:1px solid var(--line)}
.w2 .cx-bal small{font-size:12px;font-weight:600;color:var(--text-3)}
.w2 .cx-bal b{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.w2 .cx-tl{list-style:none;margin:0;padding:4px 16px;display:flex;flex-direction:column}
.w2 .cx-tl li{position:relative;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:12px;padding:10px 0}
.w2 .cx-tl li+li{border-top:1px solid var(--line)}
.w2 .cx-tl .ck{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--el);color:var(--inv-fg)}
.w2 .cx-tl .ck .i{width:12px;height:12px;stroke-width:3.4}
.w2 .cx-tl b{font-size:14px;font-weight:700}
.w2 .cx-tl small{font-size:12.5px;font-weight:500;color:var(--text-2);text-align:right}
.w2 .cx-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.w2 .cx-tags span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;padding:6px 11px 6px 8px;border-radius:12px;background:var(--surface)}
.w2 .cx-tags .i{width:14px;height:14px;color:var(--el);stroke-width:3}
/* ===== 188: Warum 04 – Ticket-Fächer: äußere Tickets tiefer, Ränder dürfen abgeschnitten sein ===== */
.w2 .wy-style{overflow:hidden}
.w2 .wy-style .wy-url{position:relative;z-index:5}
.w2 .wy-tks:has(.wy-tk.real){height:300px!important;max-width:none!important;margin-bottom:6px}
.w2 .wy-v.in .wy-tk:nth-child(1){transform:translate(-88px,34px) rotate(-14deg)!important;z-index:1}
.w2 .wy-v.in .wy-tk:nth-child(2){transform:translate(-30px,6px) rotate(-5deg)!important;z-index:2}
.w2 .wy-v.in .wy-tk:nth-child(3){transform:translate(88px,34px) rotate(14deg)!important;z-index:1}
.w2 .wy-v.in .wy-tk:nth-child(4){transform:translate(30px,6px) rotate(5deg)!important;z-index:3}
.w2 .wy-p2-int{display:inline-block!important;line-height:1.35}
/* ===== 189: Große Prozentzahl in Inter mit Fuß-Eins, Stripe-Hinweis ===== */
.w2 .wy-fn,.w2 .fee-n,.w2 .pw3-big>b{font-family:Inter,var(--font)!important;font-feature-settings:"tnum" 1!important;font-variant-numeric:tabular-nums}
.w2 .wy-ft .wy-st{display:block;margin-top:2px;font-size:11.5px;color:var(--text-3)}
.w2 .wy-p2 .wy-p2-k{margin-bottom:4px!important;margin-top:-2px}
/* ===== 190: Stripe-Gebühr als eigene Zeile im Preisblock ===== */
.w2 .wy-fee{flex-wrap:wrap!important}
.w2 .wy-fs{flex-basis:100%;display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-2)}
.w2 .wy-fs span{font-size:13px;font-weight:600;color:var(--text-2);white-space:nowrap}
.w2 .wy-fs b{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap}
/* ===== 191: Warum 02 Desktop – Preis-Visual füllt die Kartenhöhe ===== */
@media (min-width:900px){
.w2 #warum-preis .split{align-items:stretch!important}
.w2 #warum-preis .wy-price{align-self:stretch!important;display:flex!important;flex-direction:column;gap:12px;height:auto!important}
.w2 #warum-preis .wy-price>.wy-fee,.w2 #warum-preis .wy-price>.wy-cmp{flex:1 1 0;display:flex;flex-direction:column;justify-content:center}
.w2 #warum-preis .wy-price>.wy-fee{flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;justify-content:flex-start!important}
.w2 #warum-preis .wy-fn{font-size:96px!important}
.w2 #warum-preis .wy-ft b{font-size:22px}
.w2 #warum-preis .wy-cmp{gap:14px}
.w2 #warum-preis .wy-cmp .wy-bar{padding:4px 0}
}
/* ===== 192: Warum Desktop – jedes Visual füllt die Kartenhöhe ===== */
@media (min-width:900px){
.w2 main[data-page="warum"] .wy-sp{align-items:stretch!important}
.w2 main[data-page="warum"] .wy-sp>.wy-v{align-self:stretch!important;height:auto!important;display:flex!important;flex-direction:column;justify-content:center;box-sizing:border-box}
/* 03 */
.w2 #warum-einfach .wy-easy{justify-content:space-between;gap:12px}
.w2 #warum-einfach .wy-steps{flex:1;display:flex!important;flex-direction:column;gap:10px;margin:0}
.w2 #warum-einfach .wy-steps li{flex:1;display:flex;align-items:center;min-height:52px}
/* 01 */
.w2 #warum-plattform .wy-p2{justify-content:space-between}
.w2 #warum-plattform .wy-p2-dc{flex:1;justify-content:center}
/* 04 */
.w2 #warum-stil .wy-style{justify-content:center;gap:14px}
.w2 #warum-stil .wy-tks{flex:1;min-height:300px}
/* 05 */
.w2 #warum-kontrolle .wy-ctrl2{justify-content:space-between}
.w2 #warum-kontrolle .cx-acc{flex:1;justify-content:center}
.w2 #warum-kontrolle .cx-tl{flex:1;justify-content:space-around}
/* 06 */
.w2 #warum-kontakt .wy-chat{justify-content:center;gap:16px}
}
/* ===== 193: Desktop – „Sie vertrauen paytix“ im ersten Bildschirm ===== */
@media (min-width:900px){
.w2 main[data-page="start"] .hero{padding-top:clamp(28px,4.5vh,56px)!important}
.w2 main[data-page="start"] .hero .tix{margin-top:clamp(20px,3vh,36px)!important}
.w2 main[data-page="start"] .hero .ctas{margin-top:clamp(20px,3vh,32px)!important}
.w2 main[data-page="start"] .trust{margin-top:calc(clamp(20px,3.5vh,40px) - var(--sgap,64px))!important}
.w2 main[data-page="start"] .trust .logos{padding-top:16px!important;padding-bottom:16px!important}
}
@media (min-width:900px) and (max-height:840px){
.w2 main[data-page="start"] .hero h1{font-size:min(clamp(48px,7vw,96px),10vh)!important}
.w2 main[data-page="start"] .hero .tix{zoom:.86}
}
@media (min-width:900px) and (max-height:740px){.w2 main[data-page="start"] .hero .tix{zoom:.74}}
/* ===== 194: Warum 02 – Preisblock aufgeräumt ===== */
.w2 #warum-preis .wy-fee2{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:0!important;padding:20px 22px!important}
.w2 .wy-fee2>*{width:100%;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
.w2 .wy-fee2 .wf-lbl{font-size:13px;font-weight:700;color:var(--text-2)}
.w2 .wy-fee2 .wf-lbl .bw{color:var(--text)}
.w2 .wy-fee2 .wf-main{display:flex;align-items:baseline;gap:10px;margin:6px 0 14px}
.w2 .wy-fee2 .nur{font-size:18px!important;font-weight:800;color:var(--text-2);padding:0!important}
.w2 .wy-fee2 .wy-fn{line-height:.9!important}
.w2 .wy-fee2 .wf-pt{font-size:20px;font-weight:800}
.w2 .wy-fee2 .wf-rows{display:flex;flex-direction:column;border-top:1px solid var(--line-2)}
.w2 .wy-fee2 .wf-rows>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0}
.w2 .wy-fee2 .wf-rows>div+div{border-top:1px solid var(--line)}
.w2 .wy-fee2 .wf-rows span{font-size:13px;font-weight:600;color:var(--text-2)}
.w2 .wy-fee2 .wf-rows b{font-size:13.5px;font-weight:700;white-space:nowrap}
@media (min-width:900px){.w2 #warum-preis .wy-fee2 .wy-fn{font-size:104px!important}.w2 #warum-preis .wy-fee2 .wf-pt{font-size:24px}}
@media (min-width:900px) and (max-height:840px){.w2 main[data-page="start"] .hero .tix{zoom:.8}}
@media (min-width:900px) and (max-height:740px){.w2 main[data-page="start"] .hero .tix{zoom:.64}}
/* ===== 195: 02 – neuer Preisblock nur Desktop, mobil wie vorher ===== */
@media (max-width:899px){.w2 #warum-preis .wy-fee2{display:none!important}}
@media (min-width:900px){.w2 #warum-preis .wf-mob{display:none!important}}
/* ===== 197: Warum 04 – drei Tickets: weiß < lila < schwarz ===== */
.w2 .wy-tks .wy-tk:nth-child(1){display:none!important}
.w2 .wy-v.in .wy-tk:nth-child(2){transform:translate(-78px,26px) rotate(-11deg)!important;z-index:1!important}
.w2 .wy-v.in .wy-tk:nth-child(4){transform:translate(0,0) rotate(0deg)!important;z-index:2!important}
.w2 .wy-v.in .wy-tk:nth-child(3){transform:translate(78px,26px) rotate(11deg)!important;z-index:3!important}
/* ===== 198: Preisblöcke kombiniert – Stripe-Zeilen + grüner Hinweis ===== */
.w2 .pz .wf-rows{display:flex;flex-direction:column;margin-top:10px;border-top:1px solid var(--line-2)}
.w2 .pz .wf-rows>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0}
.w2 .pz .wf-rows>div+div{border-top:1px solid var(--line)}
.w2 .pz .wf-rows span{font-size:13px;font-weight:600;color:var(--text-2)}
.w2 .pz .wf-rows b{font-size:13.5px;font-weight:700;white-space:nowrap}
.w2 .pz .pz-act{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--line)}
.w2 .wy-fee2 .wf-free{margin:14px 0 0!important;width:fit-content!important;align-self:flex-start}
/* ===== 199: Preise-Seite – Kostenrechner wie auf der Startseite ===== */
.w2 #preise-sim>.calc,.w2 #preise-sim>.lh,.w2 #preise-sim>.vg-cols,.w2 #preise-sim>.vg-fine{display:none!important}
/* ===== 200: Kostenrechner ohne Vergleich ===== */
.w2 .k2-res .k2-row:not(.us),.w2 .k2-res .k2-sv,.w2 .k2-res .k2-note,.w2 #k2Badge,.w2 #k2bBadge{display:none!important}
/* ===== 201: Preise-Hero – Untertitel grün unterlegt ===== */
.w2 main[data-page="preise"] .pr-lead span{display:inline-block;padding:8px 18px;border-radius:14px;background:color-mix(in srgb,var(--el) 18%,var(--surface-2));color:var(--text);font-weight:700}
/* ===== 202: Kostenrechner – nur Ticketpreis, grün ===== */
.w2 .k2-fld:has(#k2Qty),.w2 .k2-fld:has(#k2bQty){display:none!important}
.w2 .k2-flds{grid-template-columns:minmax(0,1fr)!important}
.w2 .k2-res .k2-row.us{background:var(--el)!important;color:#05150e!important}
.w2 .k2-res .k2-row.us .bw,.w2 .k2-res .k2-row.us .k2-big{color:#05150e!important}
.w2 .k2-res .k2-row.us small{color:rgba(5,21,14,.7)!important}
.w2 .k2-res .k2-row.us .k2-nl{white-space:nowrap;font-weight:700;font-size:17px;letter-spacing:-.01em}
.w2 .k2-res .k2-row.us .k2-nl .bw{font-size:1em!important;font-weight:700}
.w2 .k2-free{margin:0 0 14px!important}
/* ===== 203: Kostenrechner kompakt ===== */
.w2 .k2{grid-template-columns:minmax(220px,300px) minmax(0,1fr)!important;align-items:stretch}
.w2 .k2 .k2-ev{padding:20px!important;display:flex!important;flex-direction:column;justify-content:center;min-height:0!important}
.w2 .k2 .k2-flds{gap:0!important}
.w2 .k2 .k2-res{padding:20px!important;gap:14px!important;display:flex!important;flex-direction:column;justify-content:center}
.w2 .k2 .k2-rh{display:none!important}
.w2 .k2 .k2-rows{margin:0!important}
.w2 .k2 .k2-row.us{padding:16px 20px!important;min-height:0!important}
.w2 .k2 .k2-row.us .k2-big{font-size:clamp(30px,3.2vw,40px)!important;line-height:1}
.w2 .k2 .k2-ft{margin:0!important;padding-top:12px!important}
@media (max-width:759px){.w2 .k2{grid-template-columns:minmax(0,1fr)!important}.w2 .k2 .k2-ev,.w2 .k2 .k2-res{padding:16px!important}}
/* ===== 204: Kostenrechner – eine Karte, Eingabe und Ergebnis in einer Zeile ===== */
.w2 .k2{display:grid!important;grid-template-columns:minmax(200px,280px) minmax(0,1fr)!important;gap:16px 20px!important;align-items:center!important;padding:20px!important;border-radius:24px!important;background:var(--surface)!important;overflow:visible}
.w2 .k2>.k2-ev{grid-column:1;grid-row:1;padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
.w2 .k2>.k2-res{display:contents!important}
.w2 .k2 .k2-rows{grid-column:2;grid-row:1}
.w2 .k2 .k2-ft{grid-column:1/-1;grid-row:2;padding-top:0!important;border-top:0!important}
.w2 .k2 .k2-ft .k2-perks{margin:0!important;padding-top:14px!important}
.w2 .k2 .k2-fld small{display:none}
@media (max-width:759px){.w2 .k2{grid-template-columns:minmax(0,1fr)!important;padding:16px!important;gap:12px!important}.w2 .k2 .k2-rows{grid-column:1;grid-row:2}.w2 .k2 .k2-ft{grid-row:3}}
/* ===== 205: Warum 03 – Basic Mode wieder sichtbar ===== */
.w2 #warum-einfach .split{flex-wrap:wrap}
.w2 #warum-einfach .wyb{flex-basis:100%;width:100%}
/* ===== 206: Warum 03 – Automatisierung ===== */
.w2 #warum-einfach .wya{flex-basis:100%;width:100%;grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(24px,4vw,56px);align-items:center;padding-top:clamp(24px,4vw,40px);border-top:1px solid var(--line)}
@media (max-width:899px){.w2 #warum-einfach .wya{grid-template-columns:minmax(0,1fr)}}
.w2 .wya .wyb-k{color:var(--tv)}
.w2 .wya-v{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:20px;background:var(--surface-2)}
.w2 .wya-r{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:14px 16px;border-radius:14px;background:var(--surface)}
.w2 .wya-h b{display:block;font-size:14px;font-weight:800}.w2 .wya-h small{display:block;font-size:12px;color:var(--text-3);margin-top:1px}
.w2 .wya-seg{display:inline-flex;padding:3px;border-radius:10px;background:var(--surface-3)}
.w2 .wya-seg span{font-size:12px;font-weight:700;padding:6px 10px;border-radius:8px;color:var(--text-2);white-space:nowrap}
.w2 .wya-seg span.on{background:var(--inv);color:var(--inv-fg)}
.w2 .wya-auto{flex-basis:100%;display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;font-weight:600;color:var(--text-2)}
.w2 .wya-auto b{display:inline-grid;place-items:center;min-width:30px;height:26px;padding:0 6px;border-radius:8px;background:var(--surface-3);color:var(--text);font-size:13px;font-weight:800;margin-left:auto}
.w2 .wya-tg{position:relative;width:32px;height:19px;border-radius:999px;background:var(--surface-3);flex:none}
.w2 .wya-tg::after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff}
.w2 .wya-tg.on{background:var(--el)}.w2 .wya-tg.on::after{transform:translateX(13px)}
/* ===== 207: Individualisierung – Basic Mode + Automatisierung statt Domain/Profil ===== */
.w2 #in-basic .mock,.w2 #in-auto .mock{display:flex;flex-direction:column;justify-content:flex-end;margin-top:auto;padding-top:16px}
.w2 #in-auto .wya-v{width:100%;box-sizing:border-box}
.w2 #in-auto .mock{flex:1;justify-content:center!important}
.w2 #in-auto .wya-r{padding:18px 20px}
.w2 #in-basic .wyb-c{width:100%}
/* ===== 208: Automatisierung – Sponsoren-Ansicht wie im Dashboard ===== */
.w2 .spv{gap:10px!important}
.w2 .spv-scope{display:inline-flex;align-self:flex-start;padding:3px;border-radius:999px;background:var(--surface)}
.w2 .spv-scope span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;color:var(--text-2);white-space:nowrap}
.w2 .spv-scope .i{width:13px;height:13px}
.w2 .spv-scope span.on{background:var(--surface-3);color:var(--text)}
.w2 .spv-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:12px;border-radius:16px;background:var(--surface)}
.w2 .spv-logo{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:10px;border-radius:12px;background:var(--surface-2)}
.w2 .spv-logo i{position:absolute;top:-6px;left:-6px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;background:var(--tv);color:#fff}
.w2 .spv-logo img{width:100%;height:46px;object-fit:contain;margin-top:8px}
.w2 .spv-logo span{font-size:11.5px;font-weight:600;color:var(--text-2)}
.w2 .spv-main{display:flex;flex-direction:column;gap:6px;min-width:0}
.w2 .spv-h{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:2px}
.w2 .spv-h b{display:block;font-size:13.5px;font-weight:800}
.w2 .spv-h small{display:block;font-size:11.5px;color:var(--text-2);margin-top:2px}
.w2 .spv-h small em{font-style:normal;color:var(--el);display:inline-flex;align-items:center;gap:3px;font-weight:700}
.w2 .spv-h small em .i{width:11px;height:11px}
.w2 .spv-give{flex:none;font-size:11.5px;font-weight:700;padding:7px 10px;border-radius:9px;background:#7569fe;color:#fff;white-space:nowrap}
.w2 .spv-logo i{background:#7569fe!important}
.w2 .spv-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:var(--surface-2)}
.w2 .spv-row b{display:block;font-size:12px;font-weight:800}
.w2 .spv-row small{display:block;font-size:10.5px;color:var(--text-3);margin-top:1px}
.w2 .spv-row em{font-style:normal;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--surface-3);color:var(--text)}
.w2 .spv-wa{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:12px 14px;border-radius:14px;background:var(--surface)}
.w2 .spv-wa b{display:block;font-size:13px;font-weight:800}.w2 .spv-wa small{display:block;font-size:11.5px;color:var(--text-3)}
@media (max-width:520px){.w2 .spv-card{grid-template-columns:minmax(0,1fr)}.w2 .spv-logo{flex-direction:row;align-items:center}.w2 .spv-logo img{width:90px;height:34px;margin:0}.w2 .spv-h{flex-direction:column}}
.w2 .spv-ph{display:grid;place-items:center;height:46px;margin-top:8px;border-radius:8px;border:1.5px dashed var(--line-2);font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--text-3)}
@media (max-width:520px){.w2 .spv-ph{width:90px;height:34px;margin:0}}
/* ===== 209: Finanzen-Hero – eigene Einnahmen-Karte ===== */
.w2 .fhf{display:flex!important;align-items:center;justify-content:center;background:transparent!important;padding:24px 0!important;overflow:visible!important}
.w2 .fhf-c{width:100%;max-width:400px;padding:22px;border-radius:22px;background:var(--surface);box-shadow:0 24px 48px -24px rgba(0,0,0,.6)}
.w2 .fhf-top{display:flex;align-items:center;justify-content:space-between}
.w2 .fhf-top span{font-size:12.5px;font-weight:700;color:var(--text-2)}
.w2 .fhf-top em{font-style:normal;font-size:11.5px;font-weight:800;padding:3px 8px;border-radius:8px;background:color-mix(in srgb,var(--el) 20%,var(--surface-2));color:var(--el)}
.w2 .fhf-big{display:block;font-size:clamp(30px,3.4vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-top:8px}
.w2 .fhf-c>small{display:block;font-size:12px;color:var(--text-3);margin-top:2px}
.w2 .fhf-bars{display:flex;align-items:flex-end;gap:5px;height:84px;margin:18px 0 14px}
.w2 .fhf-bars i{flex:1;height:var(--h);border-radius:5px;background:var(--surface-3)}
.w2 .fhf-bars i.on{background:var(--el)}
.w2 .fhf-rows>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.w2 .fhf-rows span{font-size:13px;font-weight:600;color:var(--text-2)}
.w2 .fhf-rows b{font-size:13.5px;font-weight:800}
/* ===== 210: Neuer Kostensimulator (Preise) + Ø-Ersparnis auf der Startseite ===== */
.w2 .ksim{--hc:var(--el);--red-ink:#ff8a80;background:var(--surface);border-radius:20px;padding:20px;margin-top:4px;display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:14px 20px}
.w2 .ksim .ks-left{grid-row:1/4;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:4px}
.w2 .ksim .ks-res{grid-column:2;grid-row:1;background:var(--hc);color:#04140d;border-radius:16px;padding:24px 26px;display:flex;flex-direction:column;gap:18px}
.w2 .ksim .ks-sum{grid-column:2;grid-row:2;background:var(--surface-2);border-radius:16px;padding:18px 22px;display:flex;flex-direction:column;gap:12px}
.w2 .ksim .ks-cmp{grid-column:2;grid-row:3;background:var(--surface-2);border-radius:16px;padding:4px 22px 10px;overflow-x:auto}
.w2 .ksim .ks-fl{display:block;font-size:11.5px;font-weight:700;margin-bottom:6px;color:var(--text)}
.w2 .ksim .ks-inpw{position:relative}
.w2 .ksim .ks-inp{width:100%;box-sizing:border-box;height:48px;background:var(--surface-2);border:1px solid transparent;border-radius:12px;padding:0 40px 0 14px;font:600 17px var(--font);color:var(--text);font-variant-numeric:tabular-nums;-moz-appearance:textfield}
.w2 .ksim .ks-inp:focus{outline:none;border-color:var(--line-2)}
.w2 .ksim .ks-inp:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.w2 .ksim .ks-inp::-webkit-outer-spin-button,.w2 .ksim .ks-inp::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.w2 .ksim .ks-eur{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-3);font-weight:600}
.w2 .ksim .ks-hint{font-size:10.5px;color:var(--text-3);margin:5px 0 0}
.w2 .ksim .ks-ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.w2 .ksim .ks-ticks li{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:700}
.w2 .ks-ck{box-sizing:content-box;flex:none;width:12px;height:12px;padding:3px;border-radius:50%;background:var(--el);stroke:var(--inv-fg);fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.w2 .ksim .ks-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.w2 .ksim .ks-lbl{font-size:17px;font-weight:700;padding-top:6px}
.w2 .ksim .ks-lbl .bw{font-size:1em;color:inherit}
.w2 .ksim .ks-amt{font-size:clamp(40px,5vw,54px);font-weight:800;letter-spacing:-.032em;line-height:1;text-align:right;font-variant-numeric:tabular-nums}
.w2 .ksim .ks-sub{font-size:12.5px;font-weight:500;color:rgba(4,20,13,.68);margin-top:8px;text-align:right}
.w2 .ks-vt{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.w2 .ks-vt caption{text-align:left;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-2);padding:14px 0 4px}
.w2 .ks-vt th{font-size:11.5px;font-weight:600;color:var(--text-3);text-align:right;padding:4px 0 6px 16px;white-space:nowrap}
.w2 .ks-vt th:first-child{text-align:left;padding-left:0}
.w2 .ks-vt th:last-child,.w2 .ks-vt td:last-child{padding-right:10px}
.w2 .ks-vt td{font-size:14px;padding:8px 0 8px 16px;text-align:right;white-space:nowrap;border-top:1px solid var(--line)}
.w2 .ks-vt td:first-child{text-align:left;padding-left:0;font-weight:600;white-space:normal}
.w2 .ks-vt td.g{color:var(--text-2);font-weight:500}
.w2 .ks-vt td.d,.w2 .ks-vt td.t{font-weight:800;color:var(--text)}
.w2 .ks-vt td.p{font-weight:600;color:var(--text-2)}
.w2 .ks-vt td.t{font-size:15px}
.w2 .ks-vt tr.lose td.d,.w2 .ks-vt tr.lose td.t,.w2 .ks-vt tr.lose td.p{color:var(--red-ink)}
.w2 .ks-vt tr.me td{background:color-mix(in srgb,var(--el) 18%,var(--surface-2));border-top-color:transparent;color:var(--text)}
.w2 .ks-vt tr.me+tr td{border-top-color:transparent}
.w2 .ks-vt tr.me td:first-child{border-radius:10px 0 0 10px;padding-left:10px}
.w2 .ks-vt tr.me td:last-child{border-radius:0 10px 10px 0;padding-right:10px}
.w2 .ks-vt tr.me td.g{color:var(--text);font-weight:800}
.w2 .ks-vt tr.me td.d,.w2 .ks-vt tr.me td.p,.w2 .ks-vt tr.me td.t{color:var(--el);font-weight:600;font-size:14px}
.w2 .ks-vt tr.me .bw{font-size:15px}
.w2 .ksim .ks-avg{display:flex;align-items:baseline;gap:6px 10px;flex-wrap:wrap}
.w2 .ksim .ks-avg>b{font-size:24px;font-weight:800;letter-spacing:-.025em}
.w2 .ksim .ks-avg>span{font-size:13px;font-weight:600;color:var(--text-2)}
.w2 .ksim .ks-total{flex-basis:100%;font-size:13px;font-weight:500;color:var(--text-2)}
.w2 .ksim .ks-total b{color:var(--text);font-weight:800}
.w2 .ksim .ks-room{background:var(--surface-3);border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.w2 .ksim .ks-room b{font-size:20px;font-weight:800;letter-spacing:-.02em}
.w2 .ksim .ks-room .k{font-size:11.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-2)}
.w2 .ksim .ks-meth{grid-column:1/-1;padding:2px 6px 0}
.w2 .ksim .ks-meth summary{list-style:none;cursor:pointer;font-size:12px;font-weight:500;color:var(--text-3);display:inline-flex;align-items:center;gap:6px}
.w2 .ksim .ks-meth summary::-webkit-details-marker{display:none}
.w2 .ksim .ks-meth summary:hover{color:var(--text-2)}
.w2 .ksim .ks-meth summary svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.w2 .ksim .ks-meth[open] summary svg{transform:rotate(180deg)}
.w2 .ksim .ks-meth p,.w2 .ksim .ks-meth li{font-size:11.5px;color:var(--text-2);line-height:1.6}
.w2 .ksim .ks-meth p{margin-top:8px;max-width:110ch}
.w2 .ksim .ks-meth ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:3px}
.w2 .ksim .ks-meth li b{color:var(--text);font-weight:700}
.w2 .ksim .ks-meth li .st{color:var(--text-3)}
@media (max-width:900px){
.w2 .ksim{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
.w2 .ksim .ks-left{display:contents}.w2 .ksim .ks-in{order:1}.w2 .ksim .ks-res{order:2;grid-column:auto;grid-row:auto}
.w2 .ksim .ks-sum{order:3;grid-column:auto;grid-row:auto;padding:16px}.w2 .ksim .ks-cmp{order:3;grid-column:auto;grid-row:auto;padding:4px 16px 8px}
.w2 .ksim .ks-ticks{order:4}.w2 .ksim .ks-meth{order:5}
.w2 .ks-vt th:nth-child(5),.w2 .ks-vt td:nth-child(5){display:none}
.w2 .ks-vt th,.w2 .ks-vt td{padding-left:8px}.w2 .ks-vt tr.me td:first-child{padding-left:8px}.w2 .ks-vt th:last-child,.w2 .ks-vt td:last-child{padding-right:6px}
.w2 .ks-vt td{font-size:13.5px}.w2 .ks-vt th{font-size:10.5px;white-space:normal}
.w2 .ksim .ks-amt,.w2 .ksim .ks-sub{text-align:left}}
@media (max-width:600px){.w2 .ksim{padding:14px;gap:16px}.w2 .ksim .ks-res{padding:22px}.w2 .ksim .ks-cmp{padding:4px 12px 8px}.w2 .ks-vt th,.w2 .ks-vt td{padding-left:6px}.w2 .ks-vt td{font-size:12.5px}.w2 .ks-vt td.t{font-size:13px}}
/* Startseite: Ø-Ersparnis */
.w2 .k2 .k2-avg{display:flex;align-items:baseline;justify-content:space-between;gap:4px 12px;flex-wrap:wrap;margin-top:10px;padding:12px 16px;border-radius:14px;background:var(--surface-2)}
.w2 .k2 .k2-avg b{font-size:18px;font-weight:800;letter-spacing:-.02em}
.w2 .k2 .k2-avg span{font-size:12.5px;font-weight:600;color:var(--text-2)}
.w2 .k2 .k2-avg:empty{display:none}
/* ===== 211: Finanzen – Auszahlung-Karte volle Breite ===== */
.w2 .rail:has(>#fi-geld:only-child){display:block!important;overflow:visible!important}
.w2 .rail:has(>#fi-geld:only-child)+.rail-nav{display:none!important}
.w2 #fi-geld{width:100%!important;max-width:none!important;min-width:0!important}
@media (min-width:900px){.w2 #fi-geld{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:auto 1fr;column-gap:40px;align-items:start}
.w2 #fi-geld>h3,.w2 #fi-geld>p{grid-column:1}.w2 #fi-geld>.mock{grid-column:2;grid-row:1/4}.w2 #fi-geld>.xm-b{position:absolute}}
/* ===== 212: Finanzen „Auch gut“ als flacher 1×2-Slider ===== */
.w2 .fi-mini-rail{grid-auto-columns:calc((100% - 16px)/2)!important}
@media (max-width:759px){.w2 .fi-mini-rail{grid-auto-columns:82%!important}}
.w2 .fi-mini{min-height:0!important;height:auto!important;padding:22px 24px!important;gap:8px!important;justify-content:flex-start!important}
.w2 .fi-mini .fi-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2);margin-bottom:6px}
.w2 .fi-mini .fi-ic .i{width:18px;height:18px}
.w2 .fi-mini h3{margin:0!important}
.w2 .fi-mini p{margin:0!important}
/* ===== 213: Auszahlung-Grafik ohne Rahmen ===== */
.w2 .mf-m .mf *:not(.mf-ln){border-color:transparent!important;outline:0!important}
.w2 .mf-m .mf :is(.mf-c,.mf-acc,.mf-bk,.mf-cu,.mf-amt,.mf-ah,.mf-bl){border:0!important;box-shadow:none!important}
.w2 .mf-m .mf :is(.mf-cu,.mf-amt,.mf-bk){background:var(--surface-2)!important}
.w2 .mf-m .mf .mf-acc{background:var(--surface-2)!important}
.w2 .mf-m .mf .mf-sp{background:var(--surface-3)!important}
.w2 .mf-tk.fee{background:#ff6b6b!important;color:#2a0606!important}
.w2 .mf-nd em{color:#ff8a80!important}
.w2 .mf-m .mf *:not(.mf-ln):not(.mf-ln *){border:0!important;box-shadow:none!important}
@media (min-width:760px){.w2 .fi-mini-rail{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;overflow:visible!important}.w2 .fi-mini-rail>.fi-mini{width:auto!important;max-width:none!important;min-width:0!important}.w2 .fi-mini-rail+.rail-nav{display:none!important}}
/* ===== 214: Discovery – Preis klar als discovery, ticketing-Karte im Preiskarten-Stil ===== */
.w2 .dc-two .pz .dc-pt{font-size:clamp(26px,2.8vw,32px)!important;margin-top:10px!important}
.w2 .dc-tk2{background:var(--surface)!important;color:var(--text)!important;text-decoration:none}
.w2 .dc-tk2::before,.w2 .dc-tk2::after{display:none!important}
.w2 .dc-tk2 .dc-ck{margin:0!important;padding:16px 18px!important;border-radius:16px;background:var(--surface-2);display:flex;flex-direction:column;gap:10px;--hc:var(--tv)}
.w2 .dc-tk2 .dc-ck li{margin:0}
.w2 .dc-tk2{display:flex!important;flex-direction:column}.w2 .dc-tk2 .dc-ck{margin-top:auto!important}
.w2 .dc-tk2 .pr-more{position:absolute;top:20px;right:20px}
/* ===== 215: „Schon auf discovery?“ als Banner ohne Rahmen ===== */
.w2 .claim.cl2{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between;gap:20px 32px;padding:28px 30px!important;border-radius:24px!important;background:var(--surface)!important;box-shadow:none!important;border:0!important}
.w2 .cl2 .claim-t{flex:1 1 auto!important;flex-basis:auto!important}
.w2 .cl2 .cl-k{display:block;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);margin-bottom:4px}
.w2 .cl2 .claim-t b{font-size:clamp(22px,2.6vw,30px)!important;font-weight:800;letter-spacing:-.03em;line-height:1.15}
.w2 .cl2 .claim-t p{margin-top:8px!important;max-width:60ch}
.w2 .cl2 .btn{margin-left:0!important;flex:none}
@media (max-width:759px){.w2 .claim.cl2{flex-direction:column;align-items:flex-start!important;padding:22px!important}}
/* ===== 216: Discovery-Preiskarten mit Produktfarbe ===== */
.w2 .dc-two .dc-pr.pz{background:radial-gradient(120% 80% at 0% 0%,color-mix(in srgb,var(--dc) 34%,transparent) 0%,transparent 70%),var(--surface)!important}
.w2 .dc-two .dc-tk2{background:radial-gradient(120% 80% at 0% 0%,color-mix(in srgb,var(--tv) 36%,transparent) 0%,transparent 70%),var(--surface)!important}
.w2 .dc-two .dc-pr.pz .plan-h span{color:color-mix(in srgb,var(--dc) 70%,var(--text))}
.w2 .dc-two .dc-tk2 .plan-h span{color:color-mix(in srgb,var(--tv) 70%,var(--text))}
.w2 .dc-tk2 .dc-ck .i{background:var(--tv)!important;color:#fff!important;border-radius:50%}
/* ===== 217: Kostensimulator – Aufteilung paytix + Stripe ===== */
.w2 .ksim .ks-split{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:4px;font-size:13px;color:rgba(4,20,13,.72);font-weight:500;font-variant-numeric:tabular-nums}
.w2 .ksim .ks-split li{display:flex;gap:14px;justify-content:space-between;min-width:250px}
.w2 .ksim .ks-split li b{color:#04140d;font-weight:700}
.w2 .ksim .ks-split li span{display:flex;align-items:baseline}
.w2 .ksim .ks-split li .bw{color:#04140d;font-size:13.5px;margin-right:.25em}
.w2 .ksim .ks-split li i{font-style:normal;width:14px;flex:none;font-weight:700;color:#04140d}
.w2 .ksim .ks-split li.sum{border-top:1px solid rgba(4,20,13,.22);padding-top:5px;margin-top:2px;color:#04140d;font-weight:700}
.w2 .ksim .ks-split li.sum b{font-weight:800}
@media (max-width:420px){.w2 .ksim .ks-split li{min-width:0}}
/* ===== 218: Kundenmanagement – Newsletter pro Event ===== */
.w2 .km-nl{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px 40px;align-items:center;padding:clamp(22px,3vw,32px)!important;border-radius:24px;background:var(--surface)}
.w2 .km-nl .nl-k{display:inline-flex;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:8px;background:var(--surface-3);color:var(--text);margin-bottom:10px}
.w2 .km-nl h3{font-size:clamp(22px,2.4vw,28px)!important;font-weight:800;letter-spacing:-.03em;margin:0}
.w2 .km-nl .nl-t p{margin:10px 0 0;color:var(--text-2);font-size:15.5px;line-height:1.5;max-width:46ch}
.w2 .km-nl .nl-ck{margin:18px 0 0!important}
.w2 .nl-v{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:14px;border-radius:20px;background:var(--surface-2)}
.w2 .nl-mail{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;background:#4a4f4d;color:#fff}
.w2 .nl-mail small{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.w2 .nl-img{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 75% 45%,#8d86ff 0 16%,transparent 17%),linear-gradient(135deg,#1a1640,#0b0b10);display:flex;align-items:flex-end;padding:10px;margin:2px 0 4px}
.w2 .nl-img .im-dot{display:none}
.w2 .nl-img b{font-size:15px;font-weight:800;line-height:1.05;color:#fff}
.w2 .nl-h{font-size:15px;font-weight:800}
.w2 .nl-d{font-size:11px;font-weight:600;opacity:.85}
.w2 .nl-mail p{margin:2px 0 0;font-size:11.5px;line-height:1.4;opacity:.9}
.w2 .nl-btn{align-self:flex-start;margin-top:6px;font-size:11.5px;font-weight:800;padding:7px 12px;border-radius:9px;background:#fff;color:#000}
.w2 .nl-pay{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;background:var(--surface)}
.w2 .nl-pt{font-size:13px;font-weight:800}
.w2 .nl-n{display:flex;align-items:baseline;gap:6px;margin:2px 0 6px}
.w2 .nl-n span{font-size:28px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.w2 .nl-n small{font-size:12px;color:var(--text-2);font-weight:600}
.w2 .nl-tier{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:9px;background:var(--surface-2);font-size:11.5px;color:var(--text-2);font-weight:600}
.w2 .nl-tier b{color:var(--text);font-weight:800;font-variant-numeric:tabular-nums}
.w2 .nl-tier.on{background:color-mix(in srgb,#7569fe 45%,var(--surface-2));color:#fff}
.w2 .nl-buy{margin-top:auto;align-self:stretch;text-align:center;font-size:12px;font-weight:800;padding:9px 10px;border-radius:999px;background:#7569fe;color:#fff}
@media (max-width:899px){.w2 .km-nl{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.w2 .nl-v{grid-template-columns:minmax(0,1fr)}}
/* ===== 219: Checkout-Animation – scharfer Nullzustand statt abgedunkelter Fläche ===== */
.w2 .tvl .qv{left:3.9%!important;top:30.95%!important;width:92.2%!important;height:23.6%!important;background:#1c1c1e!important;border-radius:2.6cqw;container-type:inline-size;font-family:Inter,sans-serif;color:#fff;overflow:hidden}
.w2 .tvl .co-wrap,.w2 .tvl .mk-img{container-type:normal}
.w2 .tvl .qv .qr{position:absolute;left:5.1%;right:5.1%;display:flex;align-items:center;justify-content:space-between;transform:translateY(-50%)}
.w2 .tvl .qv .qr em{font-style:normal;color:#8e8e93;font-size:3.7cqw;font-weight:500;display:flex;align-items:baseline;gap:1.8cqw}
.w2 .tvl .qv .qr b{font-size:3.7cqw;font-weight:700;color:#fff}
.w2 .tvl .qv .r1{top:18.8%}.w2 .tvl .qv .r2{top:36%}
.w2 .tvl .qv .qline{position:absolute;left:5.1%;right:5.1%;top:50.5%;height:1px;background:rgba(255,255,255,.1)}
.w2 .tvl .qv .r3{top:66%}
.w2 .tvl .qv .r3 strong{font-size:4.8cqw;font-weight:800;color:#fff}
.w2 .tvl .qv .r3 small{font-size:3cqw;color:#8e8e93}
.w2 .tvl .qv .r3 b{font-size:4.8cqw;font-weight:800}
.w2 .tvl .qv .r4{top:87%}
.w2 .tvl .qv .r4 em{font-weight:700;align-items:center}
.w2 .tvl .qv .r4 svg{width:3.8cqw;height:3.8cqw}
.w2 #tv-stripe{position:relative}.w2 #tv-stripe .tvs-fi{position:absolute;top:20px;right:20px;z-index:3}
.w2 #tv-stripe>h3{padding-right:140px}
@media (max-width:759px){.w2 #tv-stripe .tvs-fi{height:34px!important;padding:0 10px 0 12px!important;font-size:12.5px!important;top:16px;right:16px}.w2 #tv-stripe>h3{padding-right:120px}}
.w2 #tv-website .ws-try{margin:0 0 4px!important;align-self:flex-start;background:var(--surface-2)!important;color:var(--text)!important}
.w2 #tv-website .ws-try .i{background:var(--inv)!important;color:var(--inv-fg)!important}
/* ===== 220: Ticketverkauf-Preiskarte – Stripe-Zeilen ===== */
.w2 #tv-preise .wf-rows{display:flex;flex-direction:column;margin-top:10px;border-top:1px solid var(--line-2)}
.w2 #tv-preise .wf-rows>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0}
.w2 #tv-preise .wf-rows>div+div{border-top:1px solid var(--line)}
.w2 #tv-preise .wf-rows span{font-size:13px;font-weight:600;color:var(--text-2)}
.w2 #tv-preise .wf-rows b{font-size:13.5px;font-weight:700;white-space:nowrap}
.w2 #tv-preise .pz-act{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--line)}
.w2 #tv-preise .pz-act .btn{height:36px;padding:0 12px;font-size:13px;border-radius:10px;background:var(--inv)!important;color:var(--inv-fg)!important}
/* ===== 221: Basic-Mode-Karte mobil, Ticketarten-Liste in „Unbegrenzt erstellen“ ===== */
.w2 #tv-basic>p{padding-right:0!important}
.w2 #tv-basic .wyb-sw[aria-checked="true"] .wyb-tg{background:var(--el)!important}
.w2 #tv-basic>.mock{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
.w2 #tv-basic .wyb-c{flex:1;min-height:0}
.w2 #tv-basic .wyb-v{flex:1;min-height:0;display:flex}
.w2 #tv-basic .wyb-v .pxw{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.w2 #tv-basic .wyb-st{flex:1;min-height:0;overflow:hidden}
@media (max-width:759px){.w2 #tv-basic .wyb-st img{width:165%!important;max-width:none!important}.w2 #tv-basic .wyb-st{min-height:170px}}
.w2 #tv-unbegrenzt .ub-m{display:flex;align-items:flex-start!important;flex:1 1 0;min-height:0;padding-top:8px!important;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(180deg,#000 75%,transparent)}
.w2 .ub-list{display:flex;flex-direction:column;gap:6px;width:100%}
.w2 .ub-r{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:var(--surface-2)}
.w2 .ub-tk{flex:none;width:22px;height:26px;border-radius:5px;background:linear-gradient(180deg,var(--c) 0 34%,#d9897f 34% 64%,var(--c) 64%)}
.w2 .ub-r>div{flex:1;min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 6px}
.w2 .ub-r b{font-size:11.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w2 .ub-r small{font-size:10px;font-weight:700;color:var(--text-2);font-variant-numeric:tabular-nums}
.w2 .ub-r i{grid-column:1/-1;height:3px;border-radius:2px;background:var(--surface-3);overflow:hidden}
.w2 .ub-r i em{display:block;height:100%;background:#7569fe;border-radius:2px}
.w2 .ub-more{justify-content:center;padding:2px 8px;background:transparent}
.w2 .ub-inf2{font-family:var(--font-head);font-weight:800;font-size:30px;line-height:1;color:var(--text-2)}
.w2 #tv-unbegrenzt .ub-more{display:none}
@media (max-width:759px){.w2 .ub-r{padding:5px 7px;gap:6px}.w2 .ub-tk{width:16px;height:20px}.w2 .ub-r b{font-size:10.5px}.w2 .ub-r small{font-size:9px}.w2 .ub-list{gap:4px}}
/* ===== 222: Sprachen-Karte – Abstand Titel/Laptop ausgeglichen ===== */
.w2 #tv-sprachen .lg-m{flex:1 1 auto;display:flex!important;align-items:center;justify-content:center;padding-top:8px!important;padding-bottom:4px!important;margin-top:0!important}
@media (max-width:759px){.w2 #tv-sprachen .lg-m{padding-top:2px!important;padding-bottom:6px!important}}
.w2 main[data-page="marketing"] .lead .bw{font-size:1em}.w2 main[data-page="marketing"] .lead b.bw{color:var(--text)}
.w2 .fpl-h .fpl-bw{font-size:.92em;font-weight:700;letter-spacing:-.01em}.w2 .fpl-h .fpl-bw .bwp{color:var(--text-3)}
/* ===== 223: Marketing – „1 Nutzerfläche“ neu, Duo-Karten mobil größer ===== */
.w2 #mk-konto .kt-m{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding-top:10px!important}
.w2 .kt{width:100%;display:flex;flex-direction:column;align-items:center}
.w2 .kt-acc{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;background:var(--surface-2)}
.w2 .kt-av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--inv);color:var(--inv-fg);font-size:11px;font-weight:800}
.w2 .kt-n b{display:block;font-size:13px;font-weight:800;line-height:1.2}
.w2 .kt-n small{display:block;font-size:11px;font-weight:600;color:var(--text-2)}
.w2 .kt-ln{position:relative;width:52%;height:22px}
.w2 .kt-ln i{position:absolute;top:0;width:50%;height:100%;border-top:0;border-left:2px dashed var(--line-2)}
.w2 .kt-ln i:first-child{left:0;border-left:0;border-right:2px dashed var(--line-2);border-bottom:2px dashed var(--line-2);border-bottom-right-radius:12px;width:50%}
.w2 .kt-ln i:last-child{left:50%;border-bottom:2px dashed var(--line-2);border-bottom-left-radius:12px;border-right:0}
.w2 .kt-ln{display:none}
.w2 .kt-pr{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:12px}
.w2 .kt-p{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:14px;background:var(--surface-2)}
.w2 .kt-p.tv{background:linear-gradient(160deg,color-mix(in srgb,var(--tv) 30%,var(--surface-2)),var(--surface-2) 70%)}
.w2 .kt-p.mk{background:linear-gradient(160deg,color-mix(in srgb,var(--dc) 26%,var(--surface-2)),var(--surface-2) 70%)}
.w2 .kt-ic{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;margin-bottom:6px;background:rgba(255,255,255,.1)}
.w2 .kt-p.tv .kt-ic{color:color-mix(in srgb,var(--tv) 70%,#fff)}.w2 .kt-p.mk .kt-ic{color:color-mix(in srgb,var(--dc) 70%,#fff)}
.w2 .kt-ic .i{width:15px;height:15px}
.w2 .kt-p b{font-family:var(--font-logo);font-weight:700;font-size:13px;white-space:nowrap}
.w2 .kt-p b .bwp{opacity:.55}
.w2 .kt-p small{font-size:11px;font-weight:600;color:var(--text-2)}
.w2 #mk-share .sh-mk{flex:1 1 0;min-height:0;overflow:hidden;padding-top:8px!important;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}
@media (max-width:759px){.w2 #mk-share{padding:12px!important}.w2 #mk-share .sh-x{width:230px!important}}
/* ===== 224: Sponsoren – neues PDF-Ticket-Design als Bild ===== */
.w2 #mk-sponsoren .pt-img{display:block;padding:0!important;margin-top:16px;border-radius:14px;overflow:hidden;background:#fff}
.w2 #mk-sponsoren .pt-img img{display:block;width:100%;height:auto}
@media (max-width:759px){.w2 #mk-konto .kt-acc{display:none}.w2 #mk-konto .kt-pr{grid-template-columns:1fr;gap:6px;margin-top:0}.w2 #mk-konto .kt-p{flex-direction:row;align-items:center;gap:8px;padding:8px 10px}.w2 #mk-konto .kt-ic{margin:0;width:24px;height:24px;flex:none}.w2 #mk-konto .kt-p small{display:none}.w2 #mk-konto .kt-p b{font-size:12px}.w2 #mk-konto .kt-m{align-items:flex-start;justify-content:flex-start;padding-top:10px!important;padding-bottom:40px!important}.w2 #mk-konto .kt{align-items:stretch}.w2 #mk-konto .kt-pr{width:100%}}
.w2 #mk-konto .kt{padding:0!important;margin:0!important;background:none!important;box-shadow:none!important;border:0!important}.w2 #mk-konto .kt-pr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.w2 #mk-konto .kt-p{min-width:0}
@media (max-width:759px){.w2 #mk-konto .kt-pr{grid-template-columns:minmax(0,1fr)!important}.w2 #mk-konto .kt-p b{font-size:11.5px;overflow:hidden;text-overflow:ellipsis}.w2 #mk-konto .kt-p b .bwp{display:none}}
/* ===== 225: „Ein Login für alles.“ mobil – Konto + Umschalter ===== */
.w2 .kt-seg{display:none}
@media (max-width:759px){
.w2 #mk-konto .kt-m{align-items:flex-start!important;justify-content:flex-start!important;padding:4px 0 44px!important}
.w2 #mk-konto .kt{align-items:flex-start!important;gap:10px;width:100%}
.w2 #mk-konto .kt-pr{display:none!important}
.w2 #mk-konto .kt-acc{display:flex!important;padding:6px 12px 6px 6px;gap:8px}
.w2 #mk-konto .kt-av{width:26px;height:26px;font-size:10px}
.w2 #mk-konto .kt-n b{font-size:12px}.w2 #mk-konto .kt-n small{font-size:10px}
.w2 .kt-seg{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;padding:3px;border-radius:999px;background:var(--surface-2);font-family:var(--font-logo);font-weight:700;font-size:12px}
.w2 .kt-seg span{position:relative;z-index:1;text-align:center;padding:7px 0;color:var(--text-2);transition:color .4s}
.w2 .kt-seg i{position:absolute;top:3px;bottom:3px;left:3px;right:50%;border-radius:999px;background:color-mix(in srgb,var(--tv) 55%,var(--surface-3));animation:w2-ktSw 4s ease-in-out infinite}
.w2 .kt-seg .a{animation:w2-ktA 4s ease-in-out infinite}.w2 .kt-seg .b{animation:w2-ktB 4s ease-in-out infinite}
@keyframes w2-ktSw{0%,40%{transform:translateX(0);background:color-mix(in srgb,var(--tv) 55%,var(--surface-3))}50%,90%{transform:translateX(100%);background:color-mix(in srgb,var(--dc) 50%,var(--surface-3))}100%{transform:translateX(0);background:color-mix(in srgb,var(--tv) 55%,var(--surface-3))}}
@keyframes w2-ktA{0%,40%,100%{color:#fff}50%,90%{color:var(--text-2)}}
@keyframes w2-ktB{0%,40%,100%{color:var(--text-2)}50%,90%{color:#fff}}
}
@media (prefers-reduced-motion:reduce){.w2 .kt-seg i,.w2 .kt-seg span{animation:none!important}}
/* ===== 226: Titel füllen erste Zeile, Untertitel volle Breite, Konto-Tabs wie App ===== */
.w2 .fx h3{text-wrap:pretty!important}
.w2 .fx.has-xm>p:first-of-type{padding-right:0!important}
@media (max-width:759px){
.w2 #mk-konto .kt-seg{display:grid;grid-template-columns:auto auto;justify-content:start;gap:22px;width:auto;align-self:flex-start;padding:0 4px;border-radius:0;background:none;border-bottom:1px solid color-mix(in srgb,var(--text-2) 22%,transparent);font-family:var(--font-ui,inherit);font-weight:700;font-size:13px}
.w2 #mk-konto .kt-seg span{padding:8px 2px 9px;color:var(--text-2)}
.w2 #mk-konto .kt-seg i{top:auto;bottom:-1px;left:4px;right:auto;height:2px;border-radius:2px;background:var(--text);width:68px;animation:w2-ktTab 4s ease-in-out infinite}
.w2 #mk-konto .kt-seg .a{animation:w2-ktTa 4s ease-in-out infinite}.w2 #mk-konto .kt-seg .b{animation:w2-ktTb 4s ease-in-out infinite}
@keyframes w2-ktTab{0%,40%,100%{transform:translateX(0);width:68px}50%,90%{transform:translateX(90px);width:51px}}
@keyframes w2-ktTa{0%,40%,100%{color:#ff7a7a}50%,90%{color:var(--text-2)}}
@keyframes w2-ktTb{0%,40%,100%{color:var(--text-2)}50%,90%{color:#8f8bff}}
}
.w2 .fx.has-xm>p.xm-ov{padding-right:0!important}.w2 .fx.has-xm>p.xm-ov::before{content:"";float:right;width:84px;height:var(--xo,0px)}
.w2 #in-checkout .co-try{margin:2px 0 6px!important;align-self:flex-start;background:var(--surface-2)!important;color:var(--text)!important;font-size:13px}
.w2 #in-checkout .co-try .i{background:var(--inv)!important;color:var(--inv-fg)!important}
.w2 .others a[data-href="#finanzen"]::before{background-image:url(/w2/img/01eff321e4.webp)!important}
.w2 .fi-mini-rail{grid-template-columns:1fr!important}.w2 .fi-mini-rail>.fi-mini{flex:1 1 100%!important;width:100%!important;max-width:none!important}
.w2 .nl-v{grid-template-columns:minmax(0,1fr)!important;padding:0!important;background:none!important;align-self:center}.w2 .nl-pay{background:var(--surface-2)!important;padding:18px!important;border-radius:20px!important}.w2 .nl-pay .nl-tier{background:var(--surface-3)}.w2 .nl-pay .nl-tier.on{background:color-mix(in srgb,#7569fe 45%,var(--surface-2))}
.w2 .nl-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px}
.w2 .nl-top .nl-n{margin-bottom:0}
.w2 .nl-be{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:1px;padding:9px 12px;border-radius:14px;background:color-mix(in srgb,var(--el) 14%,var(--surface-3))}
.w2 .nl-be small{font-size:10.5px;font-weight:700;color:var(--text-2)}
.w2 .nl-be b{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--el);font-variant-numeric:tabular-nums;line-height:1.15}
.w2 .nl-be-f{font-size:10.5px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}
.w2 .nl-be-s{font-size:10px;font-weight:600;color:var(--text-2)}
.w2 .soon-k{display:inline-flex;align-self:flex-start;width:fit-content;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:8px;background:var(--surface-3);color:var(--text);margin-bottom:10px}
/* ===== 227: Seite „Über uns“ ===== */
.w2 .ab-hero .kick{margin-bottom:14px}
.w2 .ab-hero .ctas{max-width:560px;margin-top:28px}
.w2 .ab-story{padding:clamp(22px,3vw,36px)!important;display:flex;flex-direction:column;gap:22px}
.w2 .ab-big{font-size:clamp(18px,1.8vw,23px)!important;line-height:1.5!important;font-weight:600;letter-spacing:-.015em;color:var(--text-2)!important;max-width:46ch;margin:0!important}
.w2 .ab-big strong{color:var(--text);font-weight:700}
.w2 .ab-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.w2 .ab-p{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:18px;background:linear-gradient(180deg,var(--ad,var(--surface-2)) 0%,var(--surface-2) 90%);color:var(--text);text-decoration:none;transition:filter .2s}
.w2 .ab-p:hover{filter:brightness(1.12)}
.w2 a.ab-p>.ic{display:grid!important;background-image:none!important;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--ai,var(--surface-3));color:#fff;margin-bottom:6px}
.w2 a.ab-p>.ic>svg{display:block!important;width:18px;height:18px}
.w2 a.ab-p.c-tv>.ic{background:#7569fe!important}.w2 a.ab-p.c-mk>.ic{background:var(--mk)!important}
.w2 .ab-p b{font-family:var(--font-logo);font-size:18px;font-weight:700}
.w2 .ab-p small{font-size:14px;line-height:1.45;color:var(--text-2);font-weight:500}
.w2 .ab-team{padding:clamp(22px,3vw,36px)!important;display:flex;flex-direction:column;gap:20px}
.w2 .ab-ppl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.w2 .ab-m{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:20px 10px;border-radius:18px;background:var(--surface-2)}
.w2 .ab-av{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--text-3);margin-bottom:8px}
.w2 .ab-av .i{width:30px;height:30px}
.w2 .ab-m b{font-size:17px;font-weight:800}
.w2 .ab-m small{font-size:13px;color:var(--text-2);font-weight:600}
.w2 .ab-team>p{margin:0!important;color:var(--text-2);font-size:16px;line-height:1.55;max-width:60ch}
.w2 .ab-vals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.w2 .ab-vals .fi-mini{width:auto!important}
.w2 .ab-ct{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:20px;padding:clamp(22px,3vw,36px)!important}
.w2 .ab-ct h3{margin:0 0 4px!important}.w2 .ab-ct p{margin:0!important;color:var(--text-2)}
.w2 .ab-ct .btn{flex:none}
@media (max-width:999px){.w2 .ab-vals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:759px){.w2 .ab-two{grid-template-columns:minmax(0,1fr)}.w2 .ab-vals .fi-mini{padding:18px 20px!important}.w2 .ab-ppl{gap:8px}.w2 .ab-m{padding:16px 6px}.w2 .ab-av{width:54px;height:54px}.w2 .ab-av .i{width:24px;height:24px}.w2 .ab-m b{font-size:15px}.w2 .ab-m small{font-size:12px}
.w2 .ab-vals{grid-template-columns:minmax(0,1fr);gap:12px}.w2 .ab-ct{flex-direction:column!important;align-items:stretch}.w2 .ab-ct .btn{width:100%}}
/* ===== 228: Warum 03 – Basic Mode & Automatisierung kompakt ===== */
.w2 #warum-einfach .wym-g{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:4px}
.w2 .wym{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:var(--surface-2)}
.w2 .wym b{display:block;font-size:15px;font-weight:800}
.w2 .wym small{display:block;margin-top:2px;font-size:13.5px;line-height:1.4;color:var(--text-2);font-weight:500}
.w2 .wym-tg{flex:none;position:relative;width:40px;height:24px;border-radius:999px;background:var(--el)}
.w2 .wym-tg::after{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#fff}
.w2 .wym-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--surface-3)}
.w2 .wym-ic .i{width:18px;height:18px}
@media (max-width:759px){.w2 #warum-einfach .wym-g{grid-template-columns:minmax(0,1fr)}}
.w2 #warum-stil .wy-tks{transform-origin:50% 45%}
@media (max-width:759px){.w2 #warum-stil .wy-tks{min-height:0!important;height:262px!important;flex:none!important;transform-origin:50% 0!important}}
.w2 #warum-kontakt .wy-ind{display:flex;align-items:flex-start;gap:14px;margin-top:18px;padding:16px 18px;border-radius:18px;background:color-mix(in srgb,var(--el) 12%,var(--surface-2))}
.w2 .wy-ind-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--el);color:#000}
.w2 .wy-ind-ic .i{width:18px;height:18px}
.w2 .wy-ind b{display:block;font-size:16px;font-weight:800;color:var(--text)}
.w2 .wy-ind small{display:block;margin-top:4px;font-size:14px;line-height:1.45;color:var(--text-2);font-weight:500}
@media (min-width:1240px){.w2 #preise-struktur .plans{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px) and (max-width:1239px){.w2 #preise-struktur .pz-nl{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}}
.w2 #xm-tix .xm-k.xm-bw{font-family:var(--font-logo);text-transform:none;letter-spacing:0;font-size:18px;font-weight:700;color:var(--text)!important}.w2 #xm-tix .xm-k.xm-bw .bwp{color:var(--text-2)}
.w2 #start-preise .pw3-nl{margin-top:-10px!important}.w2 #start-preise .pw3-nl b{font-family:var(--font-logo);font-weight:700}
/* ===== 229: Pop-up-Schritte als Karten statt Linien ===== */
.w2 .xm-s{grid-template-columns:30px minmax(0,1fr)!important;gap:14px!important;padding:16px 18px!important;border-top:0!important;border-radius:18px;background:var(--surface-2);margin-bottom:8px}
.w2 .xm-s h3{font-size:16px!important;margin-bottom:4px!important;line-height:1.3}
.w2 .xm-s p{font-size:14.5px!important;line-height:1.55!important}
.w2 .xm-n{width:30px!important;height:30px!important;border-radius:10px!important;background:var(--inv)!important;color:var(--inv-fg)!important;font-size:13px!important}
.w2 .xm-lead{margin-bottom:20px!important}
.w2 #simulator .sh h2.fpl-h,.w2 #start-updates .sh h2.fpl-h{font-size:24px!important;line-height:35px!important;letter-spacing:0!important;margin:0!important}
.w2 #simulator .sh h2.fpl-h .bw,.w2 #start-updates .sh h2.fpl-h .bw{font-size:.92em}
@media (min-width:760px){.w2 #simulator .sh h2.fpl-h,.w2 #start-updates .sh h2.fpl-h{font-size:clamp(30px,3.6vw,44px)!important;line-height:1.15!important}}
/* ===== 230: Startseite-Rechner – Anzahl + Gesamtersparnis ===== */
.w2 #simulator .k2-fld:has(#k2Qty){display:block!important}
.w2 #simulator .k2-flds{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
.w2 #simulator .k2 .k2-avg{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px}
.w2 #simulator .k2-al{display:flex;align-items:baseline;justify-content:space-between;gap:4px 12px;flex-wrap:wrap;min-width:0}
.w2 #simulator .k2-tot{display:flex;flex-direction:column;align-items:flex-end;text-align:right;padding-left:16px;box-shadow:inset 1px 0 0 color-mix(in srgb,var(--text) 12%,transparent)}
.w2 #simulator .k2-tot span{font-size:12.5px;font-weight:600;color:var(--text-2)}
.w2 #simulator .k2-tot b{font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-.02em;color:var(--el);font-variant-numeric:tabular-nums;line-height:1.15}
@media (max-width:759px){.w2 #simulator .k2 .k2-avg{grid-template-columns:minmax(0,1fr)}.w2 #simulator .k2-tot{align-items:flex-start;text-align:left;padding:10px 0 0;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 12%,transparent)}}
.w2 .soon-s{font-size:10.5px!important;padding:2px 7px!important;margin-bottom:4px!important}
.w2 .xm-soon{margin:0 0 0 10px!important;vertical-align:middle}
.w2 #tv-basic>.soon-k,.w2 #in-basic>.soon-k{margin-bottom:8px}
/* ===== 231: Statistik-Pop-up – Ausschnitt vergrößert ===== */
@media (min-width:900px){.w2 #xm-stats .xm-live .mock{overflow:hidden!important}.w2 #xm-stats .xm-live .stx{transform:scale(1.35);transform-origin:0 0}}@media (max-width:899px){.w2 #xm-stats .xm-live .mock{overflow:hidden!important}.w2 #xm-stats .xm-live .stx{transform:scale(1.25);transform-origin:100% 0}}
.w2 #xm-website .xm-s1{grid-template-columns:minmax(0,1fr)!important}.w2 #xm-website .xm-s1>.xm-n{display:none}
.w2 .xm-txt h2{text-wrap:pretty!important}
/* ===== 232: „Ein Login für alles.“ Desktop neu: Konto, App-Tabs, wechselnde Ansicht ===== */
.w2 .ktx{display:none}
@media (min-width:760px){
.w2 #mk-konto .kt-m{display:flex!important;align-items:stretch!important;justify-content:center!important;padding:8px 0 56px!important}
.w2 #mk-konto .kt{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;width:100%}
.w2 #mk-konto .kt-acc{display:flex!important;align-self:flex-start}
.w2 #mk-konto .kt-pr{display:none!important}
.w2 #mk-konto .kt-seg{display:flex;gap:26px;padding:0 4px;border-bottom:1px solid color-mix(in srgb,var(--text-2) 22%,transparent);font-weight:700;font-size:15px}
.w2 #mk-konto .kt-seg i{display:none}
.w2 #mk-konto .kt-seg span{position:relative;padding:8px 2px 10px;color:var(--text-2)}
.w2 #mk-konto .kt-seg span::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--text);opacity:0}
.w2 #mk-konto .kt-seg .a{animation:w2-ktTa 5s ease-in-out infinite}.w2 #mk-konto .kt-seg .b{animation:w2-ktTb 5s ease-in-out infinite}
.w2 #mk-konto .kt-seg .a::after{animation:w2-ktUa 5s ease-in-out infinite}.w2 #mk-konto .kt-seg .b::after{animation:w2-ktUb 5s ease-in-out infinite}
@keyframes w2-ktTa{0%,42%,100%{color:#ff7a7a}50%,92%{color:var(--text-2)}}
@keyframes w2-ktTb{0%,42%,100%{color:var(--text-2)}50%,92%{color:#8f8bff}}
@keyframes w2-ktUa{0%,42%,100%{opacity:1}50%,92%{opacity:0}}
@keyframes w2-ktUb{0%,42%,100%{opacity:0}50%,92%{opacity:1}}
.w2 .ktx{display:grid;position:relative}
.w2 .ktx-p{grid-area:1/1;display:flex;flex-direction:column;gap:10px}
.w2 .ktx-a{animation:w2-ktUa 5s ease-in-out infinite}.w2 .ktx-b{animation:w2-ktUb 5s ease-in-out infinite}
.w2 .ktx-ev{display:flex;gap:12px;align-items:center;padding:10px;border-radius:16px;background:var(--surface-2)}
.w2 .ktx-bn{position:relative;flex:none;width:96px;height:72px;border-radius:12px;overflow:hidden;background:#0b0a14;display:flex;align-items:flex-end;padding:8px}
.w2 .ktx-dot{position:absolute;right:-8px;top:-8px;width:52px;height:52px;border-radius:50%;background:#7569fe;box-shadow:0 0 0 10px rgba(117,105,254,.18)}
.w2 .ktx-bn b{position:relative;font-size:11px;font-weight:800;line-height:1.05;color:#fff}
.w2 .ktx-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.w2 .ktx-t>b{font-size:15px;font-weight:800}
.w2 .ktx-t small{font-size:12px;color:var(--text-2);font-weight:600}
.w2 .ktx-t em{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-style:normal;font-size:11.5px;font-weight:700;color:#ff8f8f}
.w2 .ktx-t em .i{width:13px;height:13px}
.w2 .ktx-st{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.w2 .ktx-st span,.w2 .ktx-sl{padding:12px 14px;border-radius:16px;background:var(--surface-2)}
.w2 .ktx-st b{display:block;font-size:20px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.w2 .ktx-st small,.w2 .ktx-sl>small{display:block;font-size:12px;font-weight:600;color:var(--text-2)}
.w2 .ktx-sl{display:flex;flex-direction:column;gap:6px}
.w2 .ktx-sl>b{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}
.w2 .ktx-bar{height:8px;border-radius:99px;background:var(--surface-3);overflow:hidden;margin:4px 0}
.w2 .ktx-bar i{display:block;width:78%;height:100%;border-radius:inherit;background:#8f8bff}
.w2 .ktx-r{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--text-2);font-weight:600}
.w2 .ktx-r b{color:var(--text);font-weight:800;font-variant-numeric:tabular-nums}
}
@media (prefers-reduced-motion:reduce){.w2 .ktx-p,.w2 #mk-konto .kt-seg span,.w2 #mk-konto .kt-seg span::after{animation:none!important}.w2 .ktx-b{opacity:0}}
/* Teilen-Vorschau Desktop: zentriert und größer */
@media (min-width:760px){.w2 #mk-share .sh-mk{justify-content:center!important;align-items:center!important;-webkit-mask-image:none!important;mask-image:none!important;padding:0 0 8px!important}.w2 #mk-share .dm-fit{display:flex;justify-content:center;width:100%;zoom:1.15}}
/* ===== 233: PDF-Ticket scrollt langsam von oben nach unten ===== */
.w2 #mk-sponsoren .pt-img{position:relative;overflow:hidden}
.w2 #mk-sponsoren .pt-img img{will-change:transform}
.w2 #mk-sponsoren .pt-img.pt-run img{animation:w2-ptScroll var(--pt-t,10s) ease-in-out infinite}
@keyframes w2-ptScroll{0%,14%{transform:translateY(0)}50%,64%{transform:translateY(var(--pt-d,0px))}100%{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.w2 #mk-sponsoren .pt-img.pt-run img{animation:none}}
/* Wortmarke in Tab-Leisten nicht wie ein Tab stylen */
.w2 .pxp-tabs .bw span,.w2 .dz-tabs .bw span,.w2 .cu-tabs .bw span,.w2 .st-tabs .bw span,.w2 [class*="-tabs"] .bw .ly{padding:0!important;margin:0!important;border:0!important;background:none!important;font:inherit!important;color:inherit!important}
/* ===== 234: Geldfluss-Animation in der Webansicht mittig ===== */
@media (min-width:900px){.w2 #fi-geld{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto 1fr!important}.w2 #fi-geld>.mock{grid-column:1!important;grid-row:3!important;width:100%!important;margin-top:12px!important}.w2 #fi-geld .mf-fit{margin:0 auto!important}}
.w2 .fx.has-xm>.fx-k+h3{padding-right:0!important;margin-top:18px!important}
/* Einlasskontrolle mobil: app.paytix.lu-Karten so breit wie die oberen */
@media (max-width:759px){.w2 main[data-page="einlasskontrolle"] .rail:not(.lg){grid-auto-columns:72%!important}.w2 main[data-page="einlasskontrolle"] .rail:not(.lg)>.fx{min-height:0!important;height:400px!important;overflow:hidden}.w2 #el-webapp>.mock{margin-top:auto}}
/* 235 Über uns: Foto + Geschichte */
.w2 .ab3{display:grid;gap:clamp(24px,4vw,56px);align-items:center;margin-top:clamp(8px,2vw,24px)}
@media (min-width:900px){.w2 .ab3{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.w2 .ab3-ph{margin:0}
.w2 .ab3-img{aspect-ratio:4/3;border-radius:28px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-3);overflow:hidden}
.w2 .ab3-img .i{width:56px;height:56px;opacity:.5}
.w2 .ab3-img span{font-size:14px;font-weight:600;opacity:.7}
.w2 .ab3-img img{width:100%;height:100%;object-fit:cover;display:block}
.w2 .ab3-ph figcaption{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:14px;text-align:center}
.w2 .ab3-ph figcaption b{font-size:17px}
.w2 .ab3-ph figcaption small{font-size:14px;color:var(--text-2)}
.w2 .ab3-tx p{margin:0 0 18px;font-size:clamp(16px,1.35vw,19px);line-height:1.6;color:var(--text-2);text-wrap:pretty}
.w2 .ab3-tx p:last-child{margin-bottom:0}
.w2 .ab3-tx .ab3-sig{margin-top:26px;display:flex;flex-direction:column;gap:2px;font-size:15px}
.w2 .ab3-sig b{color:var(--text);font-weight:700}
.w2 .ab3-tx .ab3-end{color:var(--text);font-weight:600}
.w2 .ab3-sig span{color:var(--text-2)}
.w2 .ab3{display:block;max-width:780px;margin-left:auto;margin-right:auto}
.w2 .ab3-tx .ab3-lead{font-size:clamp(22px,2.3vw,32px);line-height:1.25;font-weight:700;color:var(--text);letter-spacing:-.015em;margin-bottom:22px}
/* 236 Update-Banner neu */
.w2 .upm{display:block!important;position:relative;padding:0!important;gap:0!important;aspect-ratio:16/8.4!important;container-type:inline-size;background:#0b0b0d;color:#fff;overflow:hidden;isolation:isolate}
.w2 .upm::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 80% at 50% 110%,var(--g1),transparent 70%),radial-gradient(40% 60% at 85% 0%,var(--g2),transparent 70%)}
.w2 .upm-wallet{--g1:rgba(117,105,254,.55);--g2:rgba(117,105,254,.18)}
.w2 .upm-integrationen{--g1:rgba(255,69,58,.38);--g2:rgba(33,139,245,.2)}
.w2 .upm-kunden{--g1:rgba(33,139,245,.5);--g2:rgba(33,139,245,.16)}
.w2 .upx{position:absolute;inset:0;font-size:2.5cqw;line-height:1.2}
.w2 .upx-wm{position:absolute;left:1.2em;top:.9em;font-size:1.25em;color:rgba(255,255,255,.9);margin:0!important}
.w2 .upm-big{margin-top:clamp(20px,3vw,32px);border-radius:24px}
.w2 .upc .upm{border-radius:14px}
/* Wallet */
.w2 .upx-pass{position:absolute;left:8.5em;top:2.1em;width:11.6em;height:17.4em;border-radius:1.1em;background:linear-gradient(160deg,#8f86ff,#5b4ff0 55%,#4237c9);box-shadow:0 1.2em 2.4em -.8em rgba(0,0,0,.7);transform:rotate(-5deg);padding:1em;display:flex;flex-direction:column;gap:.55em;animation:w2-upxF 6s ease-in-out infinite}
.w2 .upx-pass2{left:11.2em;top:2.5em;background:linear-gradient(160deg,#2c2c30,#1a1a1d);transform:rotate(6deg);animation:none;padding:0;box-shadow:0 1em 2em -.8em rgba(0,0,0,.6)}
.w2 .upx-ph{display:flex;justify-content:space-between;align-items:center;font-size:.7em;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.75)}
.w2 .upx-ph .bw{font-size:1.5em;letter-spacing:0;color:#fff;margin:0}
.w2 .upx-ev{font-size:1.45em;font-weight:800;letter-spacing:-.02em;margin-top:.15em}
.w2 .upx-row{display:flex;justify-content:space-between;font-size:.82em;font-weight:700}
.w2 .upx-row small{display:block;font-size:.72em;letter-spacing:.08em;color:rgba(255,255,255,.62);font-weight:600;margin-bottom:.15em}
.w2 .upx-qrw{margin-top:auto;align-self:center;background:#fff;border-radius:.6em;padding:.5em;width:7.2em;height:7.2em}
.w2 .upx-qr{display:block;width:100%;height:100%;fill:#111}
.w2 .upx-badges{position:absolute;left:23.2em;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:auto auto;gap:.9em .7em;align-items:center;justify-items:center}
.w2 .upx-badges .upi{display:block;width:7.4em;height:3.5em;background-size:contain;background-repeat:no-repeat;background-position:center}
.w2 .upx-badges .upi-ap,.w2 .upx-badges .upi-gp{width:5.2em;height:3.3em;justify-self:center}
@keyframes w2-upxF{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-.35em)}}
/* Integrationen */
.w2 .upx-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(255,255,255,.32);stroke-width:1.4;stroke-dasharray:4 5;vector-effect:non-scaling-stroke;animation:w2-upxD 1.6s linear infinite}
@keyframes w2-upxD{to{stroke-dashoffset:-18}}
.w2 .upx-hub{position:absolute;left:50%;top:45.2%;width:6.6em;height:6.6em;margin:-3.3em 0 0 -3.3em;border-radius:1.6em;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 .55em rgba(255,255,255,.08),0 0 0 1.2em rgba(255,255,255,.04),0 1em 2.4em -.6em rgba(0,0,0,.7)}
.w2 .upx-hub .bw{color:#000;font-size:1.55em;margin:0}
.w2 .upx-node{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;height:2.7em;padding:0 1em;border-radius:.8em;font-weight:800;font-size:1.25em;letter-spacing:-.01em;white-space:nowrap}
.w2 .upx-node.upm-tt{background:#111}
.w2 .upx-echo{background:#fff;color:#8a3ffc;font-size:1.5em;height:2.3em;letter-spacing:.02em}
/* Kunden */
.w2 .upx-crm{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:27em;background:#1c1c1f;border-radius:1.2em;padding:.9em;box-shadow:0 1.4em 3em -1em rgba(0,0,0,.75);display:flex;flex-direction:column;gap:.45em}
.w2 .upx-ch{display:flex;align-items:center;gap:.6em;padding:0 .2em .35em}
.w2 .upx-ch b{font-size:1.15em;font-weight:800}
.w2 .upx-ci{width:1.9em;height:1.9em;border-radius:.6em;background:rgba(33,139,245,.22);color:#82c3ff;display:flex;align-items:center;justify-content:center}
.w2 .upx-ci .i{width:1.1em;height:1.1em}
.w2 .upx-srch{margin-left:auto;width:8em;height:1.7em;border-radius:.9em;background:#2c2c30}
.w2 .upx-cr{display:grid;grid-template-columns:2.3em 1fr auto 4.2em;align-items:center;gap:.8em;padding:.5em .6em;border-radius:.8em;background:#232327}
.w2 .upx-top{background:#26324a;box-shadow:inset 0 0 0 .1em rgba(130,195,255,.35)}
.w2 .upx-av{width:2.3em;height:2.3em;border-radius:50%;background:hsl(var(--h) 70% 62%);color:#0b0b0d;font-weight:800;font-size:.85em;display:flex;align-items:center;justify-content:center;width:2.7em;height:2.7em}
.w2 .upx-nm{display:flex;flex-direction:column;min-width:0}
.w2 .upx-nm b{font-size:.95em;font-weight:700}
.w2 .upx-nm small{font-size:.72em;color:rgba(255,255,255,.5)}
.w2 .upx-ev2{display:inline-flex;align-items:center;gap:.3em;font-size:.85em;font-weight:700;color:rgba(255,255,255,.8)}
.w2 .upx-ev2 .i{width:1.05em;height:1.05em;color:#82c3ff}
.w2 .upx-sum{text-align:right;font-weight:800;font-size:.95em}
.w2 .upx-fan{position:absolute;left:calc(50% + 8.6em);top:calc(53% - 6.3em);background:#82c3ff;color:#06203d;font-weight:800;font-size:.85em;padding:.45em .8em;border-radius:1em;transform:rotate(6deg);box-shadow:0 .6em 1.2em -.4em rgba(0,0,0,.6)}
@media (prefers-reduced-motion:reduce){.w2 .upx-pass,.w2 .upx-lines{animation:none}}
/* 237 Statistik Desktop: Nachbau der echten Statistik-Seite */
.w2 .stxd{display:none}
@media (min-width:900px){
.w2 #tv-live .stx{display:none!important}
.w2 #tv-live .mock{position:relative}
.w2 .stxd{display:block;position:relative;flex:1 1 auto;min-height:440px;overflow:hidden;border-radius:16px;background:#111113;color:#fff;font-family:var(--font);-webkit-font-smoothing:antialiased}
.w2 .stxd::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;background:linear-gradient(transparent,#111113);pointer-events:none;z-index:3}
.w2 .sd-cv{position:absolute;left:0;top:0;width:1260px;padding:22px 24px 40px;transform-origin:0 0;transform:scale(var(--s,.7)) translateY(var(--y,0px));transition:transform var(--yt,0s) cubic-bezier(.45,.05,.3,1)}
.w2 .sd-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.w2 .sd-seg{display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:#1d1e21}
.w2 .sd-seg>span{padding:7px 13px;border-radius:999px;font-size:12.5px;font-weight:600;color:#b9b9bf;line-height:1;transition:background .25s,color .25s,transform .12s}
.w2 .sd-seg>span.on{background:#2e2f34;color:#fff;font-weight:700}
.w2 .sd-p{display:none}.w2 .sd-p.on{display:block}
.w2 .sd-k{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#1d1e21;border-radius:14px;margin-bottom:12px}
.w2 .sd-k>div{padding:17px 16px 18px;border-left:1px solid #2b2c30;min-width:0}
.w2 .sd-k>div:first-child{border-left:0}
.w2 .sd-k small{white-space:nowrap;display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#9d9da3}
.w2 .sd-k b{display:block;font-family:var(--font);font-size:25px;font-weight:800;letter-spacing:-.02em;margin:4px 0 5px;white-space:nowrap}
.w2 .sd-k span{display:block;font-size:12px;color:#d2d2d6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w2 .sd-k span b{display:inline;font:inherit;font-weight:700;margin:0;color:#fff}
.w2 .sd-q{display:inline-flex;width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1.2px #9d9da3;font-size:8.5px;align-items:center;justify-content:center;letter-spacing:0}
.w2 .sd-note{display:flex;align-items:center;gap:8px;font-size:12px;color:#a9a9ae;margin:-2px 0 12px 2px}
.w2 .sd-note svg{width:13px;height:13px;fill:none;stroke:#a9a9ae;stroke-width:1.3;stroke-linecap:round;flex:none}
.w2 .sd-c{background:#1d1e21;border-radius:14px;padding:21px 22px 22px;margin-bottom:12px;min-width:0}
.w2 .sd-ch{display:flex;justify-content:space-between;align-items:center;gap:16px}
.w2 .sd-ct{margin:0;font-family:var(--font);font-size:15.5px;font-weight:800;letter-spacing:-.02em}
.w2 .sd-cs{margin:6px 0 0;font-size:12.5px;color:#c4c4c9}
.w2 .sd-cs:empty{display:none}
.w2 .sd-a{font-size:12px;font-weight:700;color:#9fa3ff;cursor:default}
.w2 .sd-r{padding:12px 0 13px;border-top:1px solid #2a2b2f}
.w2 .sd-cs+.sd-r,.w2 .sd-sl+.sd-r,.w2 .sd-c>.sd-r:first-of-type{border-top:0;margin-top:10px}
.w2 .sd-rh{display:flex;align-items:baseline;gap:10px;font-size:12.5px}
.w2 .sd-rh b{font-weight:700;white-space:nowrap}
.w2 .sd-rh small{font-size:11px;color:#8f8f95;white-space:nowrap}
.w2 .sd-rh em{margin-left:auto;font-style:normal;font-weight:700;color:#e4e4e7;white-space:nowrap}
.w2 .sd-bar{height:6px;border-radius:3px;background:#303136;margin-top:9px;overflow:hidden}
.w2 .sd-bar i{display:block;height:100%;width:0;min-width:0;border-radius:3px;background:#7b7ff5;transition:width 1.1s cubic-bezier(.2,.7,.2,1)}
.w2 .sd-p.go .sd-bar i{width:max(var(--w),12px)}
.w2 .sd-ft{margin:10px 0 0;font-size:11px;color:#8f8f95}
.w2 .sd-ft code{font-family:ui-monospace,Menlo,monospace;font-size:10.5px;color:#c4c4c9}
.w2 .sd-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.w2 .sd-2>.sd-c{margin-bottom:12px}
.w2 .sd-sl{margin:16px 0 0;font-size:12px;font-weight:600;color:#a9a9ae}
.w2 .sd-tot{display:flex;justify-content:space-between;margin-top:16px;font-size:12.5px}.w2 .sd-tot em{font-style:normal;font-weight:800}
.w2 .sd-chc .sd-ch{align-items:center}
.w2 .sd-leg{display:flex;gap:14px;font-size:11.5px;color:#c4c4c9}
.w2 .sd-leg span{display:inline-flex;align-items:center;gap:6px}.w2 .sd-leg i{width:7px;height:7px;border-radius:50%}
.w2 .sd-ch2{display:flex;align-items:flex-end;gap:2px;height:var(--ch);margin-top:16px;border-bottom:2px dotted #4d50a8;padding-bottom:1px}
.w2 .sd-ch2>span{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:1px;height:100%}
.w2 .sd-ch2>span i{width:3px;height:var(--h);min-height:0;border-radius:2px 2px 0 0;transform:scaleY(0);transform-origin:50% 100%;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.w2 .sd-ch2.stk>span{flex-direction:column;justify-content:flex-end;align-items:center;gap:0}
.w2 .sd-ch2.stk>span i{width:72%;border-radius:0}
.w2 .sd-ch2.stk>span i:first-child{border-radius:2px 2px 0 0}
.w2 .sd-p.go .sd-ch2>span i{transform:none}
.w2 .sd-xl{display:flex;justify-content:space-between;margin-top:6px;font-size:10.5px;color:#8f8f95}
.w2 .sd-wv{margin-top:4px}
.w2 .sd-vb{display:flex;align-items:flex-end;gap:4px;height:80px;margin-top:12px}
.w2 .sd-vb>span{flex:1;height:100%;display:flex;align-items:flex-end}
.w2 .sd-vb i{display:block;width:100%;height:var(--h);background:#34376b;border-radius:2px 2px 0 0;transform:scaleY(0);transform-origin:50% 100%;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.w2 .sd-p.go .sd-vb i{transform:none}
.w2 .sd-vbl{display:flex;gap:4px;margin-top:6px}.w2 .sd-vbl span{flex:1;text-align:center;font-size:10px;color:#8f8f95}
.w2 .sd-il{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:start;padding:13px 0;border-top:1px solid #2a2b2f}
.w2 .sd-cs+.sd-il{border-top:0;margin-top:10px}
.w2 .sd-il b{display:block;font-size:12.5px;font-weight:600}
.w2 .sd-il small{display:block;font-size:11px;color:#8f8f95;margin-top:3px}
.w2 .sd-il em{font-style:normal;font-weight:800;font-size:13px;margin-top:2px}
.w2 .sd-ic{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.w2 .sd-ic svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.w2 .sd-ic-v{background:#2c2f55;color:#a9adff}.w2 .sd-ic-g{background:#1d3a24;color:#6ee08f}.w2 .sd-ic-o{background:#4a3214;color:#f5b454}
.w2 .sd-ft2{margin:0;padding-top:13px;border-top:1px solid #2a2b2f;font-size:11px;color:#8f8f95}
.w2 .sd-mp{margin-top:18px}
.w2 .sd-mph{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d9da3}
.w2 .sd-mph::after{content:"";flex:1;height:1px;background:#2e2f33}
.w2 .sd-mp p:last-child{margin:0;font-size:11.5px;color:#a9a9ae;line-height:1.55}
.w2 .sd-pill{display:inline-block;padding:4px 9px;border-radius:999px;font-size:10.5px;font-weight:700;margin-right:9px;background:#2e2f34;color:#e4e4e7}
.w2 .sd-pill-on{background:#1d3a24;color:#6ee08f}
.w2 .sd-cities{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.w2 .sd-cities span{background:#28292d;border-radius:9px;padding:9px 12px;min-width:96px}
.w2 .sd-cities b{display:block;font-size:12px;font-weight:700}.w2 .sd-cities small{font-size:10.5px;color:#8f8f95}
.w2 .sd-cur{z-index:6}
.w2 .sd-n .sd-k{grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}
.w2 .sd-n .sd-k>div:nth-child(n+4){border-top:1px solid #2b2c30}
.w2 .sd-n .sd-k>div:nth-child(4){border-left:0}
.w2 .sd-n .sd-k:not(:has(>div:nth-child(5))){grid-template-columns:repeat(2,1fr)}
.w2 .sd-n .sd-k:not(:has(>div:nth-child(5)))>div:nth-child(3){border-left:0;border-top:1px solid #2b2c30}
.w2 .sd-n .sd-k:not(:has(>div:nth-child(5)))>div:nth-child(4){border-left:1px solid #2b2c30}
.w2 .sd-n .sd-2{grid-template-columns:1fr;gap:0}
.w2 .sd-n .sd-wv{grid-template-columns:1fr;gap:14px}
.w2 .sd-n .sd-seg>span{padding:7px 10px}
}
@media (min-width:900px) and (prefers-reduced-motion:reduce){.w2 .sd-bar i,.w2 .sd-ch2>span i,.w2 .sd-vb i{transition:none}}
.w2 .k2-more{display:flex;margin-top:16px}
.w2 #start-ueberuns .ab2-p+.ab2-p{margin-top:10px;color:var(--text-2)}
.w2 #start-ueberuns .ab2-sig{margin:0;display:flex;flex-direction:column;gap:2px;font-size:14px}
.w2 #start-ueberuns .ab2-sig b{color:var(--text)}
.w2 #start-ueberuns .ab2-sig span{color:var(--text-2)}
.w2 .logos img.lg-a{height:27px}.w2 .logos img.lg-b{height:34px}
.w2 .lg-t{animation-duration:20s}.w2 .r2 .lg-t{animation-duration:23s}
.w2 .trust .lg-note{margin:-6px 0 0;font-size:11px;color:var(--text-3)}
@media (max-width:699px){.w2 .logos img.lg-a{height:22px}.w2 .logos img.lg-b{height:27px}}
/* 238 Logos optisch auf eine Linie */
.w2 .lg-row{padding:8px 0;margin:-8px 0}
.w2 .lg-row+.lg-row{margin-top:12px}
.w2 .logos img[data-lgs="11"],.w2 .logos img[data-lg="11"]{translate:0 -14.3%}
.w2 .logos img[data-lgs="1"],.w2 .logos img[data-lg="1"]{translate:0 7.6%}
.w2 .logos img[data-lgs="0"],.w2 .logos img[data-lg="0"]{translate:0 1.8%}
.w2 .logos img[data-lgs="8"],.w2 .logos img[data-lg="8"]{translate:0 4.2%}
.w2 .logos img[data-lgs="9"],.w2 .logos img[data-lg="9"]{translate:0 3.2%}
.w2 .logos img[data-lgs="2"],.w2 .logos img[data-lg="2"]{translate:0 -5.3%}
.w2 .logos img[data-lgs="4"],.w2 .logos img[data-lg="4"]{translate:0 -4.7%}
.w2 .logos img[data-lgs="6"],.w2 .logos img[data-lg="6"]{translate:0 -7.7%}
.w2 .logos img[data-lgs="14"],.w2 .logos img[data-lg="14"]{translate:0 -5.2%}
.w2 .logos img[data-lgs="16"],.w2 .logos img[data-lg="16"]{translate:0 2.0%}
.w2 .logos img[data-lgs="17"],.w2 .logos img[data-lg="17"]{translate:0 9.2%}
.w2 .logos img[data-lgs="18"],.w2 .logos img[data-lg="18"]{translate:0 2.7%}
.w2 #produkte .prod{grid-template-columns:minmax(0,1fr)!important}
.w2 #produkte .prod>*{min-width:0}
.w2 #produkte .prod-fn{margin:12px 0 0 4px;font-size:12px;color:var(--text-3)}
/* 239b Tablet Marketing duo */
@media (min-width:760px) and (max-width:1099px){
.w2 .duo{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.w2 .duo>#mk-share,.w2 .duo>#mk-konto{align-self:stretch!important}
.w2 .duo>*{min-width:0;width:auto!important;max-width:none!important;aspect-ratio:auto!important}
.w2 .duo #mk-share{grid-column:1!important;grid-row:1!important;min-height:380px}
.w2 .duo #mk-konto{grid-column:2!important;grid-row:1!important;min-height:380px}
.w2 .duo #mk-sponsoren{grid-column:1/-1!important;grid-row:2!important}
.w2 .duo #mk-sponsoren.fx.w{contain:none!important}
.w2 .duo #mk-sponsoren>.pt-m{flex:none!important;height:560px!important}
}
@media (max-width:999px){.w2 .km-nl .nl-t p{max-width:none}}
@media (min-width:760px){.w2 .rail.two+.rail-nav{display:none!important}}
/* 239 Tablet (760–1099 px): Schienen wischen, Quad 2-spaltig, Navigation als Menü */
@media (min-width:760px) and (max-width:1099px){
.w2 .rail:not(.two):not(.gd-rail):not(.fi-mini-rail):not(:has(>#fi-geld:only-child)){grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:calc((100% - 16px) / 2.15)!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;margin-inline:calc(var(--g) * -1)!important;padding-inline:var(--g)!important;scroll-padding-inline:var(--g)!important}
.w2 .rail:not(.two):not(.gd-rail):not(.fi-mini-rail):not(:has(>#fi-geld:only-child)):not(:has(>:nth-child(3))){grid-auto-flow:row!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-columns:auto!important;overflow:visible!important;margin-inline:0!important;padding-inline:0!important}
.w2 .quad:has(#tv-live){grid-template-columns:repeat(2,minmax(0,1fr))}
.w2 .quad #tv-unbegrenzt{grid-column:1;grid-row:1}
.w2 .quad #tv-sprachen{grid-column:2;grid-row:1}
.w2 .quad #tv-live{grid-column:1/-1;grid-row:2}
}
@media (max-width:1099px){.w2 .nav,.w2 .hdr .pill{display:none}
.w2 .menu-btn{display:grid}
.w2 .hdr-in{gap:8px}
.w2 .hdr-in>.hdr-r{display:contents}
.w2 .hdr-in .menu-btn{order:-1;margin-right:4px}
.w2 .hdr-in>.logo{margin-right:auto}
.w2 .lng-p{right:auto;left:50%;transform:translateX(-50%)}
}
.w2 .fhero h1{overflow-wrap:normal}
/* Sprachumschalter */
.w2 .lng-dd{position:relative;flex:none}
.w2 .lng-b{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px 0 11px;border-radius:12px;background:var(--surface);color:var(--text);
  font-size:13px;font-weight:800;letter-spacing:.02em;transition:background-color .2s}
.w2 .lng-b:hover,.w2 .lng-b[aria-expanded="true"]{background:var(--surface-2)}
.w2 .lng-b .i{font-size:16px;color:var(--text-2)}
.w2 .lng-c{min-width:2ch;text-align:center}
.w2 .lng-p{position:absolute;top:calc(100% + 10px);right:0;min-width:210px;z-index:70;background:var(--surface);border-radius:16px;box-shadow:var(--shadow);
  padding:6px;display:grid;gap:2px}
.w2 .lng-p[hidden]{display:none}
.w2 .lng-p button{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 12px;border-radius:10px;font-size:14px;font-weight:700;
  color:var(--text-2);text-align:left;transition:background-color .2s,color .2s}
.w2 .lng-p button:hover{background:var(--surface-2);color:var(--text)}
.w2 .lng-p button span{font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--text-3)}
.w2 .lng-p button[aria-checked="true"]{background:var(--surface-2);color:var(--text)}
.w2 .lng-p button[aria-checked="true"] span{color:var(--text)}
.w2 .lng-row{display:flex;gap:6px;padding:4px 4px 10px}
.w2 .lng-row button{flex:1;height:40px;border-radius:12px;background:var(--surface-2);color:var(--text-2);font-size:13px;font-weight:800;letter-spacing:.02em;
  transition:background-color .2s,color .2s}
.w2 .lng-row button[aria-pressed="true"]{background:var(--inv);color:var(--inv-fg)}
@media (max-width:479px){.w2 .hdr .lng-b{padding:0 10px}.w2 .hdr .lng-b .i{display:none}}
@media (max-width:359px){.w2 .hdr .lng-dd{display:none}}
@media (max-width:999px){.w2 .lng-p{right:auto;left:50%;transform:translateX(-50%)}}
@media (max-width:999px){.w2 .hdr-in{gap:8px}.w2 .hdr-in>.hdr-r{display:contents}.w2 .hdr-in .menu-btn{order:-1;margin-right:4px}.w2 .hdr-in>.logo{margin-right:auto}}
@media (max-width:379px){.w2 .hero .ctas{gap:8px}.w2 .hero .ctas .btn{padding:0 8px;font-size:13.5px;gap:6px}}
.w2 .ft2-t b{overflow-wrap:break-word;hyphens:auto}
@media (max-width:599px){.w2 .pdf-row .btn{white-space:normal;height:auto;min-height:52px;padding:12px 18px;line-height:1.3;text-align:center;max-width:100%}}
/* Wallet-Karte: Badges oben, Beispiel-Pass angeschnitten */
.w2 #tv-wallet{padding-bottom:0}
.w2 #tv-wallet .wl-m{flex:1 1 0;height:0;min-height:0;margin-top:0;padding-top:10px;display:flex;flex-direction:column;gap:14px}
.w2 #tv-wallet .wallets{flex-wrap:nowrap;gap:6px}
.w2 #tv-wallet .wallets img{height:28px;width:auto;min-width:0}
.w2 .wl-ph{flex:1 1 0;min-height:0;height:auto;width:min(100%,246px);margin:0 auto;background:#060607;color:#fff;padding:10px 10px 0;gap:8px}
.w2 .wl-ph .sb{padding:2px 10px 0}
.w2 .wp-clip{flex:1 1 0;min-height:0;overflow:hidden;padding:0;container-type:inline-size}
.w2 .wl-ph .wp::before{background:#060607}
.w2 .wp{position:relative;border-radius:14px 14px 0 0;background:#161618;color:#fff;padding:4.5cqw 5.5cqw 6cqw;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 18px 40px -16px rgba(0,0,0,.7)}
.w2 .wp::before{content:"";position:absolute;top:-8cqw;left:50%;width:16cqw;height:16cqw;margin-left:-8cqw;border-radius:50%;background:var(--surface)}
.w2 .wp-top{display:flex;justify-content:space-between;align-items:flex-start}
.w2 .wp-logo{font-family:var(--font-logo);font-weight:700;font-size:7.6cqw;line-height:1;margin-top:1.5cqw}
.w2 .wp-no{text-align:right;line-height:1.05}
.w2 .wp-no small,.w2 .wp-f small{display:block;font-size:3cqw;font-weight:700;letter-spacing:.08em;opacity:.7}
.w2 .wp-no b{display:block;font-size:6.6cqw;font-weight:500}
.w2 .wp-bn{position:relative;overflow:hidden;margin:3.5cqw -5.5cqw 4.5cqw;height:34cqw;background:#000;padding:4.2cqw 5.5cqw;display:flex;flex-direction:column;justify-content:center;gap:1.8cqw}
.w2 .wp-deco{position:absolute;inset:0;width:100%;height:100%}
.w2 .wp-tag{position:relative;align-self:flex-start;font-size:2.4cqw;font-weight:800;letter-spacing:.06em;padding:.6cqw 2cqw;border-radius:99px;border:1px solid #7569FE;color:#d9d5ff}
.w2 .wp-h{position:relative;font-size:8cqw;font-weight:800;letter-spacing:-.04em;line-height:1.02}
.w2 .wp-f b{display:block;font-size:4.8cqw;font-weight:500;line-height:1.25;margin-top:.6cqw}
.w2 .wp-f b.wp-big{font-size:6.6cqw}
.w2 .wp-f.r{text-align:right}
.w2 .wp-row{display:flex;justify-content:space-between;gap:3cqw;margin-top:4.5cqw}
.w2 .wp-qr{width:50cqw;margin:7cqw auto 0;padding:4cqw;border-radius:4cqw;background:#fff}
.w2 .wp-qr svg{display:block;width:100%;height:auto}
@media (min-width:760px){.w2 #tv-wallet .wallets{gap:8px}.w2 #tv-wallet .wallets img{height:clamp(30px,3.2vw,40px)}.w2 #tv-wallet .wl-m{gap:18px}}

/* Breite Karten */
.w2 .fx.w{border-radius:24px}
.w2 .fx.big{border-radius:20px}

/* 2 Quadrate (170) + Breitkarte (353 × 170) */
.w2 .quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.w2 .fx.q{aspect-ratio:1/1;min-height:0;align-self:start;padding:14px;gap:6px}
.w2 .fx.qw{grid-column:1/-1;min-height:170px;border-radius:20px;padding:16px}
.w2 .fx.q h3,.w2 .fx.qw h3{font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.w2 .fx.q .mock,.w2 .fx.qw .mock{padding-top:10px}
.w2 .fx.q .zero-s{flex-direction:column;align-items:stretch;gap:2px}
.w2 .fx.q .zero-s span{padding:6px 8px;font-size:11px}
.w2 .fx.q .zero-s b{font-size:17px}
.w2 .fx.q .zero-s i{font-size:13px;line-height:1;text-align:center}
.w2 .fx.q.more{gap:8px}
.w2 .fx.q.more ul{grid-template-columns:minmax(0,1fr);gap:4px;margin-top:0}
.w2 .fx.q.more li{padding:5px 8px;gap:8px;border-radius:10px;font-size:11.5px;line-height:1.25;white-space:normal;min-width:0}
.w2 .fx.q.more .ic{display:none;width:22px;height:22px;border-radius:7px;font-size:12px}
.w2 .fx.qw .note{font-size:13.5px}

@media (min-width:760px){
  .w2 .fpl-h{font-size:clamp(30px,3.6vw,44px);line-height:1.15;margin:64px 0 18px}
  .w2 .rail{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:16px;
    overflow:visible;margin-inline:0;padding-inline:0;scroll-snap-type:none}
  .w2 .rail>.fx,.w2 .rail.lg>.fx{aspect-ratio:auto;height:auto;min-height:460px}
  .w2 .rail.lg .fx.v{padding:24px}
  .w2 .rail.lg .fx.v.ph{padding-bottom:0}
  .w2 .fx.v{padding:24px;gap:8px}
  .w2 .fx.v.ph{padding-bottom:0}
  .w2 .fx.v h3{font-size:20px;font-weight:800;letter-spacing:-.025em;line-height:1.25}
  .w2 .fx.v>p{font-size:14.5px}
  .w2 .quad{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .w2 .fx.q{padding:24px}
  .w2 .fx.qw{grid-column:span 2;align-self:stretch;min-height:0;padding:24px}
  .w2 .fx.q h3,.w2 .fx.qw h3{font-size:20px;font-weight:800;letter-spacing:-.025em;line-height:1.25}
  .w2 .fx.q .zero-s span{padding:10px 8px;font-size:11.5px}
  .w2 .fx.q .zero-s b{font-size:20px}
  .w2 .fx.q.more li{padding:8px 10px;font-size:13px}
  .w2 .fx.q.more .ic{display:grid;width:28px;height:28px;font-size:14px}
}


/* ===== Website v2 additions (not in the prototype) ===== */
/* What's new: a post's cover sits in the illustration slot */
.w2 .upm-cover{--g1:rgba(117,105,254,.55);--g2:rgba(117,105,254,.18)}
.w2 .upm-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.w2 .upm-cover>.bw{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(28px,8cqw,64px);color:#fff}
.w2 .upd-empty{color:var(--text-2);font-size:15px;padding:24px 0}
/* What's new: body HTML from the blog API */
.w2 .upd-body h2,.w2 .upd-body h3{font-size:clamp(20px,2.4vw,26px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-top:12px}
.w2 .upd-body ul,.w2 .upd-body ol{padding-left:22px;display:grid;gap:6px;font-size:16.5px;line-height:1.6}
.w2 .upd-body a{text-decoration:underline;text-underline-offset:2px}
.w2 .upd-body img{max-width:100%;height:auto;border-radius:14px}

/* ===== Framed pages (layouts/website-frame.vue): header and footer blocks around an existing page ===== */
.w2-frame .w2{font-family:var(--font);font-size:15px;line-height:1.5;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.w2-frame .w2-frame-top,.w2-frame .w2-frame-bottom{background:var(--bg)}

/* ===== Auth screens: login, register, password (website/pages/auth) ===== */
.w2.w2-auth{display:block;background:var(--bg);min-height:calc(100vh - var(--hdr,64px));padding:clamp(28px,6vw,72px) 0 clamp(40px,7vw,96px)}
.w2 .au{display:flex;justify-content:center}
.w2 .au-card{width:100%;max-width:460px;background:var(--surface);border-radius:24px;padding:clamp(20px,4vw,32px);display:grid;gap:18px}
.w2 .au-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px;border-radius:14px;background:var(--surface-2)}
.w2 .au-tab{height:40px;border:0;border-radius:11px;background:none;color:var(--text-2);font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;transition:background-color .2s,color .2s}
.w2 .au-tab:hover{color:var(--text)}
.w2 .au-tab.on{background:var(--surface);color:var(--text)}
.w2 .au-tab:focus-visible,.w2 .au-link:focus-visible,.w2 .au-eye:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.w2 .au-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--surface-2);font-size:13.5px;line-height:1.45;color:var(--text-2)}
.w2 .au-note>.i{flex:none;font-size:17px;margin-top:1px;color:var(--text)}
.w2 .au-note b{color:var(--text);font-weight:700}
.w2 .au-note a,.w2 .au-link{color:var(--text);font-weight:700;text-decoration:underline;text-underline-offset:2px;background:none;border:0;padding:0;font:inherit;font-weight:700;cursor:pointer}
.w2 .au-panel{display:grid;gap:6px}
.w2 .au-head{display:flex;align-items:center;gap:12px}
.w2 .au-ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--surface-2);font-size:20px}
.w2 .au-h{font-size:clamp(24px,3vw,30px);font-weight:800;letter-spacing:-.03em;line-height:1.15}
.w2 .au-sub{font-size:14.5px;color:var(--text-2);line-height:1.5}
.w2 .au-done{font-size:16px;font-weight:700}
.w2 .au-alert{display:flex;gap:10px;align-items:flex-start;margin-top:8px;padding:11px 13px;border-radius:12px;font-size:14px;font-weight:600;line-height:1.4;background:var(--red-dim);color:var(--red-ink)}
.w2 .au-alert.ok{background:var(--green-dim);color:var(--green-ink)}
.w2 .au-alert>.i{flex:none;font-size:17px;margin-top:1px}
.w2 .au-form{display:grid;gap:16px;margin-top:14px}
.w2 .au-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:479px){.w2 .au-two{grid-template-columns:1fr}}
.w2 .au-fld{display:grid;gap:6px;min-width:0}
.w2 .au-fld label{font-size:13px;font-weight:700;color:var(--text-2)}
.w2 .au-fld label small{font-weight:500;color:var(--text-3)}
.w2 .au-lrow{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.w2 .au-lrow .au-link{font-size:13px}
.w2 .au-inp{width:100%;height:48px;padding:0 14px;border:0;border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit;font-size:15px;font-weight:600;outline:none;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .15s,background-color .15s;-webkit-appearance:none;appearance:none}
.w2 .au-inp::placeholder{color:var(--text-3);font-weight:500;opacity:1}
.w2 .au-inp:focus{box-shadow:inset 0 0 0 2px var(--text);background:var(--surface)}
.w2 .au-inp.err{box-shadow:inset 0 0 0 2px var(--red)}
.w2 .au-pw,.w2 .au-sel{position:relative}
.w2 .au-pw .au-inp{padding-right:48px}
.w2 .au-eye{position:absolute;top:0;right:0;width:48px;height:48px;display:grid;place-items:center;border:0;background:none;color:var(--text-2);cursor:pointer;border-radius:12px;font-size:19px}
.w2 .au-eye:hover{color:var(--text)}
.w2 .au-sel .au-inp{padding-right:40px;cursor:pointer}
.w2 .au-sel>.i{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-2);font-size:16px}
.w2 .au-err{font-size:12.5px;font-weight:600;color:var(--red-ink)}
.w2 .au-hint{font-size:12.5px;color:var(--text-3);line-height:1.45}
.w2 .au-submit{width:100%;margin-top:4px}
.w2 .au-submit[disabled]{opacity:.6;cursor:progress}
.w2 .au-spin{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:w2-auspin .7s linear infinite}
@keyframes w2-auspin{to{transform:rotate(360deg)}}
.w2 .au-switch{text-align:center;font-size:14px;color:var(--text-2)}
.w2 .au-switch a,.w2 .au-alert a,.w2 .au-note a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.w2 .au-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* ===== Pages beyond the prototype (website/pages/more, legal): same tokens and type ===== */
.w2 main.page.pg,.w2.pg{padding-bottom:clamp(48px,7vw,96px)}
.w2-frame .w2.pg{display:block;background:var(--bg)}
.w2 .pg-sec{margin-top:clamp(44px,6vw,80px)}
.w2 .pg-sec>.fpl-h:first-child{margin-top:0}
.w2 .pg-narrow{max-width:720px;margin-inline:auto}
.w2 .pg-grid{display:grid;gap:16px;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr))}
.w2 .pg-grid.c2{--cols:2}
.w2 .pg-grid.c4{--cols:4}
@media (max-width:999px){.w2 .pg-grid.c4{--cols:2}}
@media (max-width:759px){.w2 .pg-grid,.w2 .pg-grid.c4{grid-template-columns:minmax(0,1fr)}}
.w2 .pg-card{background:var(--surface);border-radius:24px;padding:clamp(20px,2.4vw,28px);display:grid;gap:10px;align-content:start;min-width:0}
.w2 .pg-card h2,.w2 .pg-card h3{font-size:20px;font-weight:800;letter-spacing:-.025em;line-height:1.25}
.w2 .pg-card p{font-size:15px;color:var(--text-2);line-height:1.55}
.w2 .pg-card p b,.w2 .pg-card p strong{color:var(--text)}
.w2 .pg-card a:not(.btn){color:var(--text);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.w2 .pg-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--surface-2);font-size:20px;color:var(--text)}
.w2 .pg-num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--inv);color:var(--inv-fg);font-size:15px;font-weight:800}
.w2 .pg-row{display:flex;gap:14px;align-items:flex-start}
.w2 .pg-row>div{display:grid;gap:6px;min-width:0}
.w2 .pg-lead{font-size:clamp(16px,1.6vw,18px);color:var(--text-2);line-height:1.55;max-width:62ch}
.w2 .pg-hint{font-size:13px;color:var(--text-3);line-height:1.45}
.w2 .pg-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}
@media (max-width:479px){.w2 .pg-kv{grid-template-columns:minmax(0,1fr)}}
.w2 .pg-kv dt{font-size:12.5px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}
.w2 .pg-kv dd{font-size:15.5px;font-weight:700;color:var(--text);margin-top:2px;overflow-wrap:anywhere}
.w2 .pg-actions{display:flex;flex-wrap:wrap;gap:10px}
.w2 .pg-actions .btn{flex:1 1 180px}
.w2 .pg-center{text-align:center;justify-items:center}
.w2 .au-inp.ta{height:auto;min-height:150px;padding:12px 14px;line-height:1.5;resize:vertical}
.w2 .au-fld details{font-size:13px;color:var(--text-2)}
.w2 .au-fld summary{cursor:pointer;font-weight:700;color:var(--text);width:max-content}
.w2 .au-fld details p{margin-top:6px;line-height:1.45}
.w2 .pg-form{display:grid;gap:16px}
.w2 .pg-split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:899px){.w2 .pg-split{grid-template-columns:minmax(0,1fr)}}
.w2 .pg-stack{display:grid;gap:16px}

/* Legal texts: sticky contents beside one reading card */
.w2 .dc-hero{text-align:left;justify-items:start;align-items:start}
.w2 .dc-hero>*{margin-left:0!important;margin-right:0!important;text-align:left}
.w2 .phero>.free-pill{align-self:center;margin:4px auto 0}
.w2 .dc-hero .kick{margin:0}
.w2 .dc-meta{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:10px;background:var(--surface-2);font-size:13px;font-weight:700;color:var(--text-2)}
.w2 .dc{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start;margin-top:clamp(24px,3vw,36px)}
@media (max-width:999px){.w2 .dc{grid-template-columns:minmax(0,1fr)}.w2 .dc-toc{display:none!important}}
.w2 .dc-toc{position:sticky;top:calc(var(--hdr,64px) + 20px);background:var(--surface);border-radius:20px;padding:16px;display:grid;gap:2px;max-height:calc(100vh - var(--hdr,64px) - 40px);overflow:auto}
.w2 .dc-toc>p,.w2 .dc-mtoc>p{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:0 8px 8px}
.w2 .dc-toc a{display:block;padding:7px 8px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--text-2);line-height:1.35}
.w2 .dc-toc a:hover{background:var(--surface-2);color:var(--text)}
.w2 .dc-toc a.on{background:var(--surface-2);color:var(--text);font-weight:800}
.w2 .dc-card{background:var(--surface);border-radius:24px;padding:clamp(22px,4vw,48px);min-width:0;max-width:860px}
.w2 .dc-note,.w2 .dc-mtoc{background:var(--surface-2);border-radius:16px;padding:16px 18px;font-size:14.5px;line-height:1.55;color:var(--text-2);margin-bottom:28px}
.w2 .dc-mtoc{display:none}
@media (max-width:999px){.w2 .dc-mtoc{display:block}}
.w2 .dc-mtoc ol{list-style:none;padding-left:0;display:grid;gap:6px;font-size:14px}
.w2 .dc-mtoc a{color:var(--text);text-decoration:underline;text-underline-offset:2px}
.w2 .dc-prose{font-size:15.5px;line-height:1.7;color:var(--text-2)}
.w2 .dc-prose section{scroll-margin-top:calc(var(--hdr,64px) + 24px)}
.w2 .dc-prose section+section{margin-top:32px;padding-top:32px;border-top:1px solid var(--line)}
.w2 .dc-prose h2{font-size:clamp(20px,2.2vw,24px);font-weight:800;letter-spacing:-.025em;line-height:1.25;color:var(--text);margin:0 0 12px}
.w2 .dc-prose h3{font-size:16.5px;font-weight:800;letter-spacing:-.01em;color:var(--text);margin:22px 0 8px}
.w2 .dc-prose p{margin:0}
.w2 .dc-prose p+p,.w2 .dc-prose p+ul,.w2 .dc-prose ul+p,.w2 .dc-prose p+ol,.w2 .dc-prose ol+p,.w2 .dc-prose p+div,.w2 .dc-prose div+p,.w2 .dc-prose p+address,.w2 .dc-prose address+p{margin-top:12px}
.w2 .dc-prose ul{list-style:disc;padding-left:22px;display:grid;gap:6px}
.w2 .dc-prose ol{list-style:decimal;padding-left:22px;display:grid;gap:6px}
.w2 .dc-prose li>p+p{margin-top:6px}
.w2 .dc-prose li>ul,.w2 .dc-prose li>ol{margin-top:6px}
.w2 .dc-prose a{color:var(--text);font-weight:600;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.w2 .dc-prose strong{color:var(--text);font-weight:700}
.w2 .dc-prose address{display:block;font-style:normal;background:var(--surface-2);border-radius:14px;padding:16px 18px;line-height:1.65;margin-top:12px}
.w2 .dc-prose .dc-scroll{overflow-x:auto;margin-top:14px;border-radius:14px;background:var(--surface-2)}
.w2 .dc-prose table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.w2 .dc-prose th{text-align:left;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);padding:12px 14px}
.w2 .dc-prose td{padding:12px 14px;vertical-align:top;border-top:1px solid var(--line);color:var(--text-2)}
.w2 .dc-prose td:first-child{color:var(--text);font-weight:600}
.w2 .dc-prose .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.w2 .dc-top{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:40}
/* Community ticket sales: hero with a sample community ticket */
.w2 .cs-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,56px);align-items:center;padding-top:clamp(32px,6vw,72px)}
@media (max-width:899px){.w2 .cs-hero{grid-template-columns:minmax(0,1fr)}}
.w2 .cs-copy{display:grid;gap:16px;justify-items:start}
.w2 .cs-copy h1{font-size:clamp(40px,6vw,76px);font-weight:800;letter-spacing:-.045em;line-height:1}
.w2 .cs-copy .lead{font-size:clamp(17px,1.8vw,20px);color:var(--text-2);line-height:1.45;max-width:52ch}
.w2 .cs-copy .ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.w2 .cs-tk{justify-self:center;width:min(100%,330px);background:var(--surface);border-radius:28px;padding:14px;display:grid;gap:12px;margin:0}
.w2 .cs-tk-top{display:flex;justify-content:space-between;align-items:center;padding:6px 8px 0}
.w2 .cs-tk-top .bw{font-family:var(--font-logo);font-size:22px;font-weight:700}
.w2 .cs-tk-tag{font-size:11.5px;font-weight:800;padding:4px 9px;border-radius:8px;background:var(--surface-2);color:var(--text-2)}
.w2 .cs-tk-body{background:#0b0b0c;color:#fff;border-radius:20px;padding:18px;display:grid;gap:4px}
.w2 .cs-tk-body small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.w2 .cs-tk-body b{font-size:20px;font-weight:800;letter-spacing:-.02em}
.w2 .cs-tk-body>span{font-size:13px;color:rgba(255,255,255,.7)}
.w2 .cs-qr{display:grid;grid-template-columns:repeat(15,1fr);gap:0;width:150px;aspect-ratio:1;margin:14px auto 10px;padding:10px;background:#fff;border-radius:12px}
.w2 .cs-qr i{display:block}
.w2 .cs-qr i.on{background:#000}
.w2 .cs-tk-body dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.w2 .cs-tk-body dt{font-size:11px;font-weight:700;color:rgba(255,255,255,.55)}
.w2 .cs-tk-body dd{font-size:14px;font-weight:700}
.w2 .cs-tk-ok{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:14px;background:var(--green-dim);color:var(--green-ink);font-size:14px;font-weight:800}

/* ===== Spacing pass: inner padding measured on every public page (390 and 1440 px, 4 languages) ===== */
/* icon tiles and step numbers keep their size in flex rows (they were squeezed to 20 to 34px) */
.w2 .pg-ic,.w2 .pg-num{flex:none}
/* hero buttons on phones: side by side only when both labels fit, else the second takes its own row.
   The prototype forced one row with 6px side padding, which only fits the German labels. */
@media (max-width:599px){
  .w2 .hero-ctas{flex-wrap:wrap!important}
  .w2 .hero-ctas>.cta-w,.w2 .hero-ctas>.btn{flex:1 1 auto!important;min-width:fit-content!important}
  .w2 .hero-ctas .btn{padding:0 18px!important;width:100%}
  .w2 main.page .fhero .ctas,.w2 main.page .fhero:not(.fh-card):has(.fh-v) .ctas{flex-wrap:wrap!important}
  .w2 main.page .fhero .ctas .btn,.w2 main.page .fhero:not(.fh-card):has(.fh-v) .ctas .btn{flex:1 1 auto!important;min-width:fit-content!important;padding:0 16px!important}
}
/* "more features" cards: long names (Customer management, Gestion des clients) wrap instead of being cut */
.w2 .others a b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
/* pricing comparison on phones: the table fit only by scrolling sideways; names wrap, the panel gets room */
@media (max-width:479px){
  .w2 .ksim .ks-cmp{padding:4px 14px 10px}
  .w2 .ks-vt td:first-child{width:28%}
}
/* rows of a label and a button: the button takes its own line when both do not fit (FR "Vers la plateforme") */
.w2 .pz .feebox-r .row,.w2 #tv-preise .feebox-r .row{flex-wrap:wrap}
.w2 .pz .feebox-r .row>.btn,.w2 #tv-preise .feebox-r .row>.btn{margin-left:auto}
/* fee rows in the pop-ups: long values wrap on the right instead of running out of the box */
.w2 .xm-row>span{flex:1 1 55%;min-width:0}
.w2 .xm-row>b{flex:0 1 auto;white-space:normal;text-align:right}
/* product cards on the start page: buttons wrap to a new line rather than squeezing their label */
.w2 #produkte .rail.two>.prod>.ctas .btn{flex:1 1 auto;min-width:fit-content!important}
/* form buttons with long labels (LB, FR) wrap inside the button and keep their side padding */
.w2 .au-submit{height:auto!important;min-height:52px;padding:12px 20px!important;white-space:normal;line-height:1.25;text-align:center}
/* small phones (360 wide): the header row with a long login label ("Se connecter") and the section header rows with a button stay inside the screen */
@media (max-width:379px){
  .w2 .hdr-in{gap:6px}
  .w2 .hdr-in .menu-btn{margin-right:0}
  .w2 .hdr .lng-b{padding:0 8px}
  .w2 .hdr .hdr-r>.btn.pri{padding:0 12px;font-size:14px}
}
/* a long title (LB, FR) wraps inside its own column so the button stays beside it, never under it */
.w2 .fpl-hr>.fpl-h{flex:1 1 0;min-width:0}
.w2 .fpl-hr>.btn{flex:none}
.w2 h1,.w2 h2,.w2 h3{overflow-wrap:break-word}
/* the hero column centres its children, so a long single word (Rückerstattung, Remboursement) sets the title width: cap it and let the word break */
@media (max-width:379px){.w2 .phero>h1{max-width:100%;hyphens:auto}}
.w2 .cs-copy{grid-template-columns:minmax(0,1fr)}
.w2 .cs-copy>h1{max-width:100%}
@media (max-width:379px){.w2 .cs-copy>h1{hyphens:auto}}
/* framed pages: the footer's top margin stays inside the grey wrapper instead of collapsing through it onto the white page behind */
.w2-frame .w2-frame-top,.w2-frame .w2-frame-bottom{display:flow-root}
/* home: more air between header and headline on desktop (was 4.5vh, 40px on a 900px screen; the other pages have about 80px, home gets the most for its bigger headline) */
@media (min-width:900px){.w2 main[data-page="start"] .hero{padding-top:clamp(72px,12vh,128px)!important}}
/* home logo strip: calmer on desktop, more air, logos fade out before the rounded edge of the card */
.w2 .logos.mq2 .lg-row{margin:0 16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
@media (min-width:760px){
  .w2 main[data-page="start"] .trust .logos{padding-top:28px!important;padding-bottom:28px!important}
  .w2 .logos.mq2 .lg-row{margin:0 24px}
  .w2 .lg-t{animation-duration:48s}
}
/* short laptop screens (768 high and less): the hero buttons stay above the fold, also under the three-line French headline */
@media (min-width:900px) and (max-height:800px){
  .w2 main[data-page="start"] .hero{padding-top:8vh!important}
  html[lang="fr"] .w2 main[data-page="start"] .hero h1{font-size:min(clamp(48px,7vw,96px),8.5vh)!important}
}
/* green result panels (Home calculator, Pricing simulator): the ink follows the panel colour --el.
   The deep green of light mode takes light ink (dark ink peaks at 3.5:1 there); the mint of dark mode keeps its dark ink. */
html.w2-html{--on-el:#04140d;--on-el-2:rgba(4,20,13,.72)}
@media (prefers-color-scheme:light){html.w2-html:not([data-w2-theme="dark"]){--on-el:#fff;--on-el-2:#e3f2eb}}
html.w2-html[data-w2-theme="light"]{--on-el:#fff;--on-el-2:#e3f2eb}
.w2 .ksim .ks-res,.w2 .ksim .ks-split li b,.w2 .ksim .ks-split li .bw,.w2 .ksim .ks-split li i,.w2 .ksim .ks-split li.sum{color:var(--on-el)}
.w2 .ksim .ks-split,.w2 .ksim .ks-sub{color:var(--on-el-2)}
.w2 .ksim .ks-split li.sum{border-top-color:color-mix(in srgb,var(--on-el) 30%,transparent)}
.w2 #simulator .k2-res .k2-row.us,.w2 #simulator .k2-res .k2-row.us .bw,.w2 #simulator .k2-res .k2-row.us .k2-big{color:var(--on-el)!important}
.w2 #simulator .k2-res .k2-row.us small{color:var(--on-el-2)!important}
/* secondary lines on the grey summary strips: --text-2 lands at 4.3:1 on --surface-2; a quarter step towards --text passes in both themes */
.w2 #simulator .k2-avg span,.w2 .ksim .ks-avg>span,.w2 .ksim .ks-total,.w2 .ksim .ks-room .k{color:color-mix(in srgb,var(--text-2) 72%,var(--text))}
/* Home calculator: the value column may shrink, and on phones it moves under the label (long FR/LB split lines pushed it off the card) */
.w2 #simulator .k2-res .k2-row.us .k2-v{flex:0 1 auto;min-width:0}
@media (max-width:599px){.w2 #simulator .k2-res .k2-row.us{flex-wrap:wrap;row-gap:4px}.w2 #simulator .k2-res .k2-row.us .k2-v{flex:1 1 100%;text-align:left}}
/* Home product cards on phones: the tag line may wrap, so the longer "1 % per ticket, min. €0.25" tag drops under the wordmark instead of running under the More button */
@media (max-width:759px){.w2 #produkte .rail.two>.prod>.tagline{flex-wrap:wrap!important;row-gap:6px}}
/* Home calculator: the average strip really hides when empty (a prototype rule forces display:grid with !important, which beat [hidden]) */
.w2 #simulator .k2 .k2-avg[hidden]{display:none!important}
/* fee calculators: a wrong value gets a message under its field instead of a silent correction, and the results dim until it is fixed */
.w2 .k2-err,.w2 .ksim .ks-err{margin:6px 0 0;font-size:13px;line-height:1.4;font-weight:600;color:var(--red-ink)}
.w2 .k2-fb:has(input[aria-invalid="true"]),.w2 .ksim .ks-inp[aria-invalid="true"]{box-shadow:inset 0 0 0 2px var(--red)}
.w2 .k2.is-stale .k2-res,.w2 .ksim.is-stale .ks-res,.w2 .ksim.is-stale .ks-sum,.w2 .ksim.is-stale .ks-cmp{opacity:.4;transition:opacity .2s}
/* Home hero: the line under the lead speaks to organisers, at a readable size and contrast; on phones the hint arrow would point at the second button, so it goes */
.w2 .hero .lead-fn{font-size:13.5px!important;color:var(--text-2)!important;max-width:62ch;margin-left:auto;margin-right:auto}
.w2 .hero .lead-fn .bw{color:var(--text-2)!important}
@media (max-width:599px){.w2 .hero .lead-fn{font-size:12.5px!important}.w2 .hero-hint svg{display:none}}
/* Pricing plan card: a worked example sits under the Stripe row */
.w2 .plan .wf-ex{margin:10px 0 0;font-size:13px;line-height:1.45;font-weight:500;color:color-mix(in srgb,var(--text-2) 72%,var(--text))}
.w2 .plan .wf-ex .bw{color:inherit}
/* the simulator sets its own --red-ink (a dark-mode tint), so its field messages take --red, which has a light and a dark value */
.w2 .ksim .ks-err{color:var(--red)}
/* desktop: the organiser line runs the full hero width, so it stays one line in every language (two lines pushed the French buttons below a 720px fold) */
@media (min-width:900px){.w2 .hero .lead-fn{max-width:none}}
/* ===== P2 round (2026-10-31) ===== */
/* Pricing simulator: one stable figure first, then what the organiser receives, then the breakdown; the left column holds examples and who pays */
.w2 .ksim .ks-amt,.w2 .ksim .ks-sub{text-align:left}
.w2 .ksim .ks-res{gap:6px}
.w2 .ksim .ks-res>.ks-lbl{padding-top:0;margin-bottom:4px}
.w2 .ksim .ks-net{margin:8px 0 0;font-size:15px;line-height:1.4;font-weight:700;color:var(--on-el)}
.w2 .ksim .ks-res>.ks-split{margin-top:12px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--on-el) 28%,transparent)}
.w2 .ksim .ks-left{justify-content:flex-start;gap:24px}
.w2 .ksim .ks-ex .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.w2 .ksim .ks-ex .chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:12px;background:var(--surface-2);color:var(--text);font:700 14px var(--font)}
.w2 .ksim .ks-ex .chip small{font-size:12.5px;font-weight:500;color:color-mix(in srgb,var(--text-2) 72%,var(--text));font-variant-numeric:tabular-nums}
.w2 .ksim .ks-ex .chip:hover{background:var(--surface-3)}
.w2 .ksim .ks-ex .chip[aria-pressed="true"]{background:var(--inv);color:var(--inv-fg)}
.w2 .ksim .ks-ex .chip[aria-pressed="true"] small{color:inherit;opacity:.85}
.w2 .ksim .ks-who .cmp2-seg{margin-top:8px}
@media (max-width:900px){.w2 .ksim .ks-in,.w2 .ksim .ks-ex,.w2 .ksim .ks-who{order:1}.w2 .ksim .ks-res{order:2}.w2 .ksim .ks-sum{order:3}.w2 .ksim .ks-cmp{order:4}.w2 .ksim .ks-meth{order:5}}
/* one percentage base on the page: the "in %" column (relative to the paytix fee) goes */
.w2 .ksim .ks-vt th:nth-child(5),.w2 .ksim .ks-vt td.p{display:none}
/* the method sits under the table it explains, at a readable size */
@media (min-width:901px){.w2 .ksim .ks-meth{grid-column:2}}
.w2 .ksim .ks-meth summary{font-size:14px;font-weight:600;color:var(--text-2)}
/* Home: the pricing card's button is secondary (filled black is for sign-up); dead arrows under the two product cards go on desktop */
.w2 #start-preise .pw3-btn,.w2 #start-preise .pw3-btn:hover{background:var(--surface-2)!important;color:var(--text)!important}
@media (min-width:960px){.w2 #produkte .rail-nav{display:none}}
/* Home on phones: the second product card peeks in clearly, shorter device crops, 44px buttons */
@media (max-width:759px){
  .w2 #produkte .rail.two{grid-auto-columns:min(80vw,420px)}
  .w2 #produkte .rail.two>.prod>.devices{max-height:340px;overflow:hidden}
  .w2 #produkte .rail.two>.prod>.ctas .btn{height:44px!important}
}
.w2 .prod>.pr-more::after{content:"";position:absolute;inset:-6px -4px}
/* All features pop-up: one line per area */
.w2 .xmt-g small{display:block;font-size:13px;font-weight:500;line-height:1.35;color:var(--text-2);margin-top:2px}
.w2 .xmt-g small .bw{color:inherit}
/* small grey text that fell under 4.5:1 */
.w2 .kick{color:var(--text-2)}
.w2 footer .foot-c,.w2 .lg-note,.w2 #start-updates .us-tx small{color:var(--text-2)!important}
.w2 .ksim .ks-hint{font-size:12px;color:var(--text-2)}
.w2 .plan .fine,.w2 .pz .fine{color:var(--text-2)}
.w2 .ks-vt th,.w2 .ks-vt caption,.w2 .pw3-dc small{color:color-mix(in srgb,var(--text-2) 72%,var(--text))!important}
.w2 .ks-vt th{font-size:12px}
.w2 .ks-vt tr.me td.d,.w2 .ks-vt tr.me td.t{color:color-mix(in srgb,var(--el) 55%,var(--text))}
.w2 #drawer .dl-lu{font-size:11px!important}
/* with the "in %" column hidden, column 4 carries the row's right edge */
.w2 .ksim .ks-vt th:nth-child(4),.w2 .ksim .ks-vt td.t{padding-right:10px}
.w2 .ksim .ks-vt tr.me td.t{border-radius:0 10px 10px 0}
.w2 .ksim .ks-ex .chip[aria-pressed="true"] small{color:var(--inv-fg);opacity:.85}
/* phones: the product-card pill wraps at a readable size instead of shrinking to 9.5px or running off the narrower card */
@media (max-width:759px){.w2 #produkte .rail.two>.prod>.free-pill{white-space:normal!important;font-size:12px!important;border-radius:14px!important;max-width:100%!important}}
/* All features pop-up: the wordmark stays inline in its line, and the lines read on the grey tiles */
.w2 .xmt-g small{color:color-mix(in srgb,var(--text-2) 72%,var(--text))}
.w2 .xmt-g small span,.w2 .xmt-g small b{display:inline!important}
/* ===== Feature pages, trust round (2026-10-31) ===== */
/* Finance money flow: the prototype made its cards follow the theme but left the text in dark-mode colours (unreadable in light mode); the text follows the theme too */
.w2 .mf-m .mf{color:var(--text)}
.w2 .mf-m .mf-tx small,.w2 .mf-m .mf-sp small,.w2 .mf-m .mf-bl,.w2 .mf-m .mf-ok,.w2 .mf-m .mf-ct,.w2 .mf-m .mf-nd small,.w2 .mf-m .mf-no{color:var(--text-2)}
.w2 .mf-m .mf-bi{background:var(--surface-3);color:var(--text-2)}
.w2 .mf-m .mf-ln:not(.on):not(.fe){border-color:var(--line-2)}
.w2 .mf-m .mf-dots i:not(.on){background:var(--line-2)}
.w2 .mf-m .mf-in,.w2 .mf-m .mf-ok svg,.w2 .mf-m .mf-lk{color:var(--el)}
.w2 .mf-m .mf-nd em{color:var(--red-ink)!important}
/* Finance: the primary button takes the money green (the section grey read as disabled) */
.w2 main[data-page="finanzen"] .fhero .ctas .btn.pri{background:var(--el)!important;color:var(--on-el)!important}
/* Finance calculator: a wrong price gets a message; a loss shows in red */
.w2 .pc-err{margin:6px 0 0;font-size:13px;line-height:1.4;font-weight:600;color:var(--red)}
.w2 .pc-in[aria-invalid="true"]{box-shadow:inset 0 0 0 2px var(--red)}
.w2 article.is-stale .pc-calc{opacity:.4;transition:opacity .2s}
.w2 .pc-calc b.neg{color:var(--red)}
/* Entry hero: the door moment over the scanner's status card (ready, then valid, then already scanned), in the scan app's green-700 / red-700.
   The box takes the image's own proportions, so the card lands on the status card whatever crops the hero. */
.w2 .fhero .fh-v{position:relative}
.w2 .ent-res{position:absolute;left:0;top:0;width:100%;aspect-ratio:1182/1059;container-type:inline-size;pointer-events:none}
.w2 .ent-c{position:absolute;left:21.1%;top:37.5%;width:57.9%;height:11.05%;box-sizing:border-box;display:flex;align-items:center;gap:2.2cqw;padding:0 2.4cqw;border-radius:1.9cqw;color:#fff;opacity:0}
.w2 .ent-ok{background:#15803d;animation:w2-ent-ok 9s infinite}
.w2 .ent-dup{background:#b91c1c;animation:w2-ent-dup 9s infinite}
.w2 .ent-i{flex:none;width:5.1cqw;height:5.1cqw;border-radius:1.2cqw;background:rgba(255,255,255,.18);display:grid;place-items:center}
.w2 .ent-i svg{width:62%;height:62%}
.w2 .ent-c b{display:block;font:700 2.2cqw/1.2 var(--font)}
.w2 .ent-c small{display:block;font:500 1.6cqw/1.3 var(--font);color:rgba(255,255,255,.88);margin-top:.4cqw}
/* mobile hero: the bare 738×1291 screenshot inside the drawn phone */
.w2 .ent-res.ent-m{aspect-ratio:738/1291;z-index:2}
.w2 .ent-m .ent-c{left:3.7%;top:20.1%;width:92.6%;height:9%;gap:3.4cqw;padding:0 3.6cqw;border-radius:2.8cqw}
.w2 .ent-m .ent-i{width:8cqw;height:8cqw;border-radius:2cqw}
.w2 .ent-m .ent-c b{font-size:3.4cqw}
.w2 .ent-m .ent-c small{font-size:2.6cqw}
@keyframes w2-ent-ok{0%,24%{opacity:0}28%,46%{opacity:1}50%,100%{opacity:0}}
@keyframes w2-ent-dup{0%,60%{opacity:0}64%,82%{opacity:1}86%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.w2 .ent-ok{animation:none;opacity:1}.w2 .ent-dup{animation:none}}

/* ===== Compare page (website/components/compare) ===== */

/* ===== Compare: fee calculator and comparison (website/components/compare/CompareW2.vue) ===== */
/* The component is the only child of main.page, so it spaces its own sections like the page does */
.w2 .cmp2{display:flex;flex-direction:column;gap:var(--sgap,clamp(40px,5vw,64px));min-width:0}
.w2 .cmp2 .kick+.fpl-h{margin-top:0!important}
.w2 .cmp2-hero h1{font-size:clamp(34px,5.6vw,68px);max-width:20ch}
.w2 .cmp2-hero .lead{max-width:46ch}
.w2 .cmp2-crumbs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;margin-bottom:16px;font-size:13.5px;font-weight:600;color:var(--text-3)}
.w2 .cmp2-crumbs a{color:var(--text-2);transition:color .2s}
.w2 .cmp2-crumbs a:hover{color:var(--text)}
.w2 .cmp2-crumbs [aria-current]{color:var(--text)}

/* Calculator beside the results; sticky on desktop only when the screen is tall enough to show all of it (about 1000px) */
.w2 .cmp2-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:1000px){.w2 .cmp2-grid{grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:20px}}
@media (min-width:1000px) and (min-height:1100px){.w2 .cmp2-calc{position:sticky;top:calc(var(--hdr,64px) + 20px)}}
.w2 .cmp2-side{min-width:0}
.w2 .cmp2-calc{background:var(--surface);border-radius:24px;padding:clamp(20px,2.4vw,28px);display:grid;gap:22px;min-width:0}
.w2 .cmp2-calc-h h2{font-size:20px;font-weight:800;letter-spacing:-.025em;line-height:1.25}
.w2 .cmp2-calc-h p{font-size:14px;color:var(--text-2);line-height:1.45;margin-top:4px}
.w2 .cmp2-lbl{display:block;font-size:13px;font-weight:700;color:var(--text-2);margin-bottom:8px}
.w2 .cmp2-inp{position:relative}
.w2 .cmp2-inp .au-inp{height:56px;padding-right:40px;font-size:22px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.w2 .cmp2-inp>span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:17px;font-weight:700;color:var(--text-3);pointer-events:none}
.w2 .cmp2-warn{margin-top:8px;font-size:12.5px;font-weight:600;line-height:1.45;color:var(--red-ink)}
.w2 .cmp2-help{margin-top:8px}

/* Presets and providers: chips like the pricing calculator's examples */
.w2 .cmp2-chips{display:flex;flex-wrap:wrap;gap:8px}
.w2 .cmp2-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border-radius:12px;background:var(--surface-2);color:var(--text);
  font-size:13.5px;font-weight:700;line-height:1.25;text-align:left;transition:background-color .2s,color .2s,transform .2s cubic-bezier(.2,.7,.3,1)}
.w2 .cmp2-chip:hover{background:var(--surface-3)}
.w2 .cmp2-chip:active{transform:scale(.97)}
.w2 .cmp2-chip small{font-size:12.5px;font-weight:500;color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.w2 .cmp2-chip .i{font-size:14px;stroke-width:2.8}
.w2 .cmp2-chip[aria-pressed="true"]{background:var(--inv);color:var(--inv-fg)}
.w2 .cmp2-chip[aria-pressed="true"] small{color:inherit;opacity:.7}
.w2 .cmp2-grp+.cmp2-grp{margin-top:14px}
.w2 .cmp2-grp-l{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px}

/* Who pays / VAT: segmented choice */
.w2 .cmp2-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:14px;background:var(--surface-2)}
.w2 .cmp2-seg button{min-height:40px;padding:6px 10px;border-radius:10px;color:var(--text-2);font-size:14px;font-weight:700;line-height:1.2;transition:background-color .2s,color .2s}
.w2 .cmp2-seg button:hover{color:var(--text)}
.w2 .cmp2-seg button[aria-pressed="true"]{background:var(--inv);color:var(--inv-fg)}

/* Results */
.w2 .cmp2-res{display:grid;gap:16px;align-content:start;min-width:0}
.w2 .cmp2-res.is-awaiting .cmp2-card{opacity:.55}
.w2 .cmp2-verdict{display:grid;gap:8px;padding:clamp(20px,2.6vw,28px);border-radius:24px;background:var(--surface-2);color:var(--text)}
.w2 .cmp2-verdict.is-win{background:var(--green);color:var(--inv-fg)}
.w2 .cmp2-verdict b{display:block;font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-.03em;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.w2 .cmp2-verdict p{font-size:15px;font-weight:500;line-height:1.5;opacity:.86}
.w2 .cmp2-verdict.is-idle p{opacity:1;color:var(--text-2)}

.w2 .cmp2-tiles{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:600px){.w2 .cmp2-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.w2 .cmp2-tile.is-wide{grid-column:1/-1}}
.w2 .cmp2-tile{display:flex;align-items:center;gap:14px;min-width:0;padding:18px 20px;border-radius:20px;background:var(--surface)}
.w2 .cmp2-tile>div{min-width:0}
.w2 .cmp2-tile .pg-ic{flex:none;width:40px;height:40px;border-radius:12px;font-size:18px}
.w2 .cmp2-tile.is-win .pg-ic{background:var(--green-dim);color:var(--green-ink)}
.w2 .cmp2-tile b{display:block;font-size:clamp(20px,2.2vw,26px);font-weight:800;letter-spacing:-.025em;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.w2 .cmp2-tile.is-win b{color:var(--green-ink)}
.w2 .cmp2-tile small{display:block;margin-top:3px;font-size:13.5px;font-weight:600;line-height:1.35;color:var(--text-2)}

/* Provider cards */
.w2 .cmp2-card{min-width:0;padding:clamp(20px,2.4vw,28px);border-radius:24px;background:var(--surface)}
.w2 .cmp2-ch{display:flex;flex-direction:column;gap:14px}
.w2 .cmp2-ch>div{min-width:0}
@media (min-width:600px){.w2 .cmp2-ch{flex-direction:row;justify-content:space-between;align-items:flex-start}.w2 .cmp2-ch>.cmp2-tot{flex:none;max-width:55%;text-align:right}}
.w2 .cmp2-ch h2,.w2 .cmp2-ch h3{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:20px;font-weight:800;letter-spacing:-.025em;line-height:1.25}
.w2 .cmp2-ch h2 .bw{font-size:28px;line-height:1}
.w2 .cmp2-ch p{font-size:14px;line-height:1.45;color:var(--text-2);margin-top:4px}
.w2 .cmp2-us{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:var(--green-dim);color:var(--green-ink);
  font-family:var(--font);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.w2 .cmp2-logo{height:22px;width:auto;border-radius:5px}
.w2 .cmp2-asof,.w2 .cmp2-ch p.cmp2-asof{font-size:12.5px;line-height:1.45;color:var(--text-3)}
.w2 .cmp2-asof a{color:var(--text-2);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.w2 .cmp2-asof a:hover{color:var(--text)}
.w2 .cmp2-tot b{display:block;font-size:clamp(30px,3.6vw,40px);font-weight:800;letter-spacing:-.035em;line-height:1.05;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.w2 .cmp2-tot b.is-long{font-size:clamp(24px,2.8vw,30px)}
.w2 .cmp2-tot b.is-huge{font-size:clamp(20px,2.2vw,24px)}
.w2 .cmp2-tot small{display:block;margin-top:4px;font-size:13px;font-weight:600;color:var(--text-2)}
.w2 .cmp2-tot.is-no b{font-size:clamp(24px,2.8vw,30px);color:var(--red-ink)}
.w2 .cmp2-card.is-lose .cmp2-tot b{color:var(--red-ink)}
.w2 .cmp2-pill{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:5px 10px;border-radius:10px;background:var(--red-dim);color:var(--red-ink);
  font-size:13px;font-weight:800;line-height:1.3;font-variant-numeric:tabular-nums;text-align:left}
.w2 .cmp2-pill .i{font-size:14px;stroke-width:2.6}

/* Fee lines (website/components/compare/CompareFeeBreakdownW2.vue) */
.w2 .cmp2-fees{margin-top:18px}
.w2 .cmp2-fee{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:10px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.4}
.w2 .cmp2-fee>span:first-child{min-width:0}
.w2 .cmp2-fee b{display:block;font-weight:700}
.w2 .cmp2-fee em{display:block;margin-top:2px;font-style:normal;font-size:12.5px;font-weight:500;line-height:1.4;color:var(--text-3)}
.w2 .cmp2-fee>span:last-child{flex:none;font-weight:700;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.w2 .cmp2-fee.is-off>span:last-child{font-weight:600;color:var(--text-3)}
.w2 .cmp2-fee.is-sum,.w2 .cmp2-fee.is-sum>span:last-child{font-weight:800}
.w2 .cmp2-fee.is-sub>span:first-child{color:var(--text-2)}

/* Notices */
.w2 .cmp2-note{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:20px;background:var(--surface-2);font-size:14.5px;line-height:1.55;color:var(--text-2)}
.w2 .cmp2-note>.i{flex:none;margin-top:2px;font-size:18px;color:var(--text)}
.w2 .cmp2-note>p{min-width:0}
.w2 .cmp2-note b{font-weight:700;color:var(--text)}

/* Share toolbar */
.w2 .cmp2-share{display:grid;gap:10px;justify-items:center;text-align:center;padding-top:4px}
.w2 .cmp2-acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
@media (min-width:600px){.w2 .cmp2-acts{display:flex;flex-wrap:wrap;justify-content:center;width:auto}}
.w2 .cmp2-acts .btn{min-width:0;height:auto;min-height:42px;padding:8px 16px;white-space:normal;text-align:center;line-height:1.2}
.w2 .cmp2-acts .btn[disabled]{opacity:.6;cursor:progress}
.w2 .cmp2-freenote{text-align:center}

/* Phones: result summary stuck to the bottom once the calculator has scrolled away */
.w2 .cmp2-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:40;max-width:560px;margin-inline:auto;
  display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 10px 10px 16px;border-radius:16px;
  background:var(--inv);color:var(--inv-fg);font-size:14px;line-height:1.25;text-align:left}
.w2 .cmp2-bar-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
.w2 .cmp2-bar-t b{font-weight:800}
.w2 .cmp2-bar-t i{font-style:normal;opacity:.6}
.w2 .cmp2-bar-e{flex:none;padding:7px 12px;border-radius:10px;background:color-mix(in srgb,var(--inv-fg) 14%,transparent);font-size:13px;font-weight:800}
.w2 .cmp2-bar-enter-active,.w2 .cmp2-bar-leave-active{transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .26s}
.w2 .cmp2-bar-enter,.w2 .cmp2-bar-leave-to{transform:translateY(120%);opacity:0}
@media (min-width:1000px){.w2 .cmp2-bar{display:none!important}}

/* PDF report: rendered off screen by vue-html2pdf, never scrolled by people */
.w2 .cmp2 .vue-html2pdf .layout-container{overflow:hidden!important}

/* Feature table: table from tablet width, one card per feature on phones */
.w2 .cmp2-ft{margin-top:20px;padding:clamp(18px,2.4vw,28px);border-radius:24px;background:var(--surface)}
.w2 .cmp2-ft-t{display:none}
@media (min-width:760px){.w2 .cmp2-ft-t{display:block;overflow-x:auto}.w2 .cmp2-ft-m{display:none}}
.w2 .cmp2-ft-t:focus-visible{outline-offset:4px}
.w2 .cmp2-ft table{width:100%;border-collapse:collapse;text-align:left}
.w2 .cmp2-ft thead th{padding:0 12px 12px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);text-align:center;vertical-align:bottom}
.w2 .cmp2-ft thead th:first-child{padding-left:0;text-align:left}
.w2 .cmp2-ft thead th.is-us{color:var(--text);text-transform:none;letter-spacing:0;font-size:14px}
.w2 .cmp2-ft td.is-grp{width:auto;padding:26px 0 8px;border-top:0;text-align:left;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
.w2 .cmp2-ft tbody th{padding:12px 12px 12px 0;border-top:1px solid var(--line);font-size:14.5px;font-weight:700;line-height:1.35;vertical-align:top}
.w2 .cmp2-ft tbody th small{display:block;margin-top:3px;font-size:12.5px;font-weight:500;line-height:1.4;color:var(--text-3)}
.w2 .cmp2-ft tbody td{width:27%;padding:12px;border-top:1px solid var(--line);font-size:14px;line-height:1.4;text-align:center;vertical-align:top}
.w2 .cmp2-ft-m .is-grp{padding:24px 0 8px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
.w2 .cmp2-ft-m .is-grp:first-child{padding-top:2px}
.w2 .cmp2-fr{padding:12px 0;border-top:1px solid var(--line)}
.w2 .cmp2-fr>b{display:block;font-size:14.5px;font-weight:700;line-height:1.35}
.w2 .cmp2-fr>small{display:block;margin-top:2px;font-size:12.5px;line-height:1.4;color:var(--text-3)}
.w2 .cmp2-fr dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.w2 .cmp2-fr dl>div{min-width:0}
.w2 .cmp2-fr dt{margin-bottom:3px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);overflow-wrap:anywhere}
.w2 .cmp2-fr dt.is-us{color:var(--text);text-transform:none;letter-spacing:0;font-size:13px}
.w2 .cmp2-fr dd{font-size:14px;line-height:1.4}
.w2 .cmp2-v{display:inline-flex;align-items:flex-start;gap:6px;text-align:left;overflow-wrap:anywhere}
.w2 .cmp2-v .i{margin-top:2px;font-size:15px;stroke-width:2.6}
.w2 .cmp2-v-inkl{font-weight:700;color:var(--green-ink)}
.w2 .cmp2-v-auf{color:var(--text)}
.w2 .cmp2-v-nein{color:var(--red-ink)}
.w2 .cmp2-v-soon{color:var(--text-2)}
.w2 .cmp2-v-ka{color:var(--text-3)}
.w2 .cmp2-soon{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:999px;background:var(--surface-3);color:var(--text);
  font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;vertical-align:.05em}
.w2 .cmp2-ft .cmp2-note{margin-top:22px}
.w2 .cmp2-fine{margin-top:16px}

/* Sources: the providers' pricing pages as screenshots */
.w2 .cmp2-srcs{margin-top:20px}
.w2 .pg-card a.cmp2-shot{display:block;border-radius:16px;overflow:hidden;background:var(--surface-2);text-decoration:none;font-weight:600}
.w2 .cmp2-shot-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;font-size:12px;color:var(--text-3)}
.w2 .cmp2-shot-bar i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--surface-3)}
.w2 .cmp2-shot-bar span{min-width:0;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w2 .cmp2-shot img{display:block;width:100%;height:auto;transition:opacity .15s}
.w2 .cmp2-shot:hover img{opacity:.9}
.w2 .cmp2-srcs .pg-card a:not(.btn):not(.cmp2-shot){overflow-wrap:anywhere}
.w2 .cmp2-others{margin-top:28px;display:grid;gap:4px}
.w2 .cmp2-more{display:flex;flex-wrap:wrap;gap:8px}
.w2 .cmp2-others .pg-hint{margin-top:10px}

/* Call to action */
.w2 .cmp2-cta-alt{display:flex;justify-content:center;margin-top:12px}

/* ===== Layout pass (2026-11-02): spacing and grouping, measured on every public page at 1440 and 390 px ===== */
/* Pages beyond the prototype end where the prototype pages end: 8px plus the footer's --sgap (72px desktop, 48px phone; they had 160 / 88) */
.w2 main.page.pg,.w2.pg{padding-bottom:8px}
/* Their sections are spaced by the page's --sgap alone: .pg-sec added its own 44 to 80px on top (Careers and Community sales sat 144px apart) */
.w2 main.page>.pg-sec{margin-top:0}
/* Find tickets: the "paid card bookings only" note keeps clear of the lead (it touched it at 4px) */
.w2 .phero>.free-pill{margin-top:16px}
/* Community sales hero: kicker tight on the title, buttons 28px under the lead like the other heroes, the "Exclusive" pill centred on the button */
.w2 .cs-copy>.kick{margin-bottom:-4px}
.w2 .cs-copy>.ctas{margin-top:12px}
.w2 .cs-copy>.ctas>.free-pill{align-self:center;margin:0}
/* Legal hero: the effective-date pill sat on the title's descenders; it now groups with the version line under it */
.w2 .dc-hero .dc-meta{margin-top:16px}
.w2 .dc-hero .lead{margin-top:10px}
/* Legal reading card: the note opens at the card's own padding (a Discovery rule of the same name added 14px on top) */
.w2 .dc-card>.dc-note:first-child{margin-top:0}
/* Legal contents on phones: the entries carry their own numbers, so the list drops the markers and the 22px indent ("1. 1. Généralités") */
.w2 .dc-prose .dc-mtoc ol{list-style:none;padding-left:0}
/* What's new post body (blog HTML, marked in WhatsNewPost.vue): one text size for lines and lists, a blank line is one fixed break
   (14 + 14 instead of 14 + 23 + 14), a heading sits 8px over its text and further from the line above, lists show their markers */
.w2 .upd-body{font-size:16.5px;line-height:1.6}
.w2 .upd-body>.upd-gap{height:0;overflow:hidden}
.w2 .upd-body>.upd-h,.w2 .upd-body>h2,.w2 .upd-body>h3{margin-top:12px;margin-bottom:-6px}
.w2 .upd-body>.upd-gap+.upd-h,.w2 .upd-body>.upd-gap+h2,.w2 .upd-body>.upd-gap+h3{margin-top:0}
.w2 .upd-body ul{list-style:disc}
.w2 .upd-body ol{list-style:decimal}
.w2 .upd-body li::marker{color:var(--text-3)}
/* -- Section titles: one gap to their content. .fpl-h titles have 18px (desktop) / 7px (phone, from the Figma layout); .sh titles had 24 at both sizes.
   On phones a .sh holding a .fpl-h (Home calculator, Updates) takes the .fpl-h's 7, a .sh with a plain h2 12 (its line box has no leading below) -- */
.w2 .sh{margin-bottom:18px}
@media (max-width:759px){.w2 .sh{margin-bottom:12px}.w2 .sh:has(.fpl-h){margin-bottom:7px}}
/* Home calculator and Pricing simulator: the green pill is the title's subline, the card follows at the title gap */
.w2 .sh:has(+.k2-free){margin-bottom:10px}
.w2 .k2-free{margin:0 0 18px!important}
.w2 .k2-free+.ksim{margin-top:0}
@media (max-width:759px){.w2 .sh:has(+.k2-free){margin-bottom:8px}.w2 .k2-free{margin-bottom:12px!important}}
/* a title over a card group gets its own gap only: Marketing's duo added 15px, Finance's title inside its stack added the stack gap, Marketing's title row sat 14px over its rail */
.w2 .fpl-h+.duo{margin-top:0}
.w2 .fl-stack>.fpl-h:first-child{margin-bottom:-7px}
@media (min-width:760px){.w2 .fl-stack>.fpl-h:first-child{margin-bottom:4px}.w2 .fpl-hr+.rail{margin-top:18px}}
@media (min-width:900px){.w2 .fl-stack>.fpl-h:first-child{margin-bottom:2px}}
/* Customization on phones: "Your shop, your look." looks like a section title, so it is spaced like one (40 above, close to its card) */
@media (max-width:759px){.w2 .in-duo #in-checkout>h3{margin:26px 0 2px}.w2 .in-duo #in-checkout .inco-c{margin-top:0}}
/* Pricing: the parked PDF row (its button is v-if false) kept 20px under the plan cards */
.w2 .pdf-row:empty{display:none}
/* About: the text block added its own margin to the section gap (88 / 48 instead of 64 / 40) */
.w2 .ab3{margin-top:0}
/* -- Cards -- */
/* stacked full-width cards share one text edge: CTA card, Updates strip and About card at 32px (22 on phones) */
.w2 .cta-card{padding-left:22px}
@media (min-width:760px){.w2 .cta-card{padding-left:32px}}
.w2 #start-ueberuns .ab2{padding:28px 32px}
@media (max-width:759px){.w2 #start-ueberuns .ab2{padding:20px 22px}}
/* Home pricing card: 24px like the cards beside it (was 26) */
.w2 .pw3-p{padding:24px}
@media (max-width:420px){.w2 .pw3-p{padding:22px}}
/* Pricing simulator on phones: 16px from the card edge like the Home calculator (was 14) */
@media (max-width:600px){.w2 .ksim{padding:16px}}
/* Why paytix 02: the price panel holds the same nested cards as 01 and 05, so it takes their 16px inset */
.w2 .wy-v.wy-price{padding:16px!important}
/* feature pages on phones: full-width cards use the rail cards' 20px (they had 16, 22 and 24, so the text edge jumped while scrolling),
   squares 16 (14 and 12), and a More button sits 14px in from the corner in every card */
@media (max-width:759px){
  .w2 .fx.w,.w2 .fx.big,.w2 #in-auto{padding:20px}
  .w2 .km-nl{padding:20px!important}
  .w2 .fx.q{padding:16px}
  .w2 #mk-share{padding:16px!important}
  .w2 .fx.has-xm>.xm-b{top:14px;right:14px}
}
/* Customization: the card pairs use the rails' gap (was 12) */
.w2 .in-duo{gap:16px}
@media (max-width:759px){.w2 .in-duo{gap:14px}}
/* "Coming soon" sits 10px over its title (it floated 16 to 18px away while title and text are 8 apart); the "Try it" chips sit 12px over their demo */
.w2 .fx>.soon-k,.w2 #tv-basic>.soon-k,.w2 #in-basic>.soon-k{margin-bottom:2px}
.w2 #in-checkout .co-try{margin-bottom:4px!important}
@media (min-width:760px){.w2 #tv-website .ws-try{margin-bottom:12px!important}}
/* Marketing sponsors card: title, text and PDF preview at the 8 / 16 steps of the other wide cards (were 16 / 26) */
.w2 .duo #mk-sponsoren>p{margin-top:0}
.w2 .duo #mk-sponsoren>.pt-m{margin-top:8px}
/* -- Feature page blocks -- */
/* Finance on phones: the VAT card is taller than the rail ratio, so its two neighbours stretch with it instead of leaving an 80px band over the arrows */
@media (max-width:759px){.w2 .rail.lg:has(>#fi-mwst)>.fx{aspect-ratio:auto}}
/* Entry: a rail of two cards takes two columns on desktop instead of leaving the third one empty */
@media (min-width:760px){.w2 main.page .rail.lg:has(>.fx:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Entry: the app icon sits in the middle of the free space of the web app card, not 200px under the text */
@media (min-width:760px){.w2 #el-webapp>.mock.center{margin-block:auto}}
/* Customers on narrow phones: the newsletter price header stacks, the "paid back from" box had 120px and seven lines */
@media (max-width:479px){.w2 .nl-top{flex-direction:column;align-items:stretch;gap:10px}.w2 .nl-be{align-items:flex-start;text-align:left}}
/* feature heroes on desktop share one height, so the title stays put when moving between the pages (Finance 422, Customers 454, the rest 496) */
@media (min-width:900px){.w2 main.page .fhero{min-height:496px}}
/* Finance hero card: centred in the hero (the hero's 36px top padding pushed it 36px low); on phones it keeps 20px over the hero's bottom edge instead of being clipped */
@media (min-width:900px){.w2 .fhf{align-self:center!important;padding:24px 0 60px!important}}
@media (max-width:899px){.w2 .fh-v.fhf{max-height:none;padding:0 0 20px!important}}
/* -- Home and Why paytix -- */
/* Home on phones: product cards size their rows on their own (the shared subgrid left a 41px band under the shorter description) */
@media (max-width:759px){.w2 #produkte .rail.two{grid-template-rows:none}.w2 #produkte .rail.two>.prod{grid-row:auto;grid-template-rows:repeat(5,auto) 1fr}}
/* Home hero on phones: the account hint sits under the buttons it explains (its 12px top pad only lined it up with the arrow, hidden here) */
@media (max-width:599px){.w2 .hero-hint>span{padding-top:0}}
/* Why paytix 06: "Talk to us" (filled) and "Create a free account" (grey) share one row, also on phones */
.w2 #warum-kontakt .wy-two{flex-wrap:nowrap}
@media (max-width:599px){.w2 #warum-kontakt .wy-two{gap:8px}.w2 #warum-kontakt .wy-two .btn{flex:1 1 auto;min-width:0;padding:0 12px}}
@media (max-width:379px){.w2 #warum-kontakt .wy-two .btn{padding:0 8px;font-size:13px}}
@media (max-width:359px){.w2 #warum-kontakt .wy-two .btn{white-space:normal;text-align:center;line-height:1.2;height:auto;min-height:44px;padding:6px 8px}}

/* Price cards (Pricing, Discovery) on phones and tablets: the same compact sizes as the Ticket Sales card, so "only 1 % per ticket" stays on one line (2026-11-02) */
@media (max-width:899px){
  .w2 .pz .feebox-r{padding:14px 16px}
  .w2 .pz .fee-n{font-size:72px}
  .w2 .pz .feebox-r .nur{font-size:16px}
  .w2 .pz .fee-t b{font-size:17px}
}

/* Discovery "already on discovery" box on phones: the button label wraps inside the card instead of running past it (every language at 320px, French up to 390px) */
@media (max-width:759px){.w2 .claim.cl2>.btn{max-width:100%;white-space:normal;height:auto;min-height:42px;padding:10px 16px;line-height:1.25;text-align:center}.w2 .claim.cl2>.btn .i{flex:none}}
/* footer: the terms and privacy links wrap before they push "More" off the screen (French at 320px) */
.w2 .foot-id{min-width:0}
.w2 .foot-l{flex-wrap:wrap;row-gap:6px}
/* Luxembourgish on the narrowest phones: "D'Eventplattform" and "Organisateurskont" can't break, so the Home title and the call-to-action card shrink until they fit */
@media (max-width:359px){
  html[lang="lb"] .w2 .hero>h1{font-size:11vw}
  html[lang="lb"] .w2 .cta-card{gap:12px}
  html[lang="lb"] .w2 .cta-card b{font-size:20px}
  html[lang="lb"] .w2 .cta-card .go{width:44px;height:44px}
}