*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--schrift: "Quicksand", -apple-system, sans-serif;--radius: 14px;--bg: #191c4d;--fg: #f2f0ff;--acc: #ffb26b;--deko: #ff8a3c;--gluehen: #ff7a1a;--card: rgba(3, 22, 58, .62);--card-solid: rgba(15, 17, 55, .85);--line: rgba(151, 120, 235, .3);--line-acc: rgba(255, 138, 60, .45);--warn: rgba(255, 138, 60, .14);--schatten: 0 0 26px rgba(119, 78, 198, .16);--mut: rgba(242, 240, 255, .66);--tint: rgba(255, 122, 26, .14);--font-mono: "Consolas", "Menlo", "Courier New", monospace}html{scroll-behavior:smooth}html{background:radial-gradient(ellipse 70% 55% at 12% 8%,rgba(119,78,198,.34),transparent 60%),radial-gradient(ellipse 60% 50% at 92% 30%,rgba(255,122,26,.16),transparent 58%),radial-gradient(ellipse 80% 60% at 55% 108%,rgba(0,24,65,.9),transparent 70%),#191c4d;background-attachment:fixed}body{font-family:var(--schrift);color:var(--fg);line-height:1.7;font-size:16px;background:transparent}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-repeat:repeat}body:before{background-image:radial-gradient(1.2px 1.2px at 32px 46px,rgba(255,255,255,.5),transparent 100%),radial-gradient(1px 1px at 148px 132px,rgba(255,210,170,.45),transparent 100%),radial-gradient(1.4px 1.4px at 261px 58px,rgba(214,199,255,.5),transparent 100%),radial-gradient(1px 1px at 338px 190px,rgba(255,255,255,.35),transparent 100%),radial-gradient(1.2px 1.2px at 440px 104px,rgba(255,178,107,.4),transparent 100%),radial-gradient(1px 1px at 532px 242px,rgba(255,255,255,.42),transparent 100%),radial-gradient(1.3px 1.3px at 74px 300px,rgba(214,199,255,.4),transparent 100%),radial-gradient(1px 1px at 214px 356px,rgba(255,255,255,.32),transparent 100%),radial-gradient(1.2px 1.2px at 402px 396px,rgba(255,210,170,.38),transparent 100%),radial-gradient(1px 1px at 568px 62px,rgba(255,255,255,.4),transparent 100%),radial-gradient(1.1px 1.1px at 118px 214px,rgba(255,255,255,.3),transparent 100%),radial-gradient(1px 1px at 496px 330px,rgba(214,199,255,.34),transparent 100%);background-size:620px 440px}body:after{background-image:radial-gradient(2px 2px at 96px 84px,rgba(255,255,255,.9),transparent 60%),radial-gradient(2.4px 2.4px at 342px 208px,rgba(255,178,107,.85),transparent 60%),radial-gradient(1.8px 1.8px at 568px 118px,rgba(214,199,255,.85),transparent 60%),radial-gradient(2.2px 2.2px at 188px 378px,rgba(255,255,255,.8),transparent 60%),radial-gradient(1.8px 1.8px at 472px 432px,rgba(255,178,107,.75),transparent 60%),radial-gradient(2px 2px at 682px 302px,rgba(255,255,255,.7),transparent 60%);background-size:760px 520px;animation:funkeln 4.5s ease-in-out infinite alternate}@keyframes funkeln{0%{opacity:.15}55%{opacity:.75}to{opacity:.35}}@media (prefers-reduced-motion: reduce){body:after{animation:none;opacity:.5}}a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--deko);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--deko);color:#191c4d;padding:10px 20px;z-index:100;font-weight:700;border-radius:8px}.skip-link:focus{left:16px;top:16px}.container{max-width:1100px;margin:0 auto;padding:0 20px}.upsell{background:var(--card-solid);border:1px solid var(--line-acc);border-radius:var(--radius);padding:32px;margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:24px;box-shadow:0 0 26px #ff7a1a24}.upsell-content{flex:1 1 320px;min-width:0}.upsell h2{color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin-bottom:8px}.upsell p{color:var(--mut);font-size:1rem;max-width:60ch}.upsell-cta{flex:0 0 auto}.btn-primary{background:var(--deko);color:#191c4d;font-family:var(--schrift);font-weight:700;font-size:1rem;padding:14px 32px;border-radius:10px;border:none;cursor:pointer;letter-spacing:.02em;text-decoration:none;display:inline-block;box-shadow:0 0 18px #ff7a1a59;transition:background .2s ease,box-shadow .2s ease,transform .1s ease}.btn-primary:hover{background:var(--acc);box-shadow:0 0 26px #ff7a1a8c;transform:translateY(-1px);text-decoration:none}.btn-copy{width:100%;margin-top:auto}.btn-copy.copied{background:transparent;color:var(--acc);border:1.5px solid var(--line-acc);box-shadow:none}.btn-copy.copied:hover{background:var(--tint);box-shadow:none}.site-header{padding:24px 0 40px}.overline{color:var(--acc);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:8px}.hero{margin-top:32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,400px);gap:48px;align-items:center;text-align:left}.hero .overline{letter-spacing:.28em;margin-bottom:16px}.hero h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:700;letter-spacing:-.02em;line-height:1.12;margin-bottom:16px;color:#fff;text-shadow:0 0 22px rgba(119,78,198,.65),0 0 56px rgba(119,78,198,.35)}.hero h1 .highlight{background:linear-gradient(92deg,#ffcf9a,#ffb26b 40%,#ff7a1a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 18px rgba(255,122,26,.45))}.hero .subtitle{color:var(--mut);font-size:1.1rem;max-width:54ch;margin:0 0 32px}.hero-foto img{display:block;width:100%;height:auto;border-radius:24px;border:2px solid var(--line-acc);box-shadow:0 0 40px #ff7a1a47,0 0 90px #774ec640}.quicknav{margin:40px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.chip{font-family:var(--schrift);font-weight:600;font-size:.85rem;color:var(--fg);background:var(--card);border:1.5px solid var(--line);border-radius:10px;padding:8px 14px;text-decoration:none;transition:all .15s ease}.chip:hover{border-color:var(--line-acc);background:var(--tint);text-decoration:none}.werkzeuge{display:flex;flex-direction:column;gap:64px;padding-bottom:64px}.werkzeug{scroll-margin-top:24px;display:flex;flex-direction:column;gap:20px}.beispiel-folgt{color:var(--mut);font-size:.9rem;text-align:center;border:1.5px dashed var(--line);border-radius:var(--radius);padding:24px}.browser-frame{background:var(--card-solid);border:1px solid var(--line-acc);border-radius:var(--radius);overflow:hidden;box-shadow:0 0 26px #ff7a1a24}.browser-bar{display:flex;align-items:center;gap:7px;padding:10px 16px;border-bottom:1px solid var(--line)}.b-dot{width:11px;height:11px;border-radius:50%;flex:none}.b-rot{background:#ee6a5f}.b-gelb{background:#f5bd4f}.b-gruen{background:#61c454}.browser-addr{flex:1;margin:0 10px;font-family:var(--font-mono);font-size:.75rem;color:var(--mut);text-align:center;background:#000a2080;border-radius:999px;padding:4px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-open{flex:none;font-size:.8rem;font-weight:700;color:var(--acc);white-space:nowrap}.browser-frame iframe{display:block;width:100%;height:min(70vh,680px);border:none;background:#f3f0ee}.beispiel-warten{height:min(70vh,680px);display:flex;align-items:center;justify-content:center;color:var(--mut);font-size:.9rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--schatten);transition:border-color .15s ease,transform .15s ease}.card:hover{border-color:var(--line-acc);transform:translateY(-2px)}.card h3{font-size:1.35rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;color:#fff}.card .beschreibung{color:var(--mut);font-size:.95rem;line-height:1.6}.card .overline{margin-bottom:0}.card.bonus{border-color:var(--line-acc);background:linear-gradient(var(--tint),var(--tint)),var(--card);box-shadow:0 0 26px #ff7a1a2e}.code-block{background:#000a20bf;color:#f2f0ffd9;font-family:var(--font-mono);font-size:.8rem;line-height:1.6;border-radius:10px;border:1px solid var(--line);padding:16px;max-height:260px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.code-block::-webkit-scrollbar{width:8px}.code-block::-webkit-scrollbar-track{background:#ffffff0f;border-radius:4px}.code-block::-webkit-scrollbar-thumb{background:var(--deko);border-radius:4px}.site-footer{background:#000a2099;border-top:1px solid var(--line);color:var(--mut);text-align:center;padding:24px 32px;font-size:13px}.site-footer a{color:var(--acc);font-weight:700}.footer-recht{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:8px;font-size:14px}.footer-recht a{color:var(--fg);font-weight:600;text-decoration:underline;text-underline-offset:3px}.footer-recht span{color:var(--mut)}.footer-zeile{margin:0}.scroll-top{position:fixed;right:22px;bottom:22px;z-index:40;width:52px;height:52px;border-radius:50%;border:none;background:var(--deko);color:#191c4d;font-size:1.5rem;font-weight:700;cursor:pointer;box-shadow:0 0 18px #ff7a1a73;transition:background .2s ease,box-shadow .2s ease,transform .1s ease}.scroll-top:hover{background:var(--acc);box-shadow:0 0 26px #ff7a1a99;transform:translateY(-2px)}.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}@media (max-width: 900px){.hero{grid-template-columns:1fr;gap:32px}.hero-foto img{max-width:340px;margin:0 auto}}@media (max-width: 720px){.upsell{padding:24px}.upsell-cta{flex:1 1 100%}.upsell-cta .btn-primary{width:100%;text-align:center}.toolbar{flex-direction:column;align-items:stretch}.counter{text-align:center}.card{padding:24px}}@media (max-width: 380px){.container{padding:0 14px}.tab{padding:8px 14px;font-size:.9rem}}