/* Voxa Name Clicker – Konfigurator im Website-Theme (dunkel, Betta-Palette, Glas-Panels wie auf der Startseite).
   Grundlage ist das CSS des Konfigurator-Artifacts, komplett unter .vxc gekapselt; Bootstrap-Klassennamen
   (row, btn, toast …) sind umbenannt (vxc-row, vxc-btn …), damit nichts in den Rest der Seite läuft. */
@font-face { font-family: "Baloo 2"; src: url("/voxa_clicker/static/fonts/baloo2-latin-800.woff2") format("woff2"); font-weight: 600 800; font-style: normal; font-display: swap; }
@font-face{font-family:"VoxaSymbols";src:url(data:font/ttf;base64,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BgQBAQQGCAoLDQ0ODg0NCwoIBgQBOQkIBwcHBgQEAwgUDAwMDAsMCwwLCwsKCwoJCgkJCAcIBgYGBQQEAwIBAQICAwUFBgcICQsNDxQsLBQPDQsJCAcGBQUDAgIBAQIDBAQFBgYGCAcICQkKCQoLCgsLCwwLDAsMDAwMFAgDBAQGBwcHCAkJCQkKCgoKCgoKCgkKCQkJCAgIBwcGBQUEBAICAQECAwYIDCAnFBEPDg0MDAoKCggICAYGBgQEBAICAQECAgQEBAYGBggICAoKCgwMDQ4PERQnIAwIBgMCAQECAgQEBQUGBwcICAgJCQkKCQoKCgoKCgoKCQkODQ0LCggGBAEBBAYICgsNDQ4ODgwMCggFBAEBBAUICgwMDgABAIX/6gNjAsgBPwAAAT8KMx8PDwofCg8PIy8LHwsVDw8vCg8KLw81PwsPCyMvDz8KLwo/DzMfCy8LNT8PHwo/Ch8PFQ8LAk4TEQ8ODg0NDAwLCwsLCgoJCgkICAgHBwUFBAMBAQIEBQcHBwYFBAEBBAUGBwcHBQQCAQEDBAUFBwcICAgJCgkKCgsLCwsMDA0NDg4PERMkIA8LCQcFBQMDAgEBAQECAgMDBAQEBQYGBgYHCAcICAgIBwgHBgcGBgcGBwgHCAgICAcIBwYGBgYFBAQEAwMCAgEBAQECAwMFBQcJCw8gJBMRDw4ODQ0MDAsLCwsKCgkKCQgICAcHBQUEAwEBAgQFBwcHBgUEAQEEBQYHBwcFBAIBAQMEBQUHBwgICAkKCQoKCwsLCwwMDQ0ODg8REyQgDwsJBwUFAwMCAQEBAQICAwMEBAQFBgYGBgcIBwgICAgHCAcGBwYGBwYHCAcICAgIBwgHBgYGBgUEBAQDAwICAQEBAQIDAwUFBwkLDyABrw8LCQcFBQMDAgEBAQECAgMDBAQEBQYGBgYHCAcICAgIBwgHBgcGBgcGBwgHCAgICAcIBwYGBgYFBAQEAwMCAgEBAQECAwMFBQcJCw8gJBMRDw4ODQ0MDAsLCwsKCgkKCQgICAcHBQUEAwEBAgQFBwcHBgUEAQEEBQYHBwcFBAIBAQMEBQUHBwgICAkKCQoKCwsLCwwMDQ0ODg8REyQgDwsJBwUFAwMCAQEBAQICAwMEBAQFBgYGBgcIBwgICAgHCAcGBwYGBwYHCAcICAgIBwgHBgYGBgUEBAQDAwICAQEBAQIDAwUFBwkLDyAkExEPDg4NDQwMCwsLCwoKCQoJCAgIBwcFBQQDAQECBAUHBwcGBQQBAQQFBgcHBwUEAgEBAwQFBQcHCAgICQoJCgoLCwsLDAwNDQ4ODxETJAAAAQCq/+oDPgLIAGMAAAEPDRUfEj8EDwwvFT8VHwICUxcXFRUTERAODQsIBwUDAgMGCAkMDQ8REhQVFhcYGBkaGRkaGBkXEBIUFBYWGBgZGRoaGxoaGhkZGBgWFhQTEhAPDQwKCAYFAgEBAwUHCAsMDQ8REhQUFhcXGRkZGhoaGxoaArYJDA4PERIUFRYXGBgZGRoZGRkYGBYWFBMSEA4NCwkGBQMBAgMGCAkUExIRDw0MCggGBQMBAQMFBwgKDA4PEBIUFBYWGBgZGhoaGhoaGhoYGRcWFhQTEhAPDQsKCAYFAgECAwUAAAkAhf/qA2MCyAAvADIANQA4ADsAPgBBAEQARwAAAQ8KLws/Cx8LNxcHJzcHJzcXBycXByc3Fwc3FwcnNxcnAqoFCAoODxIUFhcXGBgXFxYUEg8OCggFAQEFCAoODxIUFhcXGBgXFxYUEg8OCggFATeBgWp/N/8zM/83f2qBgWp/N/8zM/83fwFBFxcWFBIPDgoIBQEBBQgKDg8SFBYXFxgYFxcWFBIPDgoIBQEBBQgKDg8SFBYXFxgzMzP/N39qgYFqfzf/MzP/N39qgYFqfzcAAAEAhQB7A2MCNwDvAAAlDxIrEicjByMjJyMjBysGJwcjIycHIyMnBysGJyMjByMjJyMHKwwPAiMvFT83MzczFzMXMx8bMzc3Mx8VFQcHA18CAwMFBAYGBwcICAkJCgoLCwwNDQwLCgoJCQgIBwYHBgYGBQUGBAUFBAQFBAQEBAQDBAQDBAMEAwQDBAMEAwQDBAQDBAQDBAQEBAQEBQQFBQQFBgUGBQcGBwcICAkLDw0MDAsMCgkJCggHCAcGBgUEBAMDAgIBAQEBAgIDAwQEBQYGBwgHCAoJCQoMCwwHAgICAgMEAwMEBAQFBQUFBQYGBgYHBwYHBwgHCAcICAcICAgICAgICAgHCAgHBwgHBwcGBgcGBgUGBQUFBQQEAwQEAgMKDQ0LDAsLCgoJCggICAgGBgYFBAUCAwMBAQEB/goKCQkJCQgIBwcHBgYEBQQCAwEBAQEBAQEBAQEBAQEBAQIDAgEBAgMEBQUFBwYHBwgICAkJCQkJCQkKCQkJCQkICQgHCAcGBgYFBAQDAwEBAwcHBwcGBwcGBwYGBwUGBgUFBQUFBAQEBAQDAwICAgICAQEBAQIBAgMCAwMEAwMEBQUEBQUGBQUGBgYGBwYGBwcCAQECAwMEBQUGBgcHBwkICQgKCQoJCgoKCgoAAAEBEv/qAtYCyAAGAAABAzMBEyMBAquizf67Ts0BNwLI/tD+UgFTAYsAAAEAhQBYA2MCWgAGAAATFzcXNxEhhbi3t7j9IgIuzvr6zv4qAAUAhQAJA2MCqQAnAE8AdwCfAMcAACUPCC8JPwkfCSUfAhUPBiMvCj8HHwc3FQ8HIy8JNT8HMx8JDwcjLwc1PwkzHwcVBxcPBSMvBjU/Cx8HDwMCyQgMEhYaHR8hIiIhHx0aFhIMCAMDCAwSFhodHyEiIiEfHRoWEgwIA/5OBAMBAwUGCAkLCwwNDAwLCwkIBwUDAQEDBQYICQsLDAwNDAsLCQjBAgQGBwkKCwsMDAwLCwkJBgUEAQIEBgcJCgsLDAwMCwsJCQYFBNQFBgkJCwsMDAwLCwoJBwYEAgEEBQYJCQsLDAwMCwsKCQcGBAIBoAkLCwwMDQwLCwkIBgUDAQMEBwgJCwsMDQwMCwsJCAYFAwEBAwUHoRwaGBYSDwsGAgIGCw8SFhgaHBwcGxoZFRIPCwcCAgcLDxIVGRobHO0PDg4ODQwKCAcEAgIFBwgLCw0ODg8ODgwMCgkGBAMBAgUGCQoMDYYRDw8NDAoIBgMCBAcKCw0ODxAREA8PDgsKCAYDAgQHCQwMDw8QJw8ODQsKBwQCAwYICgwNDw8REBAPDwwMCQcEAgMGCAoLDg8PEBHRCwsIBwUCAgQHCAoMDQ4ODg8NDQwKCQYFAgEDBAYJCgwMDg4PDg4AAAEA0f/qAxcCyABBAAAlFz8CESc3NTM3NxczHwUPBC8DNzcvAgcHESMHBxcVDwYvBjU/BxcBnSsGBAIEBA4TDBQLBVZtCSQCAywHDRARDwwDASYaWhkKBSQIAgQFCAwOEhIpLi4kDw8QAwMICg0REhcUL7wbAQQGAd0UEhIGAQcKMWUPbRMMZgsLBAEJEQwNX1FVDgEJ/ioFBhcUEg4OCwoFBQcSGQ4TIREUEBANDAoHBAIGAAYAhQArA2MChwACAAYACgAQABQAGAAAJRM3JxcXBwUXFwMDNxcXIycHFxMBNzcHJwI2gK3kU3WT/sh9fXxFPUw3e3r3sYP+yJxRMIcrAYANyQ2CCzgGAf6MAlADAaEGIRb+dwGbpw+MEAAEAJH/6gNXAsgAJwA9AEgAXQAAExMXFzc3Fxc3NxMHHwIPCyMvCTc3BS8EDwMVHwU/BAcXFz8CJycjBwcvBQ8DHwU/BKAnvAwxNCs4CcEnAgsFAQMHDQ8VFR4aJDcyNDQ0Oi8rJSEZFQsCAw4CDwIIDRITFBELBwQGCgoMDQwNDAkH9zgKCDYDBAduBgQIAwgNERQTEQwHBAYJCgwODQwLCwcBhAFEjAQJAwIJAY7+vA4kHiUkHSMcHxgbFBUWDQcHDxUZHyMmMCwlLDM1GhkSDQMGDxQiFBEPDwoHAwEFCgwPWEMEBD4JBwMCBXMcFxINAwYPFCIjEQ4KBwQBBQkNDwABAIUADgNjAqQAiQAAJTcvBz8GHwI3Ny8CNT8DHwM/AzMfAxUHBxUXFzc3HwcPBh8EDwcnJzU/Ai8CNScnBwcfAhUPBS8FNTc3JyMHFQ8CHwIVBwcjLwg/AgELAwMrIBUPDggBBg4ZHicnKCMaFgcCASwFBAcLEQkIRgYGRggKCgkLBgMGLAIGLCMoJyQfGREIAQcOExkaKQQBEAsMAwEJDhMaGxwdHBkUGQQDGRUEBQQYCwgDBgkNBwcICAgHDwoHBw8aCAMVGQMDGRUWGRYaFhcTEg4JBQEEBw3iBgYNFBMTHR8dICMkGhcMBQIGCQIEBT8MDQwIBgEDBmMDA2MGAwIICAwLCz8FBAIOAwQLExofIiAlHx0aFQ8NBAYOEBwRESIZFRQNBwIDCcEMCwYGDg/pBgECJTVBQ0tHPC0PCgUBBgwrOVZkV0omBukPDgYGCwzBCAQECAwNExUTFxQWEhMAAAEAsv/qAzYCyAC4AAAlBy8CNzc1Jw8ELwM3BwcvAzU/Ai8DPwMXNzUnBy8DNT8CLwI/AxcXJz8DHwQ3NS8CPwIzFxc1PwQfBDc3Mx8CDwIVFz8EHwMHNzcfAxUPAh8DDwMnBxUXNx8DFQ8CHwIPAycnFw8DLwQHFRcXDwMvAg8ELwQ1BwGpDw0KBAdNFFocBgoLDAwGAQ1BCgkJCQQDBj8uDAYCAwcKD2laWmkMCggEBwwuPQkCBAkMCQ07DQEGCgsLCwgcWhRNBQIECgoMDSMCBwgJCgoIBwQBIw0MCgoEAgVNFFocCAsLCwoGAQ1BDQkJBgQDBj8uDAYCAwcKD2laWmkMCggEBwwuPQkCBAYMDA07DQEGCgsLCwgcWhRPBQQFCgsJCiMBBAcICgoJCAcCICUCBQsREE1oCzRpCgYDAggKDy8kAQIFCgwKCQgmDQgKDAsKBQIcNBY0HAEFCAsMDQgNJA0QDAoGAQMiLw8KBwMBBgxpNAtoTQoMCwsEBiJADQsGAwEDBQcJSiIGBAsLDApNaAs0aQwGAQMHCg8vJAEDBggMCgkIJg0ICgwLCgUCHDQWNBwBBQgLDA0IDSQNEAwIBwIDIi8PCgcDAQYMaTQLaE8OEQcHAgEGIkoJBwUDAQMGCw1AIAACANkAFwMPApsAKAA6AAAlByMvAj8CJyc/DB8DDwsjNxcXNzcBNzcvAwcHAQcVFwEVEg4KDgQBB0YJAwIGDQ8SHCglMi0vOzw4DwgBBQsRFhshJSgsLjExNgYJCwoIATkDAQIHCQsKCf7IBAIgCQQODQsPUywxMicwJSMqLSAhFRALAgY2MTIxMS8sKiUiHRcSDAY+BQEDBgF1BwsKCAUCAwf+iwkLCAACAIX/+QNjArkADgASAAAlIxUjESMBFzUzFRcjESMDIxUzAj2SzlgBb6FYdljOzVhY8vkBbwFRlHfIbP6RAUNYAAADAIUAmgNjAhgAPQBVAG0AAAEPBS8GNT8IMx8GPwYfCRUPBi8ENy8HDwMfAz8GJS8DDwcfBz8CAfQiIiIdJCAmHSAYFw0JCQ0ODBEYEBkZGRcWHBUXFy8vFxcVHBkYGRUZEBgRDA4NCQkNFxggHSYgJB0iIugBBAYLCQ4ODxogHyYmHyAaDw4OCQsGBP62Jh8gGg8ODgkLBgQBAQQGCwkODg8aIB8BCSMeFQ0KAgYLFRcjISwkLCEXDxIQCQkFAgULCw8SMDASDwsLBQMCBAkJEBIPFyEsJCwhIxcVCwYCCg0VHnMREA8SCAkFAQURGSoqGhAFAQUJCBIPEBEqGREFAQUJCBIPEBEREA8SCAkFAQUQGgACAIX/6wNjAscAZgB2AAAlHwMRIy8EPwQ1LwQ/BjMfBQ8EFR8EDwQjET8LFxcHJw8KLwoHJzc3HwUBLwIPAx8DPwMBFiIpMTWCDAsLBgEDBgwMig8RDQoIAgYKFRIUFBUfExATCAUCCxMQD4oPCQYDAQYLCwyCNSEeGxgTEgcJCxUXBSoEOBUPIicqGSwbIg0RDQkiGywZKiciDxY3BCoDAxYUCwoHASAJDhAQDgkDAwkOEBAOCQPHKyMaDwEzAgUMCxAMCwoEASIJDRESHyAUExcMCAQICg0aExUfHxkNCSIBBggLDBALDAUC/s0PEBUYHB8oCgcFAR0DjQMGIhMkHhkLDwUEBwEDBQQFDwsZHiQTIgYDjQMBHAEFBwoBbQ0JAwMJDRARDQkDAwkNEQAABACF/+oDYwLIACcANwBHAFcAAAUvAwMjNT8OHwoVIxEPAhMvAw8DHwM/Ai8EDwMfAz8CBy8DDwMfAz8CAXwJCQYCAdwEDw0QExYZGx4fISIjJCQkIyMyNSkpHxQNA9wECRF5BQwREhIOCQIGCxESEg4JiQQMEhUVEgwEBAwSFRUSDNQFDBQWFhMNBQUNExYWFAwVAgYKCAFFJSA9ISEeHBoYFREPCwgFAQMGChUgJDA2Mz0YJP6+DgsFAdMSDgkCBgsREhIOCQIFDBChFRIMBAQMEhUVEgwEBAwSWRYUDAUFDBQWFhMNBQUNEwADAIUAogNjAhAAMwBWAGUAABM/DB8PIy8IDwgjPwkzHwcjLwcjDwYjPwQfAyMnJwcHI5UMEBIWGBodHyEiIyMkJCMjIiEfHRoYFhIQDAkFAlgGEBkRJi4YNTY2NRguFCMZEAZYAgV5ExsRJSwXMDAwFywlHxcPA1gGDBELGBwfDyAfHRoXEQwGWIQXHyQnJiEaDlURFhYRVQEMIiEeHRsYFRMPDQgGAQEGCA0PExUYGx0eISIjIyQ2NDAWJx4MEAUFEAweEiswNDYkIwEtKRIfFwgKCggXHyYrLxoZHRoMFA8JAgYMEhYaHRkoHxcNAgkUHR0KBAQKAAEAhQAxA2MCgQAaAAAlATc3HwMHBwEPAi8FPwQXFwGKAW4VGBgVCgcECP5jChATExEKygsFAQgRFxkXDtABoA0EBQ8PGBkQ/ikICgMCBwjmEBISGBIKAQkMAAEAhf/qA2MCyAAXAAATNSE/AhEzER8CIRUhDwIRIxEvAoUBAA0JBagDCQ8BAP8ADQkFqAMJDwEFqAMJDwEA/wANCQWoAwkP/wABAA0JBQAAAAAEADYAAQAAAAAAAQALAAAAAQAAAAAAAgAHAAsAAwABBAkAAQAWABIAAwABBAkAAgAOAChWb3hhU3ltYm9sc1JlZ3VsYXIAVgBvAHgAYQBTAHkAbQBiAG8AbABzAFIAZQBnAHUAbABhAHIAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAbAAAAAwECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUAJIBFQEWARcBGAAOBWhlYXJ0BHN0YXIHc3BhcmtsZQVzbWlsZQZmbG93ZXIGY2xvdmVyBG1vb24Dc3VuBWNsb3VkBGJvbHQFY3Jvd24DcGF3BG5vdGUHZGlhbW9uZANjYXQJYnV0dGVyZmx5CXNub3dmbGFrZQRsZWFmBWhvdXNlBmFuY2hvcghtdXNocm9vbQdyYWluYm93BWNoZWNrAA==) format("truetype");font-display:block;unicode-range:U+E000-E0FF}
.vxc *{box-sizing:border-box}
.vxc{margin:0;background:var(--bg);color:var(--ink);font-family:"VoxaSymbols","Nunito",system-ui,sans-serif;font-size:15px;line-height:1.5}
.vxc .vxc-wrap{max-width:1180px;margin:0 auto;padding-inline:16px;padding-block:20px 48px}
.vxc header.vxc-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin-bottom:18px}
.vxc h1{font-family:"VoxaSymbols","Baloo 2","Nunito",sans-serif;font-weight:800;font-size:2rem;margin:0;letter-spacing:.01em;text-wrap:balance}
.vxc .eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700}
.vxc .vxc-sub{color:var(--muted);margin:0}
.vxc .vxc-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:start}
@media (max-width:860px){.vxc .vxc-grid{grid-template-columns:1fr}
.vxc .vxc-sticky{position:static!important}}
.vxc .vxc-sticky{position:sticky;top:env(safe-area-inset-top,0px);}
.vxc .panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.vxc .panel+.panel{margin-top:14px}
.vxc h2{font-family:"VoxaSymbols","Baloo 2","Nunito",sans-serif;font-weight:800;font-size:1.05rem;margin:0 0 10px;display:flex;align-items:center;gap:8px}
.vxc h2 .step{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:.8rem}
.vxc label{font-weight:700;font-size:.85rem;display:block;margin-bottom:6px}
.vxc input[type=text]{width:100%;font:inherit;font-family:"VoxaSymbols","Baloo 2","Nunito",sans-serif;font-weight:800;font-size:1.6rem;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border:2px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink)}
.vxc input[type=text]:focus{outline:none;border-color:var(--accent)}
.vxc input[type=number]{font:inherit;width:6.5em;padding:4px 6px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--ink);font-variant-numeric:tabular-nums}
.vxc .vxc-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.vxc .chips{display:flex;flex-wrap:wrap;gap:6px}
.vxc #symbols button{font-size:1.15rem;line-height:1;min-width:42px;padding:8px 10px}
.vxc button.chip,.vxc .seg button{font:inherit;font-weight:700;font-size:.85rem;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);cursor:pointer}
.vxc button.chip[aria-pressed="true"],.vxc .seg button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.vxc button:focus-visible{outline:3px solid var(--accent-soft);outline-offset:1px}
.vxc .seg{display:inline-flex;gap:0;border-radius:999px;overflow:hidden;border:1px solid var(--line)}
.vxc .seg button{border:0;border-radius:0;background:var(--surface)}
.vxc .hint{font-size:.82rem;color:var(--muted);margin:6px 0 0}
.vxc .tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:8px}
.vxc .tile{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--surface-2)}
.vxc .tile .g{font-family:"VoxaSymbols","Baloo 2",sans-serif;font-weight:800;font-size:1.5rem;line-height:1;width:44px;height:44px;border-radius:9px;display:grid;place-items:center;margin-bottom:8px;border:1px solid rgba(0,0,0,.12)}
.vxc .tile .cl{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:center;font-size:.78rem;color:var(--muted)}
.vxc .sw{display:inline-block;width:100%;height:22px;border-radius:6px;border:1px solid rgba(0,0,0,.15);cursor:pointer}
.vxc .palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:6px;margin-top:6px}
.vxc .palette button{height:30px;border-radius:8px;border:2px solid transparent;cursor:pointer;padding:0}
.vxc .palette button[aria-pressed="true"]{border-color:var(--ink);box-shadow:0 0 0 2px var(--surface)}
.vxc .palette button:focus-visible{outline:2px solid var(--accent)}
.vxc #view{width:100%;aspect-ratio:16/10;max-width:100%;border-radius:14px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);display:block;touch-action:pan-y;cursor:pointer}
.vxc .viewwrap.free #view{touch-action:none;cursor:grab;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.vxc .rotbtn{position:absolute;top:10px;right:10px;font:inherit;font-weight:800;font-size:.85rem;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:var(--shadow)}
.vxc .viewwrap.free .rotbtn{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.vxc .rotbtn.pulse{animation:pulse .9s ease 2}
@keyframes pulse{50%{transform:scale(1.08)}}
@media (prefers-reduced-motion: reduce){.vxc .rotbtn.pulse{animation:none}}
.vxc .themes{flex:1 1 100%;width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}
.vxc .theme{font:inherit;text-align:left;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:12px;padding:8px 9px 7px;cursor:pointer;display:flex;flex-direction:column;gap:6px}
.vxc .theme[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.vxc .theme .mini{display:flex;gap:3px;padding:4px 5px 5px;border-radius:7px}
.vxc .theme .mini i{flex:1;aspect-ratio:1;border-radius:4px;display:grid;place-items:center;font:800 .62rem/1 "VoxaSymbols","Baloo 2",sans-serif;font-style:normal;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.vxc .theme .nm{font-weight:800;font-size:.86rem;line-height:1.15}
.vxc .theme .pr{font-size:.72rem;color:var(--muted)}
.vxc .refbox{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.vxc .refbox .qr{width:112px;height:112px;background:#fff;border-radius:8px;padding:4px}
.vxc .refbox .qr svg{width:100%;height:100%;display:block}
.vxc .refbox code{display:block;font-size:.78rem;word-break:break-all;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px 8px;margin:4px 0 6px}
.vxc .refbox input{font:inherit;font-size:.82rem;flex:1;min-width:10em;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
@media (max-width:480px){.vxc .refbox{grid-template-columns:1fr}}
.vxc .viewwrap{position:relative}
.vxc .acc{padding:0 18px;position:relative}
.vxc .acc.open{z-index:5}   /* Farbfenster liegt über den folgenden Abschnitten (Glas-Panels bilden eigene Ebenen) */
.vxc .acc > h2{cursor:pointer;margin:0;user-select:none;padding:16px 0}
.vxc .acc:not(.open){cursor:pointer}
.vxc .acc > h2 .t{flex:0 1 auto}
.vxc .acc > h2 .sum{margin-left:auto;font-family:"VoxaSymbols","Nunito",sans-serif;font-weight:600;font-size:.82rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}
.vxc .acc > h2 .chev{flex:none;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin:0 4px 3px 6px;transition:transform .15s}
.vxc .acc.open > h2 .chev{transform:rotate(-135deg);margin-bottom:-3px}
.vxc .acc > h2:focus-visible{outline:3px solid var(--accent-soft);outline-offset:4px;border-radius:6px}
.vxc .acc .acc-body{display:none;padding-bottom:16px}
.vxc .acc.open .acc-body{display:block}
.vxc .help{flex:none;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font:700 .75rem/1 "Nunito",sans-serif;cursor:pointer;padding:0;display:inline-grid;place-items:center}
.vxc .help[aria-expanded="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.vxc .helpbox{margin:0 0 12px;background:var(--surface-2);border-radius:10px;padding:10px 12px;font-size:.84rem;line-height:1.45}
.vxc .helpbox p{margin:0 0 6px}
.vxc .helpbox p:last-child{margin:0}
.vxc .helpbox table{width:100%;border-collapse:collapse;margin-top:4px}
.vxc .helpbox td{padding:2px 0;border:0}
.vxc .helpbox td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.vxc .tilesWrap{position:relative}
.vxc .cappop.pickpop{bottom:auto;z-index:6}
.vxc .tile{cursor:pointer;transition:box-shadow .12s}
.vxc .tile.sel{box-shadow:0 0 0 2px var(--accent)}
.vxc .tile .bad.ok{visibility:hidden}
.vxc #colorHint{min-height:2.7em}
.vxc .miniprice{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:10px}
.vxc .miniprice .vxc-big{font-family:"VoxaSymbols","Baloo 2",sans-serif;font-weight:800;font-size:1.7rem;line-height:1;font-variant-numeric:tabular-nums}
.vxc .lentag{position:absolute;left:10px;bottom:10px;max-width:62%;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:9px;padding:4px 9px;font-size:.78rem;line-height:1.35;pointer-events:none;box-shadow:var(--shadow)}
.vxc .lentag b{font-variant-numeric:tabular-nums}
.vxc .cappop{position:absolute;left:10px;bottom:10px;width:min(330px,calc(100% - 20px));background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:var(--shadow)}
.vxc .cappop .head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-weight:700}
.vxc .cappop .palette{grid-template-columns:repeat(10,1fr);gap:5px}
.vxc .cappop .palette button{height:24px}
.vxc .cappop .x{border:0;background:transparent;color:var(--muted);font-size:1.2rem;cursor:pointer;padding:0 4px}
.vxc .tile .bad{display:block;margin-top:6px;font-size:.72rem;font-weight:700;color:var(--warn);line-height:1.2}
.vxc .qty{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}
.vxc .qty input{width:3.6em;text-align:center}
.vxc .qty button{font:inherit;font-weight:800;width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);cursor:pointer}
.vxc .tiers{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.vxc .tiers span{font-size:.78rem;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.vxc .tiers span.on{border-color:var(--accent);color:var(--ink);background:var(--accent-soft)}
.vxc .viewbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;margin-top:8px;font-size:.82rem;color:var(--muted)}
.vxc .vxc-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:14px}
.vxc .vxc-price .vxc-big{font-family:"VoxaSymbols","Baloo 2",sans-serif;font-weight:800;font-size:2.2rem;line-height:1;font-variant-numeric:tabular-nums}
.vxc .vxc-price .vat{color:var(--muted);font-size:.8rem}
.vxc table{width:100%;border-collapse:collapse;font-size:.86rem;margin-top:8px}
.vxc td{padding:4px 0;border-bottom:1px dashed var(--line)}
.vxc td:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.vxc tr.sum td{font-weight:700;border-bottom:0}
.vxc .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.vxc .fact{background:var(--surface-2);border-radius:10px;padding:8px 10px}
.vxc .fact b{display:block;font-size:1.05rem;font-variant-numeric:tabular-nums}
.vxc .fact span{font-size:.75rem;color:var(--muted)}
.vxc .cta{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.vxc .vxc-btn{font:inherit;font-weight:700;padding:10px 16px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);cursor:pointer}
.vxc .vxc-btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.vxc .vxc-btn:disabled{opacity:.55;cursor:not-allowed}
.vxc .vxc-msg{border-left:4px solid var(--warn);background:var(--surface-2);padding:8px 12px;border-radius:0 10px 10px 0;font-size:.86rem;margin-top:10px}
.vxc .vxc-msg.bad{border-color:var(--bad)}
.vxc .vxc-msg.ok{border-color:var(--ok)}
.vxc .refmsg{min-height:1.3em;font-weight:700;margin:6px 0 0}.vxc .refmsg.ok{color:var(--ok)}.vxc .refmsg.bad{color:var(--bad)}
.vxc button.chip.done,.vxc button.chip.done:hover{background:var(--ok);color:#10261a;border-color:var(--ok)}
.vxc details{margin-top:14px}
.vxc summary{cursor:pointer;font-weight:700;color:var(--muted);font-size:.9rem}
.vxc pre{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px;font-size:.78rem;overflow-x:auto;white-space:pre;margin:8px 0}
.vxc .levers{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;font-size:.86rem}
.vxc .vxc-toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:8px 14px;border-radius:999px;font-size:.85rem;opacity:0;transition:opacity .2s;pointer-events:none}
.vxc .vxc-toast.show{opacity:1}
@media (prefers-reduced-motion:reduce){.vxc *{transition:none!important;animation:none!important}}

/* ---------- Website-Theme ---------- */
.vxc {
  --bg: transparent; --surface: rgba(255,255,255,.045); --surface-2: rgba(255,255,255,.07); --line: rgba(255,255,255,.14); --line-soft: rgba(255,255,255,.09);
  --ink: #E9EBF2; --muted: rgba(233,235,242,.66); --faint: rgba(233,235,242,.42);
  --accent: #9C79F4; --accent-2: #E8A2F5; --accent-ink: #fff; --accent-soft: rgba(156,121,244,.22);
  --ok: #6CCB8E; --warn: #F2B04A; --bad: #F27466; --radius: 16px;
  --iri: linear-gradient(100deg, #FEC4C6, #E8A2F5 24%, #9C79F4 48%, #6473CA 70%, #6EB7CC);
  --shadow: 0 18px 50px -24px rgba(0,0,0,.85);
  color-scheme: dark; position: relative; padding: 8px 0 72px;
  font-family: "VoxaSymbols", var(--vx-font, "Inter"), system-ui, sans-serif;
}
.vxc [hidden] { display: none !important; }
.vxc .vxc-wrap { padding-block: 8px 24px; }
.vxc .vxc-kicker { display: block; font-family: var(--vx-font-hand, "Caveat", cursive); font-size: 1.6rem; line-height: 1; background: var(--iri); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 6px; }
.vxc h1.vxc-title { font-family: "VoxaSymbols", "Baloo 2", var(--vx-font-head, sans-serif); font-weight: 800; font-size: clamp(2.2rem, 5vw, 3.4rem); line-height: 1; margin: 0; color: #fff; letter-spacing: .01em; }
.vxc h1.vxc-title .iri { background: var(--iri); -webkit-background-clip: text; background-clip: text; color: transparent; }
.vxc header.vxc-top { align-items: flex-end; justify-content: space-between; gap: 10px 28px; margin-bottom: 22px; }
.vxc .vxc-sub { max-width: 54ch; }
.vxc .vxc-grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
@media (max-width: 991.98px) { .vxc .vxc-grid { grid-template-columns: 1fr; } .vxc .vxc-sticky { position: static !important; } }
.vxc .vxc-sticky { top: 90px; }
.vxc .panel { background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)); border: 1px solid var(--line-soft); border-radius: var(--radius);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: var(--shadow); color: var(--ink); }
.vxc h2 { color: #fff; font-size: 1.12rem; }
.vxc h2 .step { background: var(--iri); color: #15121f; }
.vxc label { color: var(--muted); }
.vxc input[type=text], .vxc input[type=number], .vxc .refbox input { color: var(--ink); background: rgba(0,0,0,.25); border-color: var(--line); }
.vxc input::placeholder { color: var(--faint); }
.vxc #view { background: radial-gradient(120% 90% at 50% 35%, #2b2640 0%, #15121f 70%); border-color: var(--line-soft); }
.vxc .vxc-btn { border-color: var(--line); background: var(--surface-2); color: var(--ink); }
.vxc .vxc-btn:hover:not(:disabled) { border-color: var(--muted); color: #fff; }
.vxc .vxc-btn.primary { background: linear-gradient(135deg, #E8A2F5, #9C79F4 55%, #6473CA); border-color: transparent; color: #fff; }
.vxc button.chip[aria-pressed="true"], .vxc .seg button[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: #fff; }
.vxc .seg button { background: transparent; }
.vxc .rotbtn { background: rgba(21,18,31,.85); color: var(--ink); border-color: var(--line); }
.vxc .viewwrap.free .rotbtn { background: var(--accent); color: #fff; }
.vxc .lentag, .vxc .cappop { background: #1c1829; border-color: var(--line); color: var(--ink); }
.vxc .tile { background: rgba(0,0,0,.18); border-color: var(--line-soft); }
.vxc .theme { background: rgba(0,0,0,.18); border-color: var(--line-soft); color: var(--ink); }
.vxc .theme[aria-pressed="true"] { border-color: var(--accent-2); box-shadow: 0 0 0 1px var(--accent-2), 0 0 18px rgba(232,162,245,.25); }
.vxc .helpbox, .vxc .refbox { background: rgba(0,0,0,.22); }
.vxc .refbox code { background: rgba(0,0,0,.3); color: var(--ink); border-color: var(--line); }
.vxc .palette button[aria-pressed="true"] { border-color: #fff; box-shadow: 0 0 0 2px #15121f; }
.vxc .vxc-price .vxc-big, .vxc .miniprice .vxc-big { background: var(--iri); -webkit-background-clip: text; background-clip: text; color: transparent; }
.vxc table { color: var(--ink); } .vxc td { border-bottom-color: var(--line-soft); }
.vxc .tiers span.on { background: var(--accent-soft); border-color: var(--accent); color: #fff; }
.vxc .vxc-msg { background: rgba(0,0,0,.22); color: var(--ink); }
.vxc .vxc-toast { background: #fff; color: #15121f; z-index: 1080; }
.vxc details summary { color: var(--muted); }
.vxc pre { background: rgba(0,0,0,.3); color: var(--ink); border-color: var(--line); }
.vxc .cta { flex-direction: column; align-items: stretch; }
.vxc #vxcCart { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 700; padding: 14px 18px; border-radius: 14px; }
.vxc #vxcCart:disabled { opacity: .55; }
.vxc .werkstatt { margin-top: 18px; padding-top: 14px; border-top: 1px dashed var(--line); }
.vxc .werkstatt > h3 { font-size: .95rem; font-weight: 800; margin: 0 0 8px; color: var(--accent-2); display: flex; align-items: center; gap: 8px; }
.vxc .werkstatt .dl { display: flex; flex-wrap: wrap; gap: 8px; }
.vxc .nodeStatus { font-size: .78rem; color: var(--muted); }


/* ---------- Beispielbilder neben der Einleitung + Großansicht (wie Spukscheibe) ---------- */
.vxc header.vxc-top > div:first-child { flex: 1 1 100%; }
.vxc header.vxc-top > .vxc-sub { align-self: center; flex: 1 1 320px; }
.vxc .vxc-gal { flex: 1 1 340px; min-width: 0; max-width: 620px; display: flex; flex-direction: column; gap: 7px; }
.vxc .vxc-gal-t { font-family: var(--vx-font-hand, "Caveat", cursive); font-size: 1.3rem; line-height: 1; color: var(--ink); }
.vxc .vxc-gal-row { display: flex; gap: 10px; overflow-x: auto; padding: 4px 2px 8px; scroll-snap-type: x proximity; scrollbar-width: thin;
  -webkit-mask-image: linear-gradient(90deg, #000 88%, transparent); mask-image: linear-gradient(90deg, #000 88%, transparent); }
.vxc .vxc-gal-it { flex: none; width: 92px; height: 92px; padding: 0; border-radius: 14px; overflow: hidden; border: 1px solid var(--line); background: #15122e; cursor: zoom-in;
  scroll-snap-align: start; transition: transform .15s, border-color .15s, box-shadow .15s; }
.vxc .vxc-gal-it:last-child { margin-right: 40px; }
.vxc .vxc-gal-it img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vxc .vxc-gal-it:hover, .vxc .vxc-gal-it:focus-visible { transform: translateY(-2px); border-color: rgba(156,121,244,.75); box-shadow: 0 0 18px rgba(156,121,244,.35); outline: none; }
@media (max-width: 767.98px) { .vxc .vxc-gal { flex-basis: 100%; max-width: none; } .vxc .vxc-gal-it { width: 84px; height: 84px; } }
.vxc .vxc-lb { padding: 0; border: 0; background: transparent; max-width: min(92vw, 88vh); width: min(92vw, 88vh); overflow: visible; color: #E9EBF2; }
.vxc .vxc-lb::backdrop { background: rgba(6,5,14,.86); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.vxc .vxc-lb figure { margin: 0; }
.vxc .vxc-lb img { display: block; width: auto; max-width: 100%; height: auto; max-height: 78vh; margin: 0 auto; border-radius: 16px; box-shadow: 0 30px 80px -20px rgba(0,0,0,.9); background: #0B0A12; }
.vxc .vxc-lb figcaption { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 10px; font-size: .9rem; color: rgba(233,235,242,.8); }
.vxc .vxc-lb-n { margin-left: auto; white-space: nowrap; font-variant-numeric: tabular-nums; color: rgba(233,235,242,.5); }
.vxc .vxc-lb-use { font: inherit; font-weight: 800; font-size: .85rem; padding: 6px 14px; border-radius: 999px; border: 0; background: var(--accent, #9C79F4); color: #fff; cursor: pointer; }
.vxc .vxc-lb-use:hover { filter: brightness(1.1); }
.vxc .vxc-lb-btn, .vxc .vxc-lb-x { position: absolute; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255,255,255,.2);
  background: rgba(20,18,34,.75); color: #fff; line-height: 1; padding: 0; cursor: pointer; }
.vxc .vxc-lb-btn:hover, .vxc .vxc-lb-x:hover { border-color: #9C79F4; box-shadow: 0 0 14px rgba(156,121,244,.45); }
.vxc .vxc-lb-btn { top: calc(50% - 40px); }
.vxc .vxc-lb-btn.prev { left: -22px; } .vxc .vxc-lb-btn.next { right: -22px; }
.vxc .vxc-lb-x { top: -18px; right: -18px; }
@media (max-width: 600px) { .vxc .vxc-lb-btn.prev { left: 6px; } .vxc .vxc-lb-btn.next { right: 6px; } .vxc .vxc-lb-x { top: 6px; right: 6px; } }

/* ---------- Ideen-Vorlagen (Inspiration) ---------- */
.vxc .ideas-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:8px}
.vxc .ideas h3{font-family:"VoxaSymbols","Baloo 2","Nunito",sans-serif;font-weight:800;font-size:1.05rem;margin:0}
.vxc .ideacats{margin-bottom:8px}.vxc .ideacats button.chip{font-size:.78rem;padding:4px 10px}
.vxc .ideas-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:8px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:thin}
.vxc .idea{font:inherit;text-align:left;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:12px;padding:8px 9px 7px;cursor:pointer;display:flex;flex-direction:column;gap:6px;scroll-snap-align:start;min-width:0}
.vxc .vxc .idea:hover,.vxc .idea:focus-visible{border-color:var(--accent);outline:none}
.vxc .idea .mini{display:flex;gap:3px;padding:4px 5px 5px;border-radius:7px}
.vxc .idea .mini i{flex:1 1 0;max-width:20px;min-width:0;aspect-ratio:1;border-radius:4px;display:grid;place-items:center;font:800 .6rem/1 "VoxaSymbols","Baloo 2",sans-serif;font-style:normal;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.vxc .idea .nm{font-weight:800;font-size:.86rem;line-height:1.15}
.vxc .idea .pr{font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}
/* Vorlagen im dunklen Shop-Design */
.vxc .vxc-grid > *{min-width:0}.vxc .ideas{min-width:0}
.vxc .ideas h3{font-family:var(--vx-font-hand,"Caveat",cursive);font-weight:700;font-size:1.45rem;line-height:1;color:#fff}
.vxc .idea{background:rgba(0,0,0,.18);border-color:var(--line-soft)}
.vxc .idea:hover,.vxc .idea:focus-visible{border-color:var(--accent-2);box-shadow:0 0 0 1px var(--accent-2),0 0 18px rgba(232,162,245,.25)}
.vxc .ideas-row{-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}
.vxc .ideas-row .idea:last-child{margin-right:24px}

/* ---------- Einfache Ansicht mit „Anpassen“ (wie Karteikasten, 1.7.0) ---------- */
.vxc:not(.vxc-custom) .vxc-steps > section.panel.vxcx{display:none}
.vxc:not(.vxc-custom) .refbox{display:none}
.vxc:not(.vxc-custom) .vxc-steps > section.panel.acc:first-of-type > h2 .chev{visibility:hidden}
.vxc:not(.vxc-custom) .vxc-steps > section.panel.acc:first-of-type > h2{cursor:default}
.vxc #orderPanel > h2{cursor:default}
.vxc .vxccustom{display:flex;align-items:center;gap:12px;width:100%;margin:14px 0;padding:12px 14px;border:1px dashed var(--line);border-radius:14px;background:rgba(0,0,0,.2);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.vxc .vxccustom:hover,.vxc .vxccustom:focus-visible{border-color:var(--accent);border-style:solid;outline:none}
.vxc .vxccustom .ic{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;font-size:1.1rem}
.vxc .vxccustom .tx{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.vxc .vxccustom .tx b{font-weight:800;font-size:1rem}
.vxc .vxccustom .tx small{color:var(--muted);font-size:.8rem}
.vxc .vxccustom .chev{flex:none;width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.vxc .vxccustom[aria-expanded="true"]{background:transparent}
.vxc .vxccustom[aria-expanded="true"] .ic{background:var(--surface);color:var(--ink)}
.vxc .vxccustom[aria-expanded="true"] .chev{transform:rotate(-135deg) translate(-2px,-2px)}
/* Symbole: einfache Ansicht zeigt 8, „+ 17 weitere“ klappt alle auf */
.vxc:not(.vxc-symall) #symbols button[data-sym]:nth-child(n+9){display:none}
.vxc .symmore{font-size:.78rem;padding:6px 10px;white-space:nowrap}
/* Farbvorschläge + Ring */
.vxc .vxcquick{display:flex;flex-direction:column;gap:10px;margin:14px 0 2px}
.vxc .q-row{display:flex;align-items:flex-start;gap:10px;min-width:0}
.vxc .q-l{flex:0 0 56px;font-size:.78rem;font-weight:800;color:var(--muted);padding-top:9px}
.vxc .q-themes{display:flex;flex-wrap:wrap;gap:6px;min-width:0;flex:1}
.vxc .qth{display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 5px;border:1px solid var(--line);border-radius:999px;background:rgba(0,0,0,.2);color:var(--muted);font:inherit;font-size:.76rem;font-weight:700;cursor:pointer;min-height:34px}
.vxc .qth:hover{border-color:var(--accent);color:var(--ink)}
.vxc .qth[aria-pressed="true"]{border-color:var(--accent-2,var(--accent));color:var(--ink);background:rgba(156,121,244,.16);box-shadow:0 0 0 1px var(--accent-2,var(--accent))}
.vxc .qth .dots{display:inline-flex;gap:2px;padding:3px;border-radius:7px;background:var(--b)}
.vxc .qth .dots i{width:11px;height:11px;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}
.vxc .vxc-grid > *{min-width:0}
@media (max-width:900px){.vxc .q-themes{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.vxc .qth{flex:none;scroll-snap-align:start}}
@media (max-width:420px){.vxc .q-row{flex-direction:column;gap:4px}.vxc .q-l{flex:none;padding-top:0}.vxc .q-themes{width:100%}}

/* Kaufkarte: gemeinsames Schema voxa_base/static/lib/voxa_buy.css; Preise ohne Farbverlauf (Regel 25.10.) */
.vxc .vxb-big,.vxc .miniprice .vxc-big{font-family:"VoxaSymbols","Baloo 2",sans-serif;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#fff}
.vxc .vxb-sum{font-family:"VoxaSymbols","Baloo 2",sans-serif}
.vxc .miniprice .hint{color:var(--ink)}