.qz-hero{background:radial-gradient(900px 500px at 85% -10%,rgba(161,47,201,.38),transparent 60%),radial-gradient(700px 480px at -5% 110%,rgba(24,184,154,.28),transparent 55%),var(--navy-deep)}.qz-hero-in{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.35fr .65fr;gap:2.4rem;align-items:center;padding:clamp(2.4rem,6vw,4.2rem) var(--gutter) clamp(3.6rem,7vw,5.2rem)}.qz-hero h1{font-size:clamp(2.2rem,5.4vw,3.8rem);font-weight:900;line-height:1.05;margin:.9rem 0 1rem;background:linear-gradient(100deg,#fff 30%,#e9b6ff 60%,var(--teal-2));-webkit-background-clip:text;background-clip:text;color:transparent}.qz-lead{font-size:clamp(1.05rem,2vw,1.25rem);color:#dbe6ee;max-width:48ch;margin:0 0 1.6rem}.qz-lead b{color:var(--teal-2)}.qz-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}.qz-chips span{font-family:var(--display);font-weight:700;font-size:.8rem;letter-spacing:.02em;color:#fff;padding:.35rem .8rem;border-radius:999px;background:#ffffff14;border:1px solid var(--line)}.qz-hero .btn,.quiz .btn{font-size:1rem}.qz-hero .qz-go,.quiz .qz-go{font-size:1.05rem;padding:.95rem 1.8rem}.qz-deko{position:relative;max-width:260px;width:100%;margin-inline:auto}.qz-ring{width:100%;height:auto;transform:rotate(-90deg)}.qz-ring circle,.q-res-ring circle{fill:none;stroke-width:10}.qz-ring .bg,.q-res-ring .bg{stroke:#ffffff14}.qz-ring .fg{stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;animation:qzring 2.2s .3s cubic-bezier(.2,.8,.2,1) forwards}@keyframes qzring{to{stroke-dashoffset:0}}.qz-ring-txt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.qz-ring-txt b{font-family:var(--display);font-size:clamp(2.6rem,6vw,3.4rem);font-weight:900;color:#fff;line-height:1}.qz-ring-txt span{color:var(--fg-muted);font-size:.85rem;font-weight:600}.qz-wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter) 3.5rem}.qz-levels{scroll-margin-top:10rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin:-2.2rem 0 2rem;position:relative}.qz-level{display:flex;flex-direction:column;background:#143349f2;border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.15rem 1.2rem;box-shadow:var(--shadow);transition:transform .25s,border-color .25s,box-shadow .25s}.qz-level.top{border:2px solid transparent;background:radial-gradient(260px 140px at 100% 0%,rgba(161,47,201,.3),transparent 70%) padding-box,linear-gradient(#143349fa,#143349fa) padding-box,var(--grad) border-box}.qz-level-kopf{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.qz-level-icon{font-size:1.6rem;line-height:1;width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:12px;background:#ffffff0f;border:1px solid var(--line)}.qz-level-nr{font-family:var(--display);font-weight:800;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-2)}.qz-level-name{font-family:var(--display);font-weight:900;color:#fff;margin:.8rem 0 .1rem;font-size:1.12rem;line-height:1.2}.qz-level.top .qz-level-name{background:linear-gradient(100deg,#fff 20%,#e9b6ff 60%,var(--teal-2));-webkit-background-clip:text;background-clip:text;color:transparent}.qz-level-range{color:var(--fg-muted);font-size:.85rem;margin:0}.qz-level-bar{height:6px;border-radius:99px;background:#ffffff14;overflow:hidden;margin:.75rem 0 .8rem}.qz-level-bar span{display:block;height:100%;border-radius:99px;background:var(--grad)}.qz-level-text{color:#cddae3;font-size:.84rem;line-height:1.45;margin:0}.qz-level.aktiv{transform:translateY(-4px);border-color:var(--teal-2);box-shadow:0 0 0 2px var(--teal-2),var(--shadow)}.quiz{scroll-margin-top:10rem;padding:clamp(1.3rem,4vw,2.4rem);border-radius:18px;position:relative;background:linear-gradient(var(--navy),var(--navy)) padding-box,var(--grad) border-box;border:2px solid transparent;box-shadow:0 30px 70px -30px #a12fc98c}.quiz .q-regeln p{color:#cddae3;margin:0 0 1rem;max-width:75ch}.quiz .q-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.8rem}.quiz .q-badge{font-family:var(--display);font-weight:800;color:#fff;background:var(--grad);border-radius:999px;padding:.35rem .9rem;font-size:.85rem}.quiz .q-hint{color:var(--teal-2);font-weight:700;font-size:.85rem;margin:0;text-transform:uppercase;letter-spacing:.06em}.quiz .q-progress{height:10px;background:#ffffff14;border-radius:99px;overflow:hidden;margin-bottom:1.6rem}.quiz .q-progress span{display:block;height:100%;width:0;background:var(--grad);border-radius:99px;transition:width .4s cubic-bezier(.2,.8,.2,1)}.quiz fieldset{border:0;margin:0;padding:0;min-width:0}.quiz fieldset.rein{animation:qzin .35s ease-out}@keyframes qzin{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}.quiz legend{font-family:var(--display);font-weight:900;font-size:clamp(1.3rem,3.2vw,1.9rem);line-height:1.25;color:#fff;margin-bottom:1.3rem;padding:0}.quiz .q-optionen{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.quiz .q-opt{display:flex;gap:.9rem;align-items:center;padding:1rem 1.1rem;border:2px solid var(--line);background:#ffffff08;border-radius:12px;cursor:pointer;color:#dbe6ee;position:relative;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.quiz .q-opt:hover{border-color:var(--teal-2);transform:translateY(-2px)}.quiz .q-opt input{position:absolute;opacity:0;pointer-events:none}.quiz .q-buchstabe{flex:none;width:2.1rem;height:2.1rem;border-radius:9px;display:grid;place-items:center;font-family:var(--display);font-weight:900;color:#fff;background:#ffffff14;border:1px solid var(--line);transition:.15s}.quiz .q-opt:has(input:checked){border-color:var(--violet);background:#a12fc92e;color:#fff;box-shadow:0 10px 28px -14px var(--violet)}.quiz .q-opt:has(input:checked) .q-buchstabe{background:var(--grad);border-color:transparent}.quiz .q-opt:has(input:focus-visible){outline:2px solid var(--teal-2);outline-offset:2px}.quiz .q-nav{display:flex;justify-content:space-between;gap:.8rem;margin-top:1.8rem;flex-wrap:wrap}.quiz .q-res-top{display:grid;grid-template-columns:220px 1fr;gap:2rem;align-items:center;margin-bottom:2.2rem}.quiz .q-res-ring{position:relative}.quiz .q-res-ring svg{width:100%;height:auto;transform:rotate(-90deg)}.quiz .q-res-ring .fg{stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1)}.quiz .q-res-zahl{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.quiz .q-res-zahl b{font-family:var(--display);font-size:3.6rem;font-weight:900;color:#fff;line-height:1}.quiz .q-res-zahl span{color:var(--fg-muted);font-weight:600}.quiz .q-level-name{font-family:var(--display);font-weight:900;font-size:clamp(2rem,5vw,3rem);line-height:1.05;margin:.2rem 0 .6rem;background:linear-gradient(100deg,#fff 20%,#e9b6ff 55%,var(--teal-2));-webkit-background-clip:text;background-clip:text;color:transparent}.quiz .q-level-text{font-size:1.1rem;color:#dbe6ee;margin:0 0 1.3rem;max-width:52ch}.quiz .q-res-cta{display:flex;gap:.7rem;flex-wrap:wrap}.quiz .q-resultat h2{color:#fff;margin:0 0 1rem;font-size:clamp(1.3rem,3vw,1.7rem)}.quiz .q-details{list-style:none;padding:0;margin:0;display:grid;gap:.8rem;counter-reset:qd}.quiz .q-details li{counter-increment:qd;padding:1rem 1.1rem 1rem 3.4rem;position:relative;border-radius:12px;background:#ffffff08;border:1px solid var(--line);border-left:4px solid #ff8a8a}.quiz .q-details li.ok{border-left-color:var(--teal)}.quiz .q-details li:before{content:counter(qd);position:absolute;left:1rem;top:1rem;width:1.7rem;height:1.7rem;border-radius:7px;display:grid;place-items:center;font-family:var(--display);font-weight:900;font-size:.85rem;color:#fff;background:#ffffff14}.quiz .q-details .f{font-weight:700;color:#fff;margin:0 0 .35rem}.quiz .q-details p{margin:0 0 .25rem;color:#cddae3;font-size:.95rem}.quiz .q-details .pkt{font-weight:800;font-family:var(--display);font-size:.85rem;margin-top:.4rem}.quiz .q-details .ok{color:var(--teal)}.quiz .q-details .teil{color:var(--gold)}.quiz .q-details .nok{color:#ff8a8a}.quiz .q-details p.gruen,.quiz .q-details p.gruen b{color:var(--teal)}.quiz .q-details p.rot,.quiz .q-details p.rot b{color:#ff8a8a}@media(max-width:860px){.qz-hero-in{grid-template-columns:1fr}.qz-deko{display:none}.qz-levels{grid-template-columns:1fr 1fr}.quiz .q-optionen{grid-template-columns:1fr}.quiz .q-res-top{grid-template-columns:1fr;justify-items:start}.quiz .q-res-ring{width:200px}}@media(max-width:560px){.quiz .q-nav .btn{flex:1;text-align:center}}@media(prefers-reduced-motion:reduce){.qz-ring .fg{animation:none;stroke-dashoffset:0}.quiz fieldset.rein{animation:none}.quiz .q-res-ring .fg,.quiz .q-progress span{transition:none}}