:root{--o:#FF6A00;--d:#111827;--l:#F4F6F8;--w:#fff;--g:#4b5563;--b:4px solid var(--d);--f:"Montserrat","Segoe UI",system-ui,-apple-system,Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:var(--f);background:var(--l);color:var(--d);line-height:1.6;font-size:17px}
a{color:inherit}:focus-visible{outline:4px solid var(--o);outline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
header{background:var(--d);color:var(--l);border-bottom:var(--b);position:sticky;top:0;z-index:10}
nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;max-width:1120px;margin:0 auto;flex-wrap:wrap}
.logo img{height:46px;display:block}
nav ul{display:flex;gap:2px;list-style:none;flex-wrap:wrap}
nav li a{display:block;padding:6px 10px;text-decoration:none;font-weight:700;font-size:.92rem;border:3px solid transparent}
nav li a:hover{border-color:var(--o)}nav li a.cta{background:var(--o);color:var(--d);border-color:var(--o)}
.hero{background:var(--d);color:var(--l);padding:72px 0 64px;border-bottom:var(--b);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 2px,transparent 2px 44px)}
.hero .wrap{position:relative}
.kicker{display:inline-block;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--o);font-size:.9rem;margin-bottom:16px}
.hero h1{font-size:clamp(2.8rem,8vw,6.2rem);line-height:.95;font-weight:900;letter-spacing:-.035em;text-transform:uppercase}
.hero h1 span{color:var(--o)}
.hero p.lead{max-width:640px;margin:26px 0 34px;font-size:1.2rem}
.btns{display:flex;gap:16px;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 24px;font:inherit;font-weight:800;text-decoration:none;border:4px solid var(--l);background:var(--o);color:var(--d);box-shadow:6px 6px 0 var(--l);cursor:pointer;transition:transform .1s,box-shadow .1s}
.btn:hover{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--l)}.btn.alt{background:transparent;color:var(--l)}
.btn.dk{border-color:var(--d);box-shadow:6px 6px 0 var(--d)}.btn.dk:hover{box-shadow:2px 2px 0 var(--d)}
.ticker{background:var(--o);color:var(--d);border-bottom:var(--b);font-weight:900;text-transform:uppercase;padding:10px 0;overflow:hidden;white-space:nowrap;font-size:1rem}
.track{display:flex;width:max-content;animation:run 45s linear infinite}.tg{display:flex;flex-shrink:0;min-width:100vw;justify-content:space-around}.tg span{padding:0 26px}.tg span::after{content:"✕";margin-left:52px}
@keyframes run{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.track{animation:none}html{scroll-behavior:auto}}
section.s{padding:84px 0;border-bottom:var(--b)}section.s.white{background:var(--w)}section.s.dark{background:var(--d);color:var(--l)}
.no{display:inline-block;font-weight:900;color:var(--o);letter-spacing:.12em;font-size:.95rem;margin-bottom:6px}
h2.t{font-size:clamp(2rem,5vw,3.4rem);line-height:1;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:16px}
.l2{max-width:720px;font-size:1.1rem;margin-bottom:38px}
.grid{display:grid;gap:26px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--w);border:var(--b);box-shadow:8px 8px 0 var(--d);padding:26px}
.dark .card{background:#1b2436;border-color:var(--l);box-shadow:8px 8px 0 var(--o);color:var(--l)}
.card h3{font-size:1.25rem;text-transform:uppercase;font-weight:900;line-height:1.1;margin-bottom:10px}
.card p+p,.card ul{margin-top:10px}.card ul{padding-left:20px}.card li{margin-top:4px}
.tag{display:inline-block;background:var(--o);color:var(--d);font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;margin-bottom:12px;border:3px solid var(--d)}
.price{margin-top:16px;padding-top:14px;border-top:3px solid var(--d);font-weight:900;font-size:1.5rem}.price small{display:block;font-weight:600;font-size:.82rem;color:var(--g)}
.dark .price{border-top-color:var(--l)}.dark .price small{color:#9fb0d0}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.step{counter-increment:s;background:var(--w);border:var(--b);padding:24px;position:relative}
.step::before{content:counter(s);position:absolute;top:-22px;left:18px;background:var(--o);border:var(--b);width:44px;height:44px;display:grid;place-items:center;font-weight:900;font-size:1.3rem}
.step h3{margin-top:12px;text-transform:uppercase;font-weight:900;font-size:1.15rem}
.note{font-size:.9rem;color:var(--g);margin-top:22px;max-width:820px}.dark .note{color:#9fb0d0}
.fb{background:var(--w);border:var(--b);margin-bottom:14px}.fb summary{cursor:pointer;padding:16px 20px;font-weight:800;list-style:none}.fb summary::after{content:"+";float:right;color:var(--o);font-weight:900}.fb[open] summary::after{content:"–"}.fb p{padding:0 20px 18px}
form label{display:block;font-weight:800;margin-top:14px}
form input,form select,form textarea{width:100%;font:inherit;padding:12px;border:var(--b);background:var(--w);color:var(--d);margin-top:6px}
form textarea{min-height:130px}
#kmsg{margin-top:14px;font-weight:700}#kmsg.err{color:#b00020}#kmsg.ok{color:#0a6b2d}
#kfb textarea{min-height:150px}
footer{background:var(--d);color:var(--l);padding:36px 0;font-size:.92rem;border-top:4px solid var(--o)}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}footer a{margin-right:16px;font-weight:700}
main.doc{padding:64px 0 90px}main.doc h1{font-size:clamp(2.2rem,7vw,4rem);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:1;margin-bottom:12px}
main.doc .card{margin-bottom:38px}main.doc h2{font-size:1.5rem;text-transform:uppercase;font-weight:900;margin-bottom:12px}main.doc h3{margin:16px 0 6px}main.doc p+p{margin-top:12px}.stand{margin-bottom:36px;font-weight:700;color:var(--o)}
@media(max-width:900px){.g3,.g4,.steps{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.g2,.g3,.g4,.steps{grid-template-columns:1fr}.hero{padding:48px 0}section.s{padding:60px 0}nav ul li:not(:last-child){display:none}}
footer .wrap>div:last-child{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}footer a{margin-right:0}

.vid{display:block;width:100%;max-width:960px;aspect-ratio:16/9;background:#0b1220;border:var(--b);box-shadow:8px 8px 0 var(--o)}
/* Besonderheit Assessment-Center */
.card.star{background:#fff8e1;border-color:var(--d);box-shadow:8px 8px 0 #ffb800;position:relative}
.card.star .tag{background:#ffd36a}
.card.star::after{content:"★";position:absolute;top:-24px;right:-14px;width:56px;height:56px;display:grid;place-items:center;background:#ffd36a;border:var(--b);font-size:1.8rem;transform:rotate(12deg)}
section.ac{background:var(--d);color:var(--l);padding:84px 0;border-bottom:var(--b);border-top:10px solid #ffd36a;position:relative}
section.ac .no{color:#ffd36a}
.ac .big{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.ac .big .st{font-size:3.4rem;line-height:1;color:#ffd36a}
.ac .zus{display:inline-block;background:#ffd36a;color:var(--d);font-weight:900;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border:4px solid var(--l);margin-bottom:14px;font-size:.85rem}
.ac .card{background:#1b2436;border-color:#ffd36a;box-shadow:8px 8px 0 #ffd36a;color:var(--l)}
.ac .card h3{color:#ffd36a}
.ac .btns{margin-top:36px}.ac .btn{border-color:#ffd36a;box-shadow:6px 6px 0 #ffd36a;background:#ffd36a}
/* Next Quest */
.quest{background:#0b1220;border:4px solid var(--l);box-shadow:10px 10px 0 var(--o);padding:28px;min-height:420px;position:relative;color:var(--l)}
.quest h3{font-size:1.6rem;text-transform:uppercase;font-weight:900;line-height:1.1;margin-bottom:8px}
.quest p{max-width:640px}.qq{margin-top:20px;font-weight:800;color:var(--o)}
.qsmall{font-size:.85rem;color:#9fb0d0;margin-top:14px}
.qrounds{list-style:none;margin:18px 0 6px;display:grid;gap:10px;max-width:640px}.qrounds li{border-left:6px solid var(--o);padding:2px 0 2px 14px}
.qchips{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 24px}
.qchip{font:inherit;font-weight:800;padding:8px 16px;background:transparent;color:var(--l);border:3px solid var(--l);cursor:pointer}
.qchip.on{background:var(--o);color:var(--d);border-color:var(--o)}
.qrow{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:18px}
.quest .btn{border-color:var(--l);box-shadow:5px 5px 0 var(--l)}.quest .btn.alt{background:transparent;color:var(--l)}
.qlink{font:inherit;font-weight:700;background:none;border:0;color:#9fb0d0;text-decoration:underline;cursor:pointer;padding:8px}
.qhead{margin-bottom:14px}.qstep{display:inline-block;background:var(--o);color:var(--d);font-weight:900;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;margin-bottom:8px}
.qcount{font-size:7rem;font-weight:900;color:var(--o);text-align:center;line-height:1.3;animation:pop .65s infinite}
@keyframes pop{0%{transform:scale(1.5);opacity:0}30%{opacity:1}100%{transform:scale(.9)}}
.qbar{height:12px;background:#1b2436;border:3px solid var(--l);margin-bottom:12px}.qbar-f{height:100%;width:100%;background:var(--o)}
.qcanvas{display:block;margin:0 auto;max-width:100%;border:4px solid var(--l);cursor:crosshair;touch-action:none;user-select:none}
.qpz{font-weight:800;margin-bottom:12px}
.qgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(340px,100%);margin:0 auto}
.qcell{aspect-ratio:1;border:4px solid var(--l);background:#131c30;cursor:pointer;transition:background .12s,box-shadow .12s,transform .1s}
.qcell:active{transform:scale(.94)}.qcell.on{background:var(--o);box-shadow:0 0 22px 4px rgba(255,106,0,.7),inset 0 0 0 5px #ffd36a}
.qgrid.win .qcell{background:#ffd36a;box-shadow:0 0 26px 6px rgba(255,211,106,.8)}
.qmid{text-align:center;padding:60px 0}.qmid p{margin:10px auto}
.qsay{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px}
.qav{flex:none;width:64px;height:64px;border-radius:50%;border:4px solid var(--l);display:grid;place-items:center;font-weight:900;font-size:1.8rem;color:var(--d)}
.qbub{background:#1b2436;border:3px solid var(--l);padding:14px 18px;position:relative;font-size:1.1rem}.qbub b{color:var(--o);text-transform:uppercase;font-size:.82rem;letter-spacing:.1em}
.qopts{display:grid;gap:12px}
.qopt{font:inherit;font-weight:700;text-align:left;padding:14px 18px;background:#131c30;color:var(--l);border:3px solid var(--l);cursor:pointer;transition:transform .1s,background .1s}
.qopt:hover{background:var(--o);color:var(--d);transform:translateX(6px)}.qopt.pick{background:#ffd36a;color:var(--d)}
.qout{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:start}
.qout h3{font-size:2.2rem;color:#ffd36a}
.qres{list-style:none;margin:16px 0 0;display:grid;gap:8px}
.qres li{display:grid;grid-template-columns:1fr 78px 118px;gap:12px;align-items:center;border-bottom:2px solid #2a3654;padding:6px 0}
.qres em{text-align:center;white-space:nowrap;font-style:normal;font-weight:900;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;color:var(--d)}
.qres .l3{background:#6dffc3}.qres .l2{background:#ffd36a}.qres .l1{background:#ff9a66}
.qradar{width:100%;max-width:400px;display:block;margin:0 auto}
.qrole{margin-top:14px;border:3px solid #ffd36a;padding:12px 14px;font-size:.95rem}
@media(max-width:900px){.qout{grid-template-columns:1fr}}
@media(max-width:600px){.quest{padding:18px 14px}.qcount{font-size:5rem}}
.qout>div{min-width:0}
@media(max-width:600px){.qres li{grid-template-columns:1fr auto}.qres em{grid-column:1/-1;justify-self:start}.qout h3{font-size:1.7rem}}